/* -------- Styles ---------*/ #body h1, #body h2, #body h3, #body h4, #body.mobileLayout h1, #body.mobileLayout h2, #body.mobileLayout h3, #body.mobileLayout h4 { } #body.mobileLayout p, #body.mobileLayout #content p, #body.mobileLayout #header p, #body.mobileLayout #sidebar p, #body.mobileLayout #footer p, #body p{ margin-bottom:15px; } #body h1 a, #body h2 a, #body h3 a, #body h4 a { text-decoration:underline } #body h1 a:hover, #body h2 a:hover, #body h3 a:hover, #body h4 a:hover { text-decoration:none } #body h1, #body.mobileLayout h1{ font-family:Arial, Helvetica, sans-serif; font-size:34px; margin-bottom:6px; letter-spacing:-.02em; } #body h1 a{} #body h1 a:hover, #body.mobileLayout h1 a:hover{color:#9b9b9b;} #body h2, #body.mobileLayout h2{ color:#424242; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:6px; letter-spacing:-.02em; } #body h2 a{} #body h2 a:hover, #body.mobileLayout h2 a:hover{color:#9b9b9b;} #body h3, #body.mobileLayout h3{ font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; margin-bottom:6px; letter-spacing:.1em; text-transform:uppercase } #body h3 a{} #body h3 a:hover, #body.mobileLayout h3 a:hover{color:#9b9b9b} #body h4{} #body h4 a{} #body h4 a:hover, #body.mobileLayout h4 a:hover{color:#9b9b9b} #body a{color:#2a486b} #body a:hover{text-decoration:none} #body a:visited{} #body a:active{} #body small{} #body .formcreator{ background:#ededed; border:1px solid #bbb; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0 0 0 1px #eee inset; -moz-box-shadow: 0 0 0 1px #eee inset; box-shadow: 0 0 0 1px #eee inset; margin:15px 0; padding:5px 15px; } #body .gInput{ border: 1px solid #D3D3D3!important; } #body input:focus {} #body .navigation-container{overflow:hidden!important;} #body ul.navigation{} #body ul.navigation li{} #body ul.navigation li a{} #body ul.navigation li a:hover{ color:#9b9b9b; } #body ul.navigation li a.selected{} #body ul.navigation li a.selected:hover{} #body{ background:#ededed; border-top:8px solid #000; background:#ededed; color:#373737; } /*---- OuterContainer and Container CSS ---- */ #body #outerContainer{background:url(https://lygo.net/ly/zeeblio/styles/watercolor/images/outerCtnr.jpg) repeat-x left top; margin-bottom:25px; } #body #container{ margin:0 auto; width:930px; } #body #container p{ font-family:Georgia, "Times New Roman", Times, serif; line-height:1.9em; letter-spacing:.02em; } /* ---- Header CSS ---- */ #body #header{ min-height:90px; padding:30px 0 10px 0; margin-bottom:15px; } #body #header .navigation-container, #body #content .navigation-container, #body #footer .navigation-container{ margin-bottom:10px; } #body #header ul.navigation, #body #content ul.navigation, #body #footer ul.navigation { margin:10px 0; list-style:none; } #body #header ul.navigation li, #body #content ul.navigation li, #body #footer ul.navigation li{ float:left; margin:4px 8px; min-width:30px; } #body #header ul.navigation li.first{} #body #header ul.navigation li.last{} #body #header ul.navigation li a, #body #content ul.navigation li a, #body #footer ul.navigation li a { background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/buttonBkgd.png) repeat-x left top #2a486b; border: 1px solid #1d3959; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 10px; text-decoration: none; text-shadow: -1px -1px 0 #142c48; text-transform:uppercase; } #body #header ul.navigation li a span{} #body #header ul.navigation li a:hover, #body #content ul.navigation li a:hover, #body #footer ul.navigation li a:hover, #body #header ul.navigation li a.selected, #body #content ul.navigation li a.selected, #body #footer ul.navigation li a.selected { background: #1d3959; border-color:#1d3959; color:#fff; } background: url("images/buttonBkgd.png") repeat-x left top #1d3959; #body #header ul.navigation li a.selected #body #content ul.navigation li a.selected, #body #footer ul.navigation li a.selected { } #body #header ul.navigation li a:visited{} #body #header ul.navigation li a:hover span{} #body #header ul.navigation li a.selected:hover{} #body #header ul.navigation li a.selected span{} #body #header ul.navigation li a.selected:hover span{} #body #header h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; font-weight:normal; } #body #header h2{ font-size:14px;} #body #header h4{} #body #header p{} /* ---- Main / Content Area & Side bar CSS Defaults ---- */ #body #main{ background-color: rgb(247,247,247); background-color: -moz-linear-gradient(top, rgba(247,247,247,.8) 96%, rgba(224,224,224,.8) 100%); background-color: -webkit-gradient(linear, left top, left bottom, color-stop(96%,rgba(247,247,247,.8)), color-stop(100%,rgba(224,224,224,.8))); background-color: -webkit-linear-gradient(top, rgba(247,247,247,.8) 96%,rgba(224,224,224,.8) 100%); background-color: -o-linear-gradient(top, rgba(247,247,247,.8) 96%,rgba(224,224,224,.8) 100%); background-color: -ms-linear-gradient(top, rgba(247,247,247,.8) 96%,rgba(224,224,224,.8) 100%); background-color: linear-gradient(top, rgba(247,247,247,.8) 96%,rgba(224,224,224,.8) 100%); border:1px solid #fff; margin-bottom:15px; min-height:200px; outline:1px solid #cfcfcf; padding:10px; } #body #content{ width:630px; min-height:100px; } #body #content h1{ font-weight:normal; font-size:26px; } #body #content ul{ margin-left:-8px; list-style:url(https://lygo.net/ly/zeeblio/styles/watercolor/images/subBullet.png); } #body #content li{} #body #content ul ul li, #body #content ol ul li{ margin-left:-13px; list-style-position:inside; } #body #content ul ol li, #body #content ol ol li{ margin-left:-30px; list-style-position:inside; list-style-type:upper-roman; } #body #content ul.navigation { margin:10px 0; } #body #content ul.navigation li{ float:left; min-width:30px; } #body #content ul.navigation li.first{} #body #content ul.navigation li.last{} #body #content ul.navigation li a{ display:block; } #body #content ul.navigation li a span{} #body #content ul.navigation li a:hover{} #body #content ul.navigation li a:visited{} #body #content ul.navigation li a:hover span{} #body #content ul.navigation li a.selected{} #body #content ul.navigation li a.selected:hover{} #body #content ul.navigation li a.selected span{} #body #content ul.navigation li a.selected:hover span{} /* ---- Sidebar CSS ---- */ #body #sidebar{ padding: 0 12px 0 6px; width:250px; min-height:100px; } #body #sidebar h2{ background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/hdDiv.png) repeat-x 0 bottom; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; letter-spacing:.1em; margin-bottom:12px; padding-bottom:4px; text-transform:uppercase } #body #sidebar ul.navigation { padding:0; } #body #sidebar ul.navigation li{ border-bottom:1px solid #bbb; min-width:30px; } #body #sidebar ul.navigation li.first{border-left:none;} #body #sidebar ul.navigation li.last{border-right:none;} #body #sidebar ul.navigation li a{ color:#2a486b; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:13px 6px; text-transform:uppercase; } #body #sidebar ul.navigation li a span{} #body #sidebar ul.navigation li a:hover, #body #sidebar ul.navigation li a.selected{color:#333;} #body #sidebar ul.navigation li a:visited{} #body #sidebar ul.navigation li a:hover span{} #body #sidebar ul.navigation li a.selected{} #body #sidebar ul.navigation li a.selected:hover{} #body #sidebar ul.navigation li a.selected span{} #body #sidebar ul.navigation li a.selected:hover span{} /* ---- Footer CSS ---- */ #body #footer{ min-height:30px; margin-bottom:15px; padding:12px; } #body #footer ul.navigation { margin:10px 0; } #body #footer ul.navigation li{ float:left; min-width:30px; } #body #footer ul.navigation li.first{border-left:none;} #body #footer ul.navigation li.last{border-right:none;} #body #footer ul.navigation li a{ display:block; padding:0 10px; } #body #footer ul.navigation li a span{} #body #footer ul.navigation li a:hover{} #body #footer ul.navigation li a:visited{} #body #footer ul.navigation li a:hover span{} #body #footer ul.navigation li a.selected{ } #body #footer ul.navigation li a.selected:hover{ } #body #footer ul.navigation li a.selected span{} #body #footer ul.navigation li a.selected:hover span{} /* ____________________ Layout Specific CSS ______________________________________________________________________________ */ /*----LAYOUT 1 Column----*/ #body.layout1c #container{} #body.layout1c #main{} #body.layout1c #content{ width:auto;} #body.layout1c #sidebar{ width:auto; } #body.layout1c #sidebar ul.navigation { margin:10px 0; } #body.layout1c #sidebar ul.navigation li{ border:none; float:left; margin:0 10px; min-width:30px; } #body.layout1c #sidebar ul.navigation li.first{} #body.layout1c #sidebar ul.navigation li.last{} #body.layout1c #sidebar ul.navigation li a{ border-bottom:2px solid transparent; display:block; padding:0; } #body.layout1c #sidebar ul.navigation li a span{} #body.layout1c #sidebar ul.navigation li a:hover, #body.layout1c #sidebar ul.navigation li a.selected{border-bottom:2px solid #2a486b} #body.layout1c #sidebar ul.navigation li a:visited{} #body.layout1c #sidebar ul.navigation li a:hover span{} #body.layout1c #sidebar ul.navigation li a.selected{} #body.layout1c #sidebar ul.navigation li a.selected:hover{ } #body.layout1c #sidebar ul.navigation li a.selected span{} #body.layout1c #sidebar ul.navigation li a.selected:hover span{} #body.layout1c #sidebar #footer{} /*----LAYOUT 2 Column Left ----*/ #body.layout2cl #main{} #body.layout2cl #sidebar{} #body.layout2cl #sidebar p{} #body.layout2cl #footer{} /*----LAYOUT 2 Column Right----*/ #body.layout2cr #main{} #body.layout2cr #sidebar{} #body.layout2cr #sidebar p{} #body.layout2cr #footer{} /* ---- Module Specific Styling ---- */ #body .addOnBorder{} #body .addOnBorderBottom{} #body .addOnBorderTop{} #body .addOnGradientTop{} #body .addOnGradientBottom{} #body .addOnShadowBox{} #body .addOnShadowBoxSmall{} #body .addOnTableHeading{} #body .addOnTableHeadingBg{} #body .addOnTableRowBg{} #body .addOnTableRowAltBg{} #body .addOnTableColumnBg{} #body .addOnTableColumnAltBg{} #body .addOnBackgroundImage{} #body .addOnBackground{} #body .addOnHeadline{} #body .addOnSubHead{} #body .addOnSubH3{} #body .addOnSubH4{} #body .addOnPlainText{} #body .addOnBasicLink{} #body .addOnSmallText{} #body .addOnShadedText{} #body .addOnAccentText{} #body .addOnSectionHead{} #body .addOnMiniNavBox{} #body.layout1c .scProductList{float:none; width:auto} #body.layout1c .scCart{float:none; width:auto} #body .p_btn{margin:10px 4px 4px} #body .addOnButton, #body .p_btn{ background: #b2b2b2; background: -moz-linear-gradient(top, #b2b2b2 0%, #333333 7%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(7%,#333333), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: -o-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: -ms-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#e2e2e2; font-size: 11px; letter-spacing: 0.05em; padding: 4px 12px; } #body .addOnButton:hover, #body .p_btn:hover{ background:d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #545454 7%, #545454 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(7%,#545454), color-stop(100%,#545454)); background: -webkit-linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); background: -o-linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); background: -ms-linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); background: linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); } /******* Modual Specific Styling ********/ #body .lastfmMod, #body .lastfmMod, #body .pollAddon, #body .twitterAddon, #body .mapContainer, #body .lysearch, #body .weatherAddon, #body .customHTMLAddon, #body .youtubeAddon{margin-bottom:10px;} #body .p_btn {margin:6px 2px;} /*********** Blue ***********/ /* __ LastFM __*/ #body .lastfmMod {border:1px solid #2a486b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} /* --Container--*/ #body .fmChartTitle {font-family: sans-serif, monospace; font-weight: bold; padding: 5px;} /* --Title--*/ #body .fmChartTitle_W {background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/buttonBkgd.png) repeat-x left top #2a486b; color:#fff; text-shadow: 0 1px 0 #142c48;} /* --Title--*/ #body .fmChartTitle_S {font-size: 12px;} /* --Title--*/ #body .fmChartContainer {} /* --Rows Container--*/ #body .oddRow_W {background-color: #f1f4f8; border-top:1px solid #fff; border-bottom:1px solid #b6c8dc;}/* --Rows--*/ #body .evenRow_W {background-color: #d8e3f0; border-top:1px solid #fff; border-bottom:1px solid #b6c8dc;} /* __ Polls __*/ #body .pollAddon{border:1px solid #2a486b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #body #poll_content .theme_light:nth-child(odd){background:#fff} #body #poll_content{padding:0;} #body .theme_title_dark, #body .theme_header_dark, #body .theme_title_light, #body .theme_header_light {font-size: 12px; overflow: hidden; padding: 4px 3px 3px 5px;} #body .theme_dark, #body .theme_light {font-size: 12px; padding-left: 5px; text-align: left;} /* --Light--*/ #body .theme_title_light {background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/buttonBkgd.png) repeat-x left top #2a486b; color:#fff; text-shadow: 0 1px 0 #142c48; text-align:left; text-transform:uppercase;} /* --Title--*/ #body .theme_header_light {background-color: #f1f4f8; border-bottom:1px solid #b6c8dc;}/* -- Background of question & vote buttons --*/ #body .theme_light {background: #d8e3f0; border-top:1px solid #fff; border-bottom:1px solid #b6c8dc; border-right:none; border-left:none;}/* --Answers--*/ /* --Dark theme--*/ #body .theme_title_dark {background:#B4B4B4; color: #4B4B4B;} /* --Title--*/ #body .theme_header_dark {background:#FF0000; color: #4B4B4B;}/* --Background of question & vote buttons--*/ /* __ Twitter __*/ #body .twitterAddon {border:1px solid #2a486b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#d8e3f0;} #body .addOnSectionHead, #body {background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/buttonBkgd.png) repeat-x left top #2a486b; border-bottom:none; color:#fff; font-size:12px; font-weight:bold; text-shadow: 0 1px 0 #142c48; text-align:left; padding:!important;; margin-top:0!important;} /* --Header--*/ #body ul.twitter_update_list {list-style:none; padding: 0 10px;} /* --Tweet UL--*/ #body ul.twitter_update_list li {border-top:1px solid #fff; border-bottom:1px solid #b6c8dc; margin: 0!important; padding:3px 0 12px;} /* --Tweet LI--*/ #body .twitter_footer {margin-bottom:6px; padding: 3px;} /* ---- mobile layout USE THIS FOR THE LINKING STRUCTURE url(https://lygo.net/ly/zeeblio/styles/koi/images/bodyBkgd.jpg ---- */ @media screen and (max-device-width:480px), screen and (max-width:600px){ #body.mobileLayout{background:url(https://lygo.net/ly/zeeblio/styles/watercolor/images/outerCtnr.jpg) repeat-x left top #ededed} #body.mobileLayout #outerContainer{padding:12px;} #body.mobileLayout #container{margin:0; width:auto} /* style for menu button at top right of page */ #body.mobileLayout #mNavLink{background: #b2b2b2; background: -moz-linear-gradient(top, #b2b2b2 0%, #333333 7%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(7%,#333333), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: -o-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: -ms-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#e2e2e2; font-size: 11px; letter-spacing: 0.05em; padding: 4px 12px; } /* styling for navigation menu to be placed at bottom of page */ #body.mobileLayout .mobileNav ul{} #body.mobileLayout .mobileNav ul li a{ background: #b2b2b2; background: -moz-linear-gradient(top, #b2b2b2 0%, #333333 7%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(7%,#333333), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: -o-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: -ms-linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); background: linear-gradient(top, #b2b2b2 0%,#333333 7%,#333333 100%); border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#e2e2e2; margin:2px 0; } #body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{ background:d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #545454 7%, #545454 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(7%,#545454), color-stop(100%,#545454)); background: -webkit-linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); background: -o-linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); background: -ms-linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); background: linear-gradient(top, #d3d3d3 0%,#545454 7%,#545454 100%); } #body.mobileLayout .mobileNav ul li.first a{border-top:1px solid #333;} #body.mobileLayout .mobileNav ul li.last a{} /* mobile layout/content styling */ #body.mobileLayout #header{background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/hdDiv.png) repeat-x 0 bottom; margin-top:40px} #body.mobileLayout #main{background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/hdDiv.png) repeat-x 0 bottom #ededed; margin-top:40px; border:none; outline:none;} #body.mobileLayout #content{margin-bottom:15px} #body.mobileLayout #sidebar{background: url(https://lygo.net/ly/zeeblio/styles/watercolor/images/sbHover_50.png) 0 0 rgba(255, 255, 255, .5); margin-bottom:15px; padding-top:15px} #body.mobileLayout #footer{} }