/* This is created 02-12-09, a cleaned up (especially re links i.e. more standardised) of previous versions */ /*------------------------------------------------------------------------------------------------------*/ body { background: orange; } /* Orange (#ffa500) is a wc3 valid color name*/ * {font-family: Georgia, "Arial Narrow", Arial, Helvetica, Verdana, sans-serif; font-weight: 500; } /* Georgia is serif but would be used by browser if available and put before others here */ /*--------------------------------------------------------------------------------------------------*/ /* below is RE:-PAGES where page is ontop of page-outer2 ontop of page-outer1 ontop of page-outer0 to give BORDER EFFECT*/ /* specify size, color, etc. of outer divs (i.e. look like book pages behind open page ) */ /* gray ranges from darkest at #666666 for most outer div (outer0) to palest at #cccccc */ .page-outer0 { background: #666666; } /*THESE OBEY WC3 BROWSER SAFE FOR HTML4 */ .page-outer1 { background: #999999; } .page-outer2 { background: #cccccc; } .page-outer0 { width: 900px; margin: auto; } /* 900px allows margin on the fixed Google Calendar width of 800px */ /* since outer0 is the most outer div it will contain the width and height of the inner ones */ .page-outer1 { position: relative; left: -4px; top: -4px; } .page-outer2 { position: relative; left: -3px; top: -3px; } /* These offsets of -4px etc. gives the right and bottom border effect on page */ .page { position: relative; left: -2px; top: -2px; } .page { border: solid; border-color: #999999 ; border-width: 1px; background: #ffffcc ; padding-top: 10px; } /* Important background color as fills most of screen and contrasts with body */ /*------------------------------------------------------------------------------------------------------*/ .top-pic { width: 200px; margin: auto; } .top-pic2 { width: 260px; margin: auto; border: 1px solid orange; } /* border as this pic has white background */ /*------------------------------------------------------------------------------------------------------*/ h2.hdtitle, div.main-txt h3.yrtitle { text-align: center; border: 0; color: #003300; } /* very dark green */ /* NOTE WC3 PREFER HEX. COLOR NUMBERS*/ b { font-weight: 700; } div.main-txt { width: 800px; margin: auto; background: #ffffcc ; border: 0 ; padding: 10px; color: #003300;} /*color?*/ div.main-txt span.hilite {color:red; } div#ext-links { width: 800px; margin: auto; background: #ffffcc ; border: 0 ; padding: 10px; color: #000099; } /*color?*/ div#inset ul { list-style-type: none; } div#inset0 { padding-left: 100px; } /*------------------------------------------------------------------------------------------------------*/ /* class navbar0 below is designed for the fixed width, centered, menu for navigating to the different html pages EXCEPT PREVIOUS TALKS */ table.navbar0 { width: 560px; margin: auto; border: outset #666666 3px; } table.navbar0 tr th a:link { text-decoration: none; color: #003300; } /* same color as title and main text */ table.navbar0 tr th a:visited { text-decoration: none; color: #003300; } /* no change for visited */ table.navbar0 tr th a:hover { text-decoration: none; color: #FF0000; } /* red = #FF0000 */ table.navbar0 tr th a:active { text-decoration: none; color: #00FF00; } /* lime = #00FF00 */ th { text-align: center; } /*centers text in cells of navbar0 */ /*------------------------------------------------------------------------------------------------------*/ /* class navbar1 below is designed for in-line content (variable width), centered links, e.g the "Return to Top" links at bottom */ p.navbar1, div p.navbar1 { margin: auto; text-align: center; } /*Using "text-decoration: none;" is no advantage here */ p.navbar1 a:link, div p.navbar1 a:link { text-decoration: none; color: #0000FF; } /* normal (could perhaps differ for different browsers) color for link is blue which is #0000FF, hence used to standardise over all browsers, #000099 was used previously */ p.navbar1 a:visited, div p.navbar1 a:visited { text-decoration: none; color: #0000FF; } /* no change for visited */ /* purple = #800080 */ p.navbar1 a:hover, div p.navbar1 a:hover { text-decoration: none; color: #FF0000; } /* red = #FF0000 */ p.navbar1 a:active, div p.navbar1 a:active { text-decoration: none; color: #FF0000; } /* no change for active */ /* lime = #00FF00 */ /* class yrnavbar below is designed for previous-talks.html year links, centered. Separate from above incase differ during development */ div.main-txt p.yrnavbar { margin: auto; text-align: center; } /*Using "text-decoration: none;" is no advantage here */ div.main-txt p.yrnavbar a:link { text-decoration: none; color: #0000FF; } /* normal (could perhaps differ for different browsers) color for link is blue which is #0000FF, hence used to standardise over all browsers, #000099 was used previously */ div.main-txt p.yrnavbar a:visited { text-decoration: none; color: #0000FF; } /* no change for visited */ /* purple = #800080 */ div.main-txt p.yrnavbar a:hover { text-decoration: none; color: #FF0000; } /* red = #FF0000 */ div.main-txt p.yrnavbar a:active { text-decoration: none; color: #FF0000; } /* no change for active */ /* lime = #00FF00 */ /* For hypertext links in main text */ div.main-txt p a:link { color: #0000FF; } /* blue = "#0000FF" */ div.main-txt p a:visited { color: #800080; } /* purple = #800080 */ /* was #660099;*/ div.main-txt p a:hover { color: #FF0000; } /* red = #FF0000 */ div.main-txt p a:active { color: #00FF00; } /* lime = "#00FF00" */ /* For hypertext links in external links page */ div#inset0 ul li a:link { color: #0000FF; } /* was #000099 */ div#inset0 ul li a:visited { color: #800080; } /* was #660099 */ div#inset0 ul li a:hover { color: #FF0000; } /* red */ div#inset0 ul li a:active { color: #00FF00; } /* lime */ /*-------------------------------------------------------------------*/ div#calendar { width: 800px; margin: auto; height: 617px; background: white; border: 1px solid orange } /* Has to be 800px since that is imported calendar width*/ /*Not used here but #ffffd0 is about best match for the Google Calendar blue and the orange border if desired */ div p.small-ifont, p.small-ifont { font-size: small; font-style: italic; } div p.dark-grey { color: #666666; } /* #666666 is a dark grey and browser safe */ div#footer { width: 800px; margin: auto; border: 0; padding: 10px; } /*Width set to same as Google calendar */ address { font-size : small; color: #666666; white-space: pre; } /* #808080, gray is a CSS color keyword*/ /* #666666 is a browser safe dark grey */ div p#cbs-contact { width: 600px; margin: auto; font-size: small; color: #666666; } /* Used in index, meditation and noticeboard only */ /* #666666 is a browser safe dark grey */ /* End */