/* --------------------------------------------------------------------- Title: MyLab Portal(s) CSS file for all media Filename: mylabs_colors.css Method: Author: R. Prokop | bobprokop@yahoo.com for Pearson Education Updated: June 2008 Notes: Use this file to modify colors and background images for different MyLab portals ---------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------- BEGIN colors and background images: use these settings to customize color palette(s) and bg images NOTE: base color for this version: #669; /*---------------------------------------------------------------------------------------------------*/ /* href stuff */ a:link{ color:#9c0030; /* This is the MEDIUM TONE color for the site hyperlinks */ } a:visited{ color:#9c0030; /* This is the MEDIUM/LIGHT TONE color for the visited site hyperlinks */ } a:hover{ color:#c30; } a:active{ color:#9c0030; } a.ext{ background:url(../images/ext.gif) no-repeat right 50% transparent; } a.newWin{ background:url(../images/newWin.gif) no-repeat right 50% transparent; } /* the 'smooth scroll to top' links */ a.scrollTop{ background:url(../images/back2top.gif) no-repeat 99% 70% transparent; border-top:1px solid #fff; } a.scrollTop:hover{ background:url(../images/back2top_H.gif) no-repeat 99% 70% #ffc; border-top:1px solid #fc0; } img.pxrule { border:1px solid #000000; } /* different body IDs let the tabs tell us where we are */ body#home #menubar li#tab_home, body#learn #menubar li#tab_learn, body#tours #menubar li#tab_tours, body#support #menubar li#tab_support{ color:#fff; background-color:#800129!important; /* This is the DARK TONE color for the top nav rollover */ } /*------ specific constructs ------*/ /* the box containing the splash and other elements */ div#container{ border-top:4px solid #9c0030; } /* the background of the main content area */ div#splash{ background-color:#fdf2df; /* This is the LIGHT color for the splash/photo area */ border-top:1px solid #fff; } /* we have to do this because of stupid IE6 inability to handle PNG file format (standard since 1996!) */ div#splash_image{ background:url(../images/splash.png) no-repeat top left transparent; } /* elements of the left-hand nav on the home page */ dl.tabtop dt{ color:#fff; background:url(../images/tab_top.gif) no-repeat right top transparent; } dl.tabtop dd{ background-color:#fdd287; /* This is the MEDIUM/LIGHT SHADE for the background of login boxes */ border-right:1px solid #9c0030; border-left:1px solid #9c0030; } dl.tabtop dd a:link, dl.tabtop dd a:visited{ color:#800129; background:url(../images/arrow.gif) no-repeat 142px 50% #fdf2df; /* This is the LIGHT color for Login buttons */ border-top:1px solid #9c0030; border-right:1px solid #9c0030; border-bottom:2px solid #800129; border-left:2px solid #800129; } dl.tabtop dd a:hover, dl.tabtop dd a:active{ color:#000; background:url(../images/arrowH.gif) no-repeat 142px 50% #fff; } dl.tabtop dd.help a:link, dl.tabtop dd.help a:visited{ color:#800129; background:none!important; border:none; } dl.tabtop dd.help a:hover, dl.tabtop dd.help a:active{ color:#000; background:none!important; border:none; } dl.tabtop dd.last{ border-bottom:1px solid #9c0030; } /* normalized tabtop elements */ dl.normal{ background-color:#fff!important; } dl.normal dt{ color:#fff; background-color:#9c0030!important; } dl.normal dd{ background-color:#fff!important; border-right:1px solid #9c0030; border-left:1px solid #9c0030; } dl.normal dd a:link, dl.normal dd a:visited{ color:#9c0030; background:url(../images/arrow.gif) no-repeat 142px 50% #d2eaf2; border-top:1px solid #9c0030; border-right:1px solid #9c0030; border-bottom:2px solid #800129; border-left:2px solid #800129; } dl.normal dd a:hover, dl.normal dd a:active{ color:#800129; background:url(../images/arrowH.gif) no-repeat 142px 50% #fff; } dl.normal dd.last{ border-bottom:1px solid #9c0030; } /*------ the subpages content container element ------*/ #sub_container{ border-left:1px solid #ccc; } #sub_container h1, #sub_container h3{ color:#9c0030; } /* the left-hand nav options as rendered on the submenu pages */ div#subleft dt{ background:transparent; color:#999999; } div#subleft dd{ background-color:transparent; background:url(../images/arrow.gif) no-repeat 4px 50% transparent; padding:0px 5px 0px 18px; } div#subleft dd.current{ color:#000; background:url(../images/arrowH.gif) no-repeat 4px 50% transparent; } div#subleft dd a:link, div#subleft dd a:visited{ color:#9c0030; } div#subleft dd a:hover, div#subleft dd a:active{ color:#800129; } /*------ the footer ------*/ p#footer a:link, p#footer a:visited{ color:#9c0030 } p#footer a:hover, p#footer a:active{ color:#9c0030 } /*------ menubar and associated elements ------*/ /* the individual choices in the main navbar */ #menubar li{ /* This is the MEDIUM/LIGHT SHADE for the text color of the main navigation */ color:#bf6567; background-color:#9c0030; } /* the 'main tab' href links */ #menubar li a.main:link, #menubar li a.main:visited{ text-decoration:none; color:#fff; /*--- this is for IE6 and under only, all other agents will override with the child selector version that follows this delcaration ---*/ background-color:transparent; } html > body #menubar li a.main:link, html > body #menubar li a.main:visited{ /*--- IE6 and under will ignore this ---*/ color:#fff; } #menubar li a.main:hover, #menubar li a.main:active{ color:#fff; } /* the 'main' hrefs inside the navbar need to have their color set in this fashion */ body#home #menubar li#tab_home a.main:link, body#home #menubar li#tab_home a.main:visited, body#home #menubar li#tab_home a.main:hover, body#home #menubar li#tab_home a.main:active body#learn #menubar li#tab_learn a.main:link, body#learn #menubar li#tab_learn a.main:visited, body#learn #menubar li#tab_learn a.main:hover, body#learn #menubar li#tab_learn a.main:active body#tours #menubar li#tab_tours a.main:link, body#tours #menubar li#tab_tours a.main:visited, body#tours #menubar li#tab_tours a.main:hover, body#tours #menubar li#tab_tours a.main:active body#support #menubar li#tab_support a.main:link, body#support #menubar li#tab_support a.main:visited, body#support #menubar li#tab_support a.main:hover, body#support #menubar li#tab_support a.main:active{ color:#fff; } /* the left and right corner angles */ #menubar li#tab_home{ background-color:#9c0030!important; } #menubar li#tab_support{ background-color:#9c0030!important; } #menubar li#tab_home:hover, #menubar li#tab_support:hover, #menubar li#tab_home.IEhover, #menubar li#tab_support.IEhover{ color:#fff!important; background-color:#800129!important; } #menubar li:hover, #menubar li.IEhover, #menubar li a:hover, #menubar li.IEhover a:hover{ color:#fff!important; background-color:#800129!important; } /* show the submenus: how to render */ #menubar li:hover ul, #menubar li.IEhover ul{ background-color:#eee; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666; } /* if there IS a link for the submenu choice, this is how to render it */ #menubar li li a, #menubar li.IEhover ul li a{ color:#333; background-color:#eee; } /* stuff that changes when you hover over the submenu links */ #menubar li li a:hover, #menubar li.IEhover ul li a:hover{ color:#fff; background-color:#595959; } /*------ footer ------*/ p#footer a:link, p#footer a:visited{ color:#9c0030 } p#footer a:hover, p#footer a:active{ color:#9c0030 } /*------ popup window ------*/ #popwin h1{ color:#9c0030; } /*-------------------------------------------------------------------------------------------- END colors /*--------------------------------------------------------------------------------------------*/