/* SheGui/tr/de25/gra/de25.css (Derived from SheGui/tr/atlan25/atl25.css. Itself... (see below) ) Version: 16 Aug 25 Started 04 Mar 2024, built the styles as embedded styles, then moved here... This derived from SheGui sg-19216B.css as it stood 4 Mar 24... but little remains of that! THIS CSS MUST BE INVOKED *after* INVOKING PosnImages-WpFlagB.css so this can overides some of what's in PosnImages-WpFlagB.css REMEBER WHEN EDITING... pages USING this CSS will use a cached copy. Do ctrl-F5 to the loaded webpage to see effect of changes in CSS --- This CSS written for CSS level 3 + SVG... used https://jigsaw.w3.org/css-validator/ to test. --- See... https:bit.ly/CssBoxesInBoxes ...for many general points for novices (and for things I want to remind my novice-self of!) about CSS issues. (aka http://sheepdogguides.com/hh/html-css/BoxesInBoxes.htm) */ /*=========*/ .tkbR, .tkbL, .tkbC {min-width:152px; max-width:1502px;} /*=========*/ /*Using box-sizing is a complex issue... I THINK I want to go this route... Started it with In_di_a23, continued in Da_l2_4 Consider this "don't box-size everything" blog... https://aastudio.fr/box-sizing.html */ * {box-sizing:border-box;} /*=========*/ /*box-sizing (above) and ItinDate, Accom -> LocalItin, and the Span classes ForCharsTkb1st, CharsWorkshop and CharsURL first appeared in in_di_a23 pgs... That page done in my 10,001st hour of doing CSS... I finally "got it"!*/ /*===START section "cascaded class defs"- - - The first time I used this trick was 4 Aug 25 for de_25 New as part of de_25.css... First establish properties which both classes share...*/ .PhotoCreditR, .PhotoCreditL {font-size:0.75em;text-align:right;} /*New as part of de_25.css... tweak one...*/ .PhotoCreditL {text-align:left;} /*New as part of de_25.css... tweak the other...*/ .PhotoCreditR {text-align:right;} /*- - -END "cascaded class defs"===*/ /*Unique to india23 pgs, I think, when first created. Since copied from here to newer .css's, e.g. BP and dal24 ... This was in at_l25.cs*/ .ItinDate {font-family: "Times New Roman", Times, serif; font-size:1.3em; padding:6px 0px 14px 12px; background-color:#66b3ff;} /*This was in at_l25.cs*/ .Accom {font-family: "Times New Roman", Times, serif; padding:2px 15px;/*1st is top and bottom, 2nd is sides*/ background-color:#99ccff;margin-right:40%;/*border-style:solid;border-width:0px;*/}/* didn't "clip" the band of background-color that runs across the page at first... I think adding border:solid; fixed that.. but taking it out again didn't "break" fix. Go figger.*/ /*This was in at_l25.cs*/ .Meals {font-family: "Times New Roman", Times, serif; padding:2px 15px; background-color:#cce6ff;} /*Section heading created for "Highlights" page. close relative of TourOp*/ /*This was in at_l25.cs*/ .HighlightsSectionHead {font-family: "Arial", Times, sans-serif; background-color:#b3b300;margin:10px 100px 0px 10px;padding:8px 12px; font-size:1.3em;} /*top&bottom / left and right Margin is OUTSIDE, and not set to background color, Padding is between margin and text, an IS set to background color*/ /*Intinerary- as issued before tour by TourOperator*/ /*This was in at_l25.cs*/ .TourOp {font-family: "Times New Roman", Times, serif; background-color:#ffffcc;margin:10px 30px;padding:8px 12px; font-size:1.1em;} /*top&bottom / left and right Margin is OUTSIDE, and not set to background color, Padding is between margin and text, an IS set to background color*/ /*5 10: top&bottom both 5 / left and right both 10 5 10 15 20: top, right, bottom, left Margin OUTSIDE border, padding INSIDE*/} /*Intinerary- as issued by Radshid or Suresh on India23*/ /*This was in at_l25.cs*/ .LocalItin {font-family: "Times New Roman", Times, serif; background-color:#e6ffcc;margin:10px 30px;padding:8px 12px} /*This was in at_l25.cs*/ .TopOfSectionForDay /*For divs containing heading for a day's section. Once called "Ch_arsOverViewDayDate"*/ {font-family: Arial, Helvetica, sans-serif; font-weight:bold; background-color:#b3f0ff; /*Make color (sets color of TEXT) to reveal dates, make same as back-ground to hide. SEE few lines below here! (Do ctrl f5 to refresh .css cache, make effect appear.) NOT PARTICULARLY "secure"... if you select the text, the "hidden" text appears. Sigh. */ color:#080;/*No need to rem this out... just rem... or not.. the next. Will over-ride!*/ /* color:#b3f0ff; < to make dates show.*/ /*font-weight:bold;*/ font-size:120%; margin:5px 45px 5px 15px;padding:8px 12px; /*5 10: top&bottom both 5 / left and right both 10 5 10 15 20: top, right, bottom, left Margin OUTSIDE border, padding INSIDE*/} /*===================== And now some for styles.... */ /*"ForCharsTkb1st" *is* in use in at least some india23 pages, in spite of the poor name. It was one of my first attempts to use CSS in s. If not THE first, a very early one. ForCharsTkb1st first used in india23/itin-summ.htm late Feb (or early March) 24. It, and others derived from it, moved to origin if this external style sheet (india23.css) quite soon- 4 Mar 24 This was in at_l25.cs */ .ForCharsTkb1st {color:blue; font-weight: bold;} /*Thank you... https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight ...for Font Weight*/ /*This was in at_l25.cs*/ .CharsWorkshop /*For spans holding details of artisan workshops we visited*/ {font-family: Arial, Helvetica, sans-serif; background-color:#ccf; color:#804d00;/*misc old values: b38600 e6e6ff*/ /*NOTE USEFUL SHORTCUT: cc0 = cccc00*/ font-weight:bold; font-size:0.7em; } /*This was in at_l25.cs*/ .CharsURL /*For spans holding URLs*/ {font-family: Arial, Helvetica, sans-serif; /*background-color:#ccf;*/ /*color:#804d00;*/ font-weight:bold; font-size:0.8em;} /* ========================== This large section of overrides was in at_l25.cs Over-ride, re-set some of the setting found in external https://sheepdogguides.com/css/PosnImages-WpFlagB.css... ====== ** Using "tkbR,tkbL,tkbC" did not work. The "img." part is somehow, somewhy important. Figure out! Sigh. ** And yes, it has to be on all three... in some legacy pages, it only appears on the first (tkbR) ====== Common values...*/ img.tkbR,img.tkbL,img.tkbC { /*These were the values in external, 4 Mar 24... border-width:1px; min-width:150px;max-width:1200px; margin-top:3px; margin-bottom:6px;*/ /*changed...*/ min-width:150px;max-width:1200px; border-style:none; padding:0px;} /*Then refine, with specifics. ORDER of the lines is IN REVERSE //ON PURPOSE//... so same numbers on equiv lines*/ img.tkbR {float:right;margin-right:1%; margin-left:2%;} img.tkbL {float:left;margin-left:1%; margin-right:2%;} /*Class to center an image. (Didn't need resetting)... Thank you... https://www.w3schools.com/howto/howto_css_image_center.asp for this. Or was it... https://www.w3.org/Style/Examples/007/center.en.html#block ? img.tkbC { display: block; margin-left:auto;margin-right:auto; margin-top:2px;margin-bottom:5px;} */ -- /*New 16 Aug 25, first used in de25.css for Deva trip photos page. Weird... h3, h4 work. h2 does not. (had to add as inline)*/ h2{color:#006600;} h3{color:#006600;} h4{color:#006600;}