/***********************************************************/ /* CSS developed for the Herb Society site -- Feb. 2009 */ /*********************************************************/ /****************************/ /* PRIMARY TEXT STYLES */ /********************************************************************/ /* blacktext -- for most text presented in main content cells */ /* smallblacktext -- for secondary info usually in sidebars */ /* greentext -- for short blurbs in sidebars & shaded areas */ /* yellowtext -- for short, visual highlighting */ /***************************************************************/ .blacktext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; } .greentext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; color: #008000; padding: 0px 10px 0px 8px; } .redtext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; color: #FF0000; } .smallblacktext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; } .yellowtext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; color:#FFFF00; } /*************************/ /* HEADLINE STYLES */ /**********************************************************************/ /* greenscriptbanner -- primary headline at the top of each page */ /* blackheadline -- all secondary heads, if needed */ /*******************************************************************/ .greenscriptbanner { font-family: "Brush Script MT", "Script MT Bold", "Arial Black"; font-size: 32pt; font-style: normal; line-height: normal; font-weight: bold; color: #008000; } .greenscript { font-family: "Brush Script MT", "Script MT Bold", "Arial Black"; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; color: #008000; } .blackheadline { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 20pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000000; text-decoration: none; } .greenheadline { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; color: #008000; } /***************************/ /* NAVIGATION BAR LINKS */ /*****************************************************************************************/ /* Note: tag must be on pages for current location to be highlighted */ /***************************************************************************************/ .nav_shading { background-color: #CCFFCC; background-repeat: no-repeat; } .navLinks { } a.navLinks:link { padding: 3px 0px 3px 1px; font: Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-variant:small-caps; font-weight:bold; color:#008000; text-decoration:none; } a.navLinks:hover { padding: 3px 0px 3px 1px; font: Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-variant:small-caps; font-weight:bold; color:#FFFF00; text-decoration:underline; } a.navLinks:active { padding: 3px 0px 3px 1px; font:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-variant:small-caps; font-weight:bold; color:#008000; text-decoration:none; background:#FFFF00; display:block; width:100%; } a.navLinks:visited { padding: 3px 0px 3px 1px; font:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-variant:small-caps; font-weight:bold; color:#00FF00; text-decoration:none; } body#about a#menu-about, body#calendar a#menu-calendar, body#contact a#menu-contact, body#cookbook a#menu-cookbook, body#gardening a#menu-gardening, body#grace a#menu-grace, body#favorites a#menu-favorites, body#musings a#menu-musings, body#other a#menu-other, body#how-to a#menu-how-to, body#links a#menu-links, body#recipes a#menu-recipes body#recipe_index a#menu-recipe_index {color:#008000; background-color:#FFFF00; display:block;} /***********************/ /* MISCELLANEOUS */ /*********************/ .yellow_shading { background-color: #FFFF99; } .past_date { background-color: #E1E1E1; }