/*------------------------------------------------------------------------------------------------------------------------ ==================================================== PLACER COUNTY WEBSITE ============================================= ============================================== CASCADING STYLE SHEET DEFINITIONS ======================================= ------------------------------------------------- Filename : PLACER.CSS ------------------------------------------------*/ /*======================================================================================================================== ============================================ SECTION A - LAYOUT DEFINITIONS ============================================ ========================================================================================================================*/ html { } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A01 - Used for the Main Body Table ------------------------------------------------------------------------------------------------------------------------*/ body td { font-size:75%; font-family: Verdana,Arial,helvetica, sans-serif; } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A02 - Used for the Main Body Tag settings on all pages ------------------------------------------------------------------------------------------------------------------------*/ body { font-size:75%; line-height:130%; margin-left: 0; margin-top: 9px; margin-right: 0; padding: 0; font-family: Verdana,Arial,helvetica, sans-serif; color: black; background-color:white; } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A03 - Used for general image settings on all pages ------------------------------------------------------------------------------------------------------------------------*/ img { border:0px; } /*---------------------------*/ P { font-size:1em; line-height: 130%; } a:hover { color: Purple; } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A04 - Used for general font type settings on all pages ------------------------------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; letter-spacing: 1px; } /*---------------------------*/ h1 { margin-top:0px; font-size: 1.2em; } /*---------------------------*/ h2 { font-size:1em; } /*---------------------------*/ h3 { font-size:.9em; } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A05 - Used for general A type settings on all pages. Any A tag in a TD will have these settings ------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A06 - Used for general small text for disclaimers - Could be obsolete ------------------------------------------------------------------------------------------------------------------------*/ .smalltext { font-size:.7em; } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A07 - Used for general content text - Could be obsolete ------------------------------------------------------------------------------------------------------------------------*/ .contenttext { font-size:1em; } /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A08 - Used for main pages content div ------------------------------------------------------------------------------------------------------------------------*/ .content {width:100%;height:100%;margin-left:10px;margin-right:10px;margin-bottom:10px;} /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A09 - Used for Board of Supervisor pages content div ------------------------------------------------------------------------------------------------------------------------*/ .boscontent {padding:10px;color:#ffffff;background-color:#356394;margin-bottom:8px;height:100%;border:0px solid #356394;} /*------------------------------------------------------------------------------------------------------------------------ DEFINITION A10 - Used for Board of Supervisors div ------------------------------------------------------------------------------------------------------------------------*/ .bos { background-color:#356394; color:#ffffff; border:0px solid :#356394; } /********************************* A tag setting on Board of Supervisor pages */ .bos a { color: #ffffff; text decoration:underline } .bos a:visited { color: orange; text decoration:underline } .bos a:hover { color: orange; text decoration:underline } /********************************* Footer DIV settings */ .footer { margin-top:10px; width:770px; margin-bottom:5px; text-align:center; border-top:1px solid #AAA; border-bottom:1px solid #AAA; } .footerlink { font-size:.9em; padding-left:6px; padding-right:6px; } /* 1/24/07 vvr added to get rid of the underline in the header */ .footerlink a { color: #2b5985; text-decoration: none; } .footerlink a:visited { color: purple; text-decoration: none; } .footerlink a:hover { color: purple; text-decoration: underline; } /* Header menu is the div settings for the top menu */ .headermenu a:link {color: #005fff;} .headermenu a:visited {color: #005fff;} .headermenu a:active {color: #005fff;} .headermenu a:hover {color: #005fff;} .headermenu { margin-top:1px; width:770px; margin-bottom:1px; text-align:center; } .headerlink { font-size:1.3em; padding-left:7px; padding-right:7px; } /* 1/24/07 vvr added to get rid of the underline in the header */ .headerlink a { color: #2b5985; text-decoration: none; } .headerlink a:hover { color: purple; text-decoration: underline; } .headerlink a:visited { color: purple; text-decoration: none; } /*--------BREADCRUMBS---------*/ .breadcrumb { width:100%; font-size:.9em; padding-top:6px; padding-bottom:6px; } .breadcrumb a { color: #2b5985; padding:4px text-decoration: none; } .breadcrumb a:visited { color: purple; text-decoration: none; } .breadcrumb a:hover { color: purple; text-decoration: underline; } .breadcrumbBOS a { color: white; padding:4px text-decoration: none; } .breadcrumbBOS a:visited { color: white; text-decoration: none; } .breadcrumbBOS a:hover { color: white; text-decoration: underline; } /*-----NEWS AND EVENTS--------*/ /* The general news div */ .News { width:100%; } /* A single news item div */ .NewsItem { margin:0px; margin-top:10px; } /*01/29/07 vvr added to change the link in the newsitems to be the lighter color*/ .NewsItem a { /*color: #2b5985;*/ } /* The title area of a news item */ .NewsTitle { font-weight:600; font-size:1em; border-bottom:1px solid black; margin-bottom:6px; } /* The main news article area div */ .NewsArticle { margin:15px; height:225px; border-top:1px solid #AAA; border-bottom:1px solid #AAA; padding:4px; } /* Title div in a news article */ .NewsArticleTitle { margin-bottom:5px; font-size:1.3em; font-weight:600; } .NewsArticleDate { margin-top:0px; margin-bottom:5px; font-weight:600; } .NewsArticleDescription { margin-top:10px; } /*======================================================================================================================== ========================================= SECTION B - SPOT BOX DEFINITIONS ============================================= ======================================================================================================================== The spot boxes contain a number of div tags and images. In general, it is recommended that you copy the whole chunk of css below if you want to change the look. Then change the colors or gif images and test it with new css name (e.g. leftnav renames to NewLeftNav) */ /*------------------------------------------------------------------------------------------------------------------------ DEFINITION B1 - Used for Left Side Page Navigation Spotboxes on all pages, except for the Board of Supervisors ------------------------------------------------------------------------------------------------------------------------*/ .LeftNav_OuterContainer {width:143px;margin-left:4px;margin-right:4px;margin-bottom:20px;position:relative;background-color:#baaa92;text-align:center;} .LeftNav_BorderTop {} .LeftNav_OuterRoundTop {width:100%;background: url(/images/tr.gif) no-repeat top right;height:10px;text-align:left;} .LeftNav_OuterTopLeft {background: url(/images/tl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .LeftNav_MiddleContainer {height:100%;width:133px;margin:0 auto;} .LeftNav_Header a { } .LeftNav_InnerContainer {width:100%;margin-top:0px;margin-left:0px;margin-right:0px;background:#fffafa;} .LeftNav_InnerRoundTop {width:100%;background: url(/images/idtr.gif) no-repeat top right;height:10px;text-align:left;} .LeftNav_InnerTopLeft {background: url(/images/idtl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .LeftNav_MenuContainer {font-size:.9em;height:auto;margin-bottom:0px;margin-left:0px;margin-right:0px;width:95%;} /* vvr added to change link colors to the left nav bar*/ .LeftNav_MenuContainer a {color:#2b5985;text-decoration:none;} .LeftNav_MenuContainer a:hover {color:purple;text-decoration:underline;} .LeftNav_MenuContainer a:visited {color:purple;text-decoration:none;} .LeftNav_Link {font-size:1.1em;margin-top:2px;margin-bottom:2px;} .LeftNav_SpotsMoreLink a {} .LeftNav_InnerRoundBottom {width:100%;background: url(/images/idbr.gif) no-repeat bottom right;height:10px;text-align:left} .LeftNav_InnerBottomLeft {background: url(/images/idbl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .LeftNav_BorderBottom {} .LeftNav_OuterRoundBottom {width:100%;background: url(/images/br.gif) no-repeat top right;height:10px;text-align:left} .LeftNav_OuterBottomLeft {background: url(/images/bl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} /*------------------------------------------------------------------------------------------------------------------------ DEFINITION B2 - Used for Left Side Page Navigation Spotboxes on the Board of Supervisors pages ------------------------------------------------------------------------------------------------------------------------*/ .LeftNavWhite_OuterContainer {width:145px;margin-left:4px;margin-right:4px;margin-bottom:20px;text-align:center;} .LeftNavWhite_BorderTop {background-color:#64788C;border-top:1px solid #64788C;} .LeftNavWhite_OuterRoundTop {background: url(/images/bluetr.gif) no-repeat top right;margin-top:-1px;text-align:left} .LeftNavWhite_OuterTopLeft {background: url(/images/bluetl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .LeftNavWhite_MiddleContainer {border-left:2px solid #8299AE ;border-right:2px solid #8299AE;background-color:##396394;} .LeftNavWhite_Header {color:#white;font-size:.8em;font-weight:600;padding:3px;position:absolute;top:1px;left:3px;} .LeftNavWhite_InnerContainer {} .LeftNavWhite_InnerRoundTop {} .LeftNavWhite_InnerTopLeft {width:4px;height:4px;font-size:.1em;} .LeftNavWhite_MenuContainer {font-size:.9em;height:auto;margin-bottom:4px;margin-left:0px;margin-right:0px;width:95%;} .LeftNavWhite_MenuContainer a {color#64788C; text-decoration:none;} /* vvr added to change link colors to the quicklinks box*/ .LeftNavWhite_MenuContainer a:hover {color:orange;text-decoration:underline;} .LeftNavWhite_MenuContainer a:visited {color:orange;text-decoration:none;} .LeftNavWhite_MoreButton {font-size:.7em;} .LeftNavWhite_InnerRoundBottom {} .LeftNavWhite_InnerBottomLeft {width:4px;height:4px;font-size:.1em;} .LeftNavWhite_BorderBottom {background-color:#64788C;border-bottom:1px solid #386294;} .LeftNavWhite_OuterRoundBottom {background: url(/images/bluebr.gif) no-repeat top right;margin-bottom:-1px;text-align:left} .LeftNavWhite_OuterBottomLeft {background: url(/images/bluebl.gif) no-repeat;width:4px;height:10px;font-size:.1em;} /*------------------------------------------------------------------------------------------------------------------------ DEFINITION B2 - Used for Right Side Page Quick Links Spotboxes on the Board of Supervisors pages ------------------------------------------------------------------------------------------------------------------------*/ .RightWhiteSpotBox_OuterContainer {width:145px;margin-bottom:10px;text-align:center;position:relative;} .RightWhiteSpotBox_BorderTop {background-color:#64788C;border-top:1px solid #64788C;} .RightWhiteSpotBox_OuterRoundTop {background: url(/images/bluetr.gif) no-repeat top right;margin-top:-1px;text-align:left;} .RightWhiteSpotBox_OuterTopLeft {background: url(/images/bluetl.gif) no-repeat;width:10px;height:17px;font-size:.1em;} .RightWhiteSpotBox_MiddleContainer {width:100%;border-left:2px solid #8299AE;border-right:2px solid #8299AE;background-color:#396394;} .RightWhiteSpotBox_Header {color:white;font-size:.8em;font-weight:600;padding:3px;position:absolute;top:1px;left:3px;} .RightWhiteSpotBox_InnerContainer {} .RightWhiteSpotBox_InnerRoundTop {} .RightWhiteSpotBox_InnerTopLeft {width:10px;height:10px;font-size:.1em;} .RightWhiteSpotBox_MenuContainer {font-size:.9em;margin-bottom:6px;} .RightWhiteSpotBox_MenuContainer a {color:white;} .RightWhiteSpotBox_MoreButton {font-size:.7em;} .RightWhiteSpotBox_InnerRoundBottom {} .RightWhiteSpotBox_InnerBottomLeft {width:10px;height:10px;font-size:.1em;} .RightWhiteSpotBox_BorderBottom {background-color:#64788C;border-bottom:1px solid #8299AE;} .RightWhiteSpotBox_OuterRoundBottom {background: url(/images/bluebr.gif) no-repeat top right;width:100%;margin-bottom:-1px;text-align:left;} .RightWhiteSpotBox_OuterBottomLeft {background: url(/images/bluebl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} /*------------------------------------------------------------------------------------------------------------------------ DEFINITION B3 - Used ONLY for Spot Boxes (Portlets) on the home page ------------------------------------------------------------------------------------------------------------------------*/ .StandardSpotBox_OuterContainer {width:155px;margin-left:8px;margin-right:8px;margin-bottom:20px;position:relative;background-color:#baaa92;text-align:center;} .StandardSpotBox_BorderTop {} .StandardSpotBox_OuterRoundTop {background: url(/images/tr.gif) no-repeat top right;height:10px;text-align:left;} .StandardSpotBox_OuterTopLeft {background: url(/images/tl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .StandardSpotBox_MiddleContainer {width:145px;margin:0 auto;} .StandardSpotBox_Header a {color:white;font-size:.9em;font-weight:600;padding:3px;position:absolute;top:-2px;left:6px;} .StandardSpotBox_InnerContainer {margin-top:5px;margin-left:0px;margin-right:0px;background:#fffafa;} .StandardSpotBox_InnerRoundTop {width:100%;background: url(/images/idtr.gif) no-repeat top right;height:10px;text-align:left} .StandardSpotBox_InnerTopLeft {background: url(/images/idtl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .StandardSpotBox_MenuContainer {font-size:.9em;height:auto;margin-bottom:0px;margin-left:0px;margin-right:0px;} /* vvr added text decoration: none, hover and visited links to portlets links for homepage*/ .StandardSpotBox_MenuContainer a {color:#2b5985;text-decoration:none;} .StandardSpotBox_MenuContainer a:hover {color:purple;text-decoration:underline;} .StandardSpotBox_MenuContainer a:visited {color:purple;text-decoration:none;} .StandardSpotBox_SpotsMoreLink a {font-size:1em;} .StandardSpotBox_InnerRoundBottom {background: url(/images/idbr.gif) no-repeat bottom right;height:10px;text-align:left} .StandardSpotBox_InnerBottomLeft {background: url(/images/idbl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .StandardSpotBox_BorderBottom {} .StandardSpotBox_OuterRoundBottom {background: url(/images/br.gif) no-repeat top right;height:10px;text-align:left} .StandardSpotBox_OuterBottomLeft {background: url(/images/bl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} /*------------------------------------------------------------------------------------------------------------------------ DEFINITION B4 - Used for right side Spot Boxes (Quick Links) on standard pages, except for Board of Supervisors pages ------------------------------------------------------------------------------------------------------------------------*/ .RightSpotBox_OuterContainer {width:145px;margin-left:8px;margin-right:8px;margin-bottom:20px;position:relative;background-color:#baaa92;text-align:center;} .RightSpotBox_BorderTop {} .RightSpotBox_OuterRoundTop {background: url(/images/tr.gif) no-repeat top right;height:10px;text-align:left;} .RightSpotBox_OuterTopLeft {background: url(/images/tl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .RightSpotBox_MiddleContainer {height:100%;width:135px;margin:0 auto;margin-top:5px;} .RightSpotBox_Header {color:white;font-size:.9em;font-weight:600;padding:3px;position:absolute;top:-2px;left:6px;} .RightSpotBox_InnerContainer {margin-top:5px;margin-left:0px;margin-right:0px;background:#fffafa;width:100%;height:100%} .RightSpotBox_InnerRoundTop {background: url(/images/idtr.gif) no-repeat top right;height:10px;text-align:left;} .RightSpotBox_InnerTopLeft {background: url(/images/idtl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .RightSpotBox_MenuContainer {font-size:.9em;height:auto;width:95%;} /* vvr added to change link colors to the quicklinks box*/ .RightSpotBox_MenuContainer a {color:#2b5985;text-decoration:none;} .RightSpotBox_MenuContainer a:hover {color:purple;text-decoration:underline;} .RightSpotBox_MenuContainer a:visited {color:purple;text-decoration:none;} .RightSpotBox_SpotsMoreLink a {font-size:1em;} .RightSpotBox_InnerRoundBottom {background: url(/images/idbr.gif) no-repeat bottom right;height:10px;text-align:left;} .RightSpotBox_InnerBottomLeft {background: url(/images/idbl.gif) no-repeat;width:10px;height:10px;font-size:.1em;} .RightSpotBox_BorderBottom {} .RightSpotBox_OuterRoundBottom {background: url(/images/br.gif) no-repeat top right;height:10px;text-align:left;} .RightSpotBox_OuterBottomLeft {background: url(/images/bl.gif) no-repeat;width:10px;height:10px;font-size:.1em;}