/* ____________________ #body overwrites ______________________________________________________________________________ */ #body h1{} #body h2{} #body h3{} #body p{} #body a{} #body a:hover{} #body small{} #body form{} #body ul.navigation li{} #body{ background-color: #EEEBE5; } #body .navigation-container{overflow:hidden} /* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */ #body #outerContainer{ margin:0 auto; width:1020px; } #body #outerContainer a{color:#870056;} #body #container{} /* ____________________ Header CSS ______________________________________________________________________________ */ #body #header{ background-color:#eeebe5; min-height:113px; padding-bottom:60px; text-align:center; } #body #header ul.navigation{ width:auto; overflow:hidden; padding:15px; } #body #header ul.navigation li{ float:left; height:30px; margin-right:5px; margin-bottom:10px; min-width:30px; } #body #header ul.navigation li a{ background-color:#870056; background-image:url('http://lygo.com/ly/zeeblio/styles/8-bit/images/highlight.png'); background-repeat:repeat-x; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; color:#fff; display:block; font-size:16px; font-weight:bold; height:30px; line-height:30px; padding:0 10px; } #body #header ul.navigation li a:hover, #body #header ul.navigation li a.selected{ background-color:#262686; background-position:-1px 0; color:#fff; text-decoration:none; } /* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */ #body #main{} #body #content{} #body #content ul.navigation{width:auto; margin:10px 0} #body #content ul.navigation li{ float:left; height:30px; margin-bottom:10px; margin-right:5px; min-width:30px; text-align:center; width:auto; } #body #content ul.navigation li a{ background-color:#870056; background-image:url('http://lygo.com/ly/zeeblio/styles/8-bit/images/highlight.png'); background-repeat:repeat-x; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; color:#fff; display:block; font-size:16px; font-weight:bold; height:30px; line-height:30px; padding:0 10px; width:auto; } #body #content ul.navigation li a:hover, #body #content ul.navigation li a.selected{ background-color:#262686; color:#fff; text-decoration:none; } #body #sidebar{ min-height:20px; width:250px; } #body #sidebar ul.navigation{ margin:15px 0 20px; width:auto; } #body #sidebar ul.navigation li{ margin-bottom:7px; min-width:30px; text-align:left; width:auto; } #body #sidebar ul.navigation li a{ background-image:url('http://lygo.com/ly/zeeblio/styles/8-bit/images/button.png'); background-position:center left; background-repeat:no-repeat; border-bottom:1px solid #999; color:#780352; display:block; font-size:16px; margin-bottom:5px; min-height:35px; padding-left:43px; width:auto; } #body #sidebar ul.navigation li a span{ display:block; padding:10px 0; } #body #sidebar ul.navigation li a:hover, #body #sidebar ul.navigation li a.selected{ background-image:url('http://lygo.com/ly/zeeblio/styles/8-bit/images/button-roll.png'); color:#5a003d; text-decoration:none; } /* ____________________ Footer CSS ______________________________________________________________________________ */ #body #footer{ background-color:#eeebe5; padding:125px 40px 20px; width:auto; } #body #footer ul.navigation{width:auto; margin:10px 0} #body #footer ul.navigation li{ float:left; margin-right:5px; margin-bottom:8px; } #body #footer ul.navigation li.last a{border-right:none} #body #footer ul.navigation li a{ border-right:1px solid #9a9a98; color:#870056; display:block; font-size:13px; padding:0 10px; } #body #footer ul.navigation li a:hover, #body #footer ul.navigation li a.selected{ color:#262686; text-decoration:none; } /* ____________________ Layout Specific CSS ______________________________________________________________________________ */ /*----LAYOUT 1 Column----*/ #body.layout1c #container{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/1cContainer.jpg'); background-repeat:repeat-y; } #body.layout1c #header{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/1cHeader.jpg'); background-position:center bottom; background-repeat:no-repeat; padding:2px 20px 70px; width:auto; } #body.layout1c #main{} #body.layout1c #content{padding:5px 70px 5px 95px;} #body.layout1c #sidebar{padding:0 70px 5px 95px; width:auto;} #body.layout1c #sidebar ul.navigation{width:auto;} #body.layout1c #sidebar ul.navigation li{ float:left; margin-right:5px; margin-bottom:5px; } #body.layout1c #sidebar ul.navigation li a{ background:none; border-right:1px solid; border-bottom:none; color:#870056; display:block; font-size:13px; min-height:inherit; padding:0 10px; } #body.layout1c #sidebar ul.navigation li a span{ display:inline; padding:0; } #body.layout1c #sidebar ul.navigation li a:hover, #body.layout1c #sidebar ul.navigation li a.selected{ color:#262686; text-decoration:none; } #body.layout1c #footer{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/1cFooter.jpg'); background-repeat:no-repeat; } /*----LAYOUT 2 Column Left----*/ #body.layout2cl #container{ background-repeat:repeat-y; background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/2clContainer.jpg'); } #body.layout2cl #header{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/2clHeader.jpg'); background-position:right bottom; background-repeat:no-repeat; float:right; width:756px; } #body.layout2cl #main{} #body.layout2cl #content{ padding-right:85px; width:600px; } #body.layout2cl #sidebar{padding-right:58px;} #body.layout2cl #footer{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/2clFooter.jpg'); background-repeat:no-repeat; } /*----LAYOUT 2 Column Right----*/ #body.layout2cr #container{ background-repeat:repeat-y; background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/2crContainer.jpg'); } #body.layout2cr #header{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/2crHeader.jpg'); background-position:right bottom; background-repeat:no-repeat; } #body.layout2cr #main{} #body.layout2cr #content{ padding-left:85px; width:600px; } #body.layout2cr #sidebar{padding-left:58px} #body.layout2cr #footer{ background-image: url('http://lygo.com/ly/zeeblio/styles/8-bit/images/2crFooter.jpg'); background-repeat:no-repeat; } /* ____________________ Module Specific Styling ______________________________________________________________________________ */ #body .addOnBorder{ border:1px solid #000; } #body .addOnBorderBottom{ border-bottom:1px solid #000; } #body .addOnBorderTop{ border-top:1px solid #000; } #body .addOnGradientTop{} #body .addOnGradientBottom{} #body .addOnShadowBox{ background:#000; } #body .addOnShadowBoxSmall{ background:#999; } #body .addOnTableHeading{ color:#000; } #body .addOnTableHeadingBg{ background:#CCC; } #body .addOnTableRowBg{ background:#ddd; } #body .addOnTableRowAltBg{ background:#eee; } #body .addOnTableColumnBg{ background:#aaa; } #body .addOnTableColumnAltBg{ background:#fff; } #body .addOnBackgroundImage{ background:url(); } #body .addOnHeadline{ font-size:20px; color:#000; } #body .addOnSubHead{ font-size:18px; color:#000; } #body .addOnSubH3{ font-size:16px; color:#000; } #body .addOnSubH4{ font-size:14px; color:#000; } #body .addOnPlainText{ font-size:12px; color:#000; } #body .addOnBasicLink{ font-size:12px; color:#086392;} #body .addOnSmallText{ font-size:10px; color:#000; } #body .addOnBackground{ background:inherit; } #body .addOnShadedText{ font-size:12px; color:#000; background-color:#ccc; } #body .addOnAccentText{ font-size:12px; color:#000; background-color:#999; } #body .addOnSectionHead{ font-size:16px; color:#000; border-bottom:1px solid #000; } #body .addOnMiniNavBox{ background-color:#ccc; border:1px solid #999; color:#292929; font-size:12px; } #body .addOnButton{ background:#1F4A6B url(/adm/media/bg_button.gif) repeat-x; border:solid 2px #2D6B9A; margin:auto; } /* ____________________ mobile layout ______________________________________________________________________________ */ @media screen and (max-device-width:480px), screen and (max-width:600px){ /* adds mobile only background */ #body.mobileLayout{background:url(http://lygo.com/ly/zeeblio/styles/8-bit/images/mBG.jpg) repeat-x #b4b5a3} /* style for menu button at top right of page */ #body.mobileLayout #mNavLink{background:#870056; color:#fff; border:1px solid #400029} /* styling for navigation menu to be placed at bottom of page */ #body.mobileLayout .mobileNav ul{} #body.mobileLayout .mobileNav ul li a{background:#870056; color:#fff} #body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#400029} #body.mobileLayout .mobileNav ul li.first a{} #body.mobileLayout .mobileNav ul li.last a{} /* mobile layout/content styling */ #body.mobileLayout #header{padding-top:50px} #body.mobileLayout #content{margin-bottom:15px} #body.mobileLayout #sidebar{border-bottom:2px solid; border-top:2px solid; margin-bottom:15px} #body.mobileLayout #footer{} }