/* style sheet for Christmas carols */ @font-face { font-family: "Tiresias PCfont Z"; font-style: normal; font-weight: normal; src: local('Tiresias PCfont Z"'), url("font/TIRESIAS PCFONTZ.TTF") format("truetype"); } @font-face { font-family: "Tiresias PCfont Z"; font-style: normal; font-weight: bold; src: local('Tiresias PCfont Z Bold"'), url("font/TIRESIAS PCFONTZ Bold.TTF") format("truetype"); } @font-face { font-family: "Tiresias PCfont Z"; font-style: italic; font-weight: normal; src: local('Tiresias PCfont Z Italic"'), url("font/TIRESIAS PCFONTZ Italic.TTF") format("truetype"); } a /* how ordinary clickable links look */{ font-size: 1.15em; font-weight: 500; line-height: 1.3em; } div.onion{ background: url("image/stylesheet/onion.png") #d2f4d3 no-repeat scroll 3px 3px !important; /*! green onion !*/ border: none; clear: none; color: #b22222; /*! firebrick !*/ display: block; margin: 8px 0 8px 0; padding: 10px 8px 10px 40px; } a:link /* how ordinary clickable links look */{ background-color: transparent; color: #9d0b21; /*! sombre brown !*/ } a:visited /* how visited links look */{ background-color: transparent; color: #660066; /*! aged wine !*/ } a:active /* how the link under the cursor looks */{ background-color: transparent; color: #000800; /*! black with tinge of green !*/ } a.book:link,a.book:visited,a.book:active,a.book:hover{ background: transparent url("image/link/book.png") no-repeat scroll 100% 70%; padding: 1px 18px 0 0; /* top right bottom left */ } a.wikipedia:link,a.wikipedia:visited,a.wikipedia:active,a.wikipedia:hover{ background: transparent url("image/link/wikipedia.png") no-repeat scroll right 50%; padding: 1px 24px 0 0; /* top right bottom left */ } body{ background-color: #f3fff6; /*! readable green background !*/ color: #421f00; /*! classic ink !*/ font-family: "Tiresias PCfont Z","Palatino Linotype","Bookman Old Style","Book Antiqua","Trebuchet MS","Lucida Sans","Lucida Sans Unicode",Verdana,serif; font-size: 1.4em; font-weight: normal; } div.box/* set off in white box red writing */{ background-color: #ffffff; /*! white !*/ border: thin solid; border-color: #808080; /*! unobtrusive grey !*/ clear: both; color: #ff3333; /*! fire !*/ display: block; float: none; font-size: 1em; font-weight: normal; margin: 8px 0 8px 0; padding: 10px; } div.navbar{ display: inline; line-height: 28px; margin: 4px 0 4px 0; /* t r b l */ white-space: nowrap; } div.see{ background: url("image/link/seealso.png") #fcfcff no-repeat scroll 1px 1px !important; /*! extreme pale blue !*/ border: thin solid; clear: both; color: #000000; /*! black !*/ display: block; margin: 8px 0 8px 0; padding: 10px 8px 10px 40px; } h1 /* sub heading */{ font-size: 28pt; } h1,h2 /* main heading */{ background-color: transparent; color: #226622; /*! rich green for h1 h2 !*/ font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,helvetica,sans-serif; font-weight: bold; } h2 /* sub heading */{ font-size: 1.08em; } span.big { color: #f07200; /*! Valencia orange !*/ font-size: 1.2em; font-weight: bold; } span.css{ background-color: transparent; color: #bb00bb; /*! loganberry !*/ } strong, b { font-size: 1.2em; font-weight: bold; } ul.breadcrumb{ display: inline; font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif; font-size: .7em !important; margin: 10px 0 4px 0; padding: 0; white-space: nowrap; } ul.breadcrumb li{ background: url("image/stylesheet/breadcrumbdimtiptail.png") #cffb3f no-repeat scroll left !important; /*! bright lime !*/ display: inline; margin-left: -5px; padding: 4px 1px 4px 35px; /* top right bottom left */ position: relative; } ul.breadcrumb li a{ text-decoration: none; } ul.breadcrumb li.firstbreadcrumb{ background-attachment: scroll !important; background-color: #cffb3f; /*! bright lime !*/ background-image: none !important; background-repeat: no-repeat; display: inline; margin-left: 0; padding: 4px 4px 4px 4px; /* top right bottom left */ position: relative; } ul.breadcrumb li.lastbreadcrumb{ background: transparent url("image/stylesheet/breadcrumbdimtiptail.png") no-repeat scroll left !important; display: inline; margin-left: -5px; padding: 4px 1px 4px 35px; /* top right bottom left */ position: relative; } ul.breadcrumb li:hover{ background-color: #dffc7c; /*! light lime !*/ } /* + is not supported in any browsers yet. So tip of hover arrow won't go bright */ ul.breadcrumb li:hover + ul.breadcrumb li{ background: url("image/stylesheet/breadcrumbbrighttiptail.png") #cffb3f no-repeat scroll left; /*! bright lime !*/ } .asays /* conversation between a and b to sort out who said what */{ background-color: transparent; color: #188dd3; /*! Naples blue !*/ font-style: italic; } .bsays /* conversation between a and b to sort out who said what */{ background-color: transparent; color: #3d58a0; /*! dull blue !*/ font-style: italic; } .csays /* conversation between a and b to sort out who said what */{ background-color: transparent; color: #266f4a; /*! seeweed green !*/ font-style: italic; } .date/* yyyy-mm-dd date*/{ background-color: transparent; color: #8b7a11; /*! tarnished gold !*/ white-space: nowrap; } .hitcount, .statcounter { background-color: transparent; color: #ff8c00; /*! dark orange !*/ font-family: "Lucida Console",Verdana,monospace; /* 14px */ font-size: 1.08em; font-weight: bold; } .plain /* dummy class that does nothing,mainly to say NOT offsite */{ background-color: transparent; } .quoted, em, i { font-style: italic; } .quoted:after,.asays:after,.bsays:after,.csays:after, .scare:after{ content: close-quote; } .quoted:before,.asays:before,.bsays:before,.csays:before, .scare:before{ content: open-quote; } .scare{ background-color: transparent; /* don't ever make italic. */ color: #8b4513; /*! bs brown !*/ } .speaker /* label a speaker */{ background-color: transparent; color: #dd9c71; /*! speaker orange !*/ font-weight: bold; } .term { background-color: transparent; color: #005801; /*! algae !*/ font-weight: 600; } .unobtrusive /* see fineprint bigger than semihidden */{ background-color: transparent; color: #808080; /*! unobtrusive grey !*/ font-size: .9em; line-height: 1em; }