/* ------------------------------------------------------- Additional Styling Options for supported Add-ons --------------------------------------------------------- */ /* this needs to be on live for video positioning */ #body .ZBL-ADDON{position:relative} /* floating is weird */ .float_centerTxt > .styleHere, .paraArea .float_centerTxt{float:none; text-align:center} .float_center > .styleHere{float:none; margin:0 auto} .leftAlign > .styleHere, .paraArea .leftAlign > .styleHere{float:left} .rightAlign > .styleHere, .paraArea .rightAlign > .styleHere{float:right} /* apply background colors to addon */ #body .background-black > .styleHere{background-color:#000} #body .background-black-accent > .styleHere{background-color:#2f2f2f} #body .background-grey > .styleHere{background-color:#777} #body .background-grey-accent > .styleHere{background-color:#525252} #body .background-cyan > .styleHere{background-color:#00AEEF} #body .background-cyan-accent > .styleHere{background-color:#56c2eb} #body .background-green > .styleHere{background-color:#4A8C15} #body .background-green-accent > .styleHere{background-color:#559620} #body .background-magenta > .styleHere{background-color:#EC008C} #body .background-magenta-accent > .styleHere{background-color:#d50d83} #body .background-red > .styleHere{background-color:#A5203F} #body .background-red-accent > .styleHere{background-color:#b92e4e} #body .background-white > .styleHere{background-color:#fff} #body .background-white-accent > .styleHere{background-color:#ebebeb} #body .background-yellow > .styleHere{background-color:#ead90f} #body .background-yellow-accent > .styleHere{background-color:#fbe802} #body .background-orange > .styleHere{background-color:#ff5c00} #body .background-orange-accent > .styleHere{background-color:#ff8400} #body .background-sienna > .styleHere{background-color:#c04d2b} #body .background-sienna-accent > .styleHere{background-color:#e86038} #body .background-navy > .styleHere{background-color:#092d4f} #body .background-navy-accent > .styleHere{background-color:#0f3d69} #body .background-slate > .styleHere{background-color:#96abc7} #body .background-slate-accent > .styleHere{background-color:#6f85a3} #body .background-ltGreen > .styleHere{background-color:#89dd8a} #body .background-ltGreen-accent > .styleHere{background-color:#ace7ad} #body .background-purple > .styleHere{background-color:#500d6c} #body .background-purple-accent > .styleHere{background-color:#723d89} /* transpartent img backgrounds */ #body .bg-w10 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/w10.png)} #body .bg-w30 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/w30.png)} #body .bg-w50 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/w50.png)} #body .bg-w70 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/w70.png)} #body .bg-w90 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/w90.png)} #body .bg-b10 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/b10.png)} #body .bg-b30 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/b30.png)} #body .bg-b50 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/b50.png)} #body .bg-b70 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/b70.png)} #body .bg-b90 > .styleHere{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/b90.png)} #body .gray_grad > .styleHere{ background-color:#828282; /* Old browsers */ background:-moz-linear-gradient(top, #828282 0%, #000 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#000)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #828282 0%,#000 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #828282 0%,#000 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #828282 0%,#000 100%); /* IE10+ */ background:linear-gradient(to bottom, #828282 0%,#000 100%); /* W3C */ } #body .grey_grad > .styleHere{ background-color:#c4c4c4; /* Old browsers */ background:-moz-linear-gradient(top, #c4c4c4 0%, #777777 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #c4c4c4 0%,#777777 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #c4c4c4 0%,#777777 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #c4c4c4 0%,#777777 100%); /* IE10+ */ background:linear-gradient(to bottom, #c4c4c4 0%,#777777 100%); /* W3C */ } #body .cyan_grad > .styleHere{ background-color:#8ed3ed; /* Old browsers */ background:-moz-linear-gradient(top, #8ed3ed 0%, #00aeef 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed3ed), color-stop(100%,#00aeef)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #8ed3ed 0%,#00aeef 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #8ed3ed 0%,#00aeef 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #8ed3ed 0%,#00aeef 100%); /* IE10+ */ background:linear-gradient(to bottom, #8ed3ed 0%,#00aeef 100%); /* W3C */ } #body .green_grad > .styleHere{ background-color:#90c431; /* Old browsers */ background:-moz-linear-gradient(top, #90c431 0%, #4a8c15 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#90c431), color-stop(100%,#4a8c15)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #90c431 0%,#4a8c15 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #90c431 0%,#4a8c15 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #90c431 0%,#4a8c15 100%); /* IE10+ */ background:linear-gradient(to bottom, #90c431 0%,#4a8c15 100%); /* W3C */ } #body .red_grad > .styleHere{ background-color:#e03a53; /* Old browsers */ background:-moz-linear-gradient(top, #e03a53 0%, #b92e4e 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e03a53), color-stop(100%,#b92e4e)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #e03a53 0%,#b92e4e 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #e03a53 0%,#b92e4e 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #e03a53 0%,#b92e4e 100%); /* IE10+ */ background:linear-gradient(to bottom, #e03a53 0%,#b92e4e 100%); /* W3C */ } #body .white_grad > .styleHere{ background-color:#fff; /* Old browsers */ background:-moz-linear-gradient(top, #ffffff 15%, #ededed 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(15%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 15%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 15%,#ededed 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 15%,#ededed 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 15%,#ededed 100%); /* W3C */ } #body .yellow_grad > .styleHere{ background-color:#fff7a5; /* Old browsers */ background:-moz-linear-gradient(top, #fff7a5 0%, #ead90f 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff7a5), color-stop(100%,#ead90f)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #fff7a5 0%,#ead90f 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #fff7a5 0%,#ead90f 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #fff7a5 0%,#ead90f 100%); /* IE10+ */ background:linear-gradient(to bottom, #fff7a5 0%,#ead90f 100%); /* W3C */ } .orange_grad > .styleHere{ background-color:#ffbc59; /* Old browsers */ background:-moz-linear-gradient(top, #ffbc59 0%, #ff5c00 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbc59), color-stop(100%,#ff5c00)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffbc59 0%,#ff5c00 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffbc59 0%,#ff5c00 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffbc59 0%,#ff5c00 100%); /* IE10+ */ ackground:linear-gradient(to bottom, #ffbc59 0%,#ff5c00 100%); /* W3C */ } #body .magenta_grad > .styleHere{ background-color:#f64895; /* Old browsers */ background:-moz-linear-gradient(top, #f64895 0%, #c60d5f 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f64895), color-stop(100%,#c60d5f)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f64895 0%,#c60d5f 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f64895 0%,#c60d5f 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f64895 0%,#c60d5f 100%); /* IE10+ */ background:linear-gradient(to bottom, #f64895 0%,#c60d5f 100%); /* W3C */ } #body .sienna_grad > .styleHere{ background-color:#ff754a; /* Old browsers */ background:-moz-linear-gradient(top, #ff754a 0%, #c04d2b 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff754a), color-stop(100%,#c04d2b)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ff754a 0%,#c04d2b 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ff754a 0%,#c04d2b 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ff754a 0%,#c04d2b 100%); /* IE10+ */ background:linear-gradient(to bottom, #ff754a 0%,#c04d2b 100%); /* W3C */ } #body .navy_grad > .styleHere{ background-color:#2368a9; /* Old browsers */ background:-moz-linear-gradient(top, #2368a9 0%, #092d4f 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2368a9), color-stop(100%,#092d4f)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #2368a9 0%,#092d4f 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #2368a9 0%,#092d4f 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #2368a9 0%,#092d4f 100%); /* IE10+ */ background:linear-gradient(to bottom, #2368a9 0%,#092d4f 100%); /* W3C */ } #body .slate_grad > .styleHere{ background-color:#ccdbef; /* Old browsers */ background:-moz-linear-gradient(top, #ccdbef 0%, #96abc7 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdbef), color-stop(100%,#96abc7)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ccdbef 0%,#96abc7 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ccdbef 0%,#96abc7 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ccdbef 0%,#96abc7 100%); /* IE10+ */ background:linear-gradient(to bottom, #ccdbef 0%,#96abc7 100%); /* W3C */ } #body .ltGreen_grad > .styleHere{ background-color:#bffcbf; /* Old browsers */ background:-moz-linear-gradient(top, #bffcbf 0%, #89dd8a 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bffcbf), color-stop(100%,#89dd8a)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #bffcbf 0%,#89dd8a 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #bffcbf 0%,#89dd8a 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #bffcbf 0%,#89dd8a 100%); /* IE10+ */ background:linear-gradient(to bottom, #bffcbf 0%,#89dd8a 100%); /* W3C */ } #body .purple_grad > .styleHere{ background-color:#a02bd1; /* Old browsers */ background:-moz-linear-gradient(top, #a02bd1 0%, #500d6c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a02bd1), color-stop(100%,#500d6c)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #a02bd1 0%,#500d6c 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #a02bd1 0%,#500d6c 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #a02bd1 0%,#500d6c 100%); /* IE10+ */ background:linear-gradient(to bottom, #a02bd1 0%,#500d6c 100%); /* W3C */ } /* content color */ #body .content-black > .styleHere{color:#000!important} #body .content-black-2 > .styleHere{color:#2f2f2f!important} #body .content-grey > .styleHere{color:#777!important} #body .content-grey-2 > .styleHere{color:#525252!important} #body .content-cyan > .styleHere{color:#00AEEF!important} #body .content-cyan-2 > .styleHere{color:#56c2eb!important} #body .content-green > .styleHere{color:#4A8C15!important} #body .content-green-2 > .styleHere{color:#559620!important} #body .content-magenta > .styleHere{color:#EC008C!important} #body .content-magenta-2 > .styleHere{color:#d50d83!important} #body .content-red > .styleHere{color:#A5203F!important} #body .content-red-2 > .styleHere{color:#b92e4e!important} #body .content-white > .styleHere{color:#fff!important} #body .content-white-2 > .styleHere{color:#ebebeb!important} #body .content-yellow > .styleHere{color:#ead90f!important} #body .content-yellow-2 > .styleHere{color:#fbe802!important} #body .content-orange > .styleHere{color:#ff5c00!important} #body .content-orange-2 > .styleHere{color:#ff8400!important} #body .content-sienna > .styleHere{color:#c04d2b!important} #body .content-sienna-2 > .styleHere{color:#e86038!important} #body .content-navy > .styleHere{color:#092d4f!important} #body .content-navy-2 > .styleHere{color:#0f3d69!important} #body .content-slate > .styleHere{color:#96abc7!important} #body .content-slate-2 > .styleHere{color:#6f85a3!important} #body .content-ltGreen > .styleHere{color:#89dd8a!important} #body .content-ltGreen-2 > .styleHere{color:#ace7ad!important} #body .content-purple > .styleHere{color:#500d6c!important} #body .content-purple-2 > .styleHere{color:#723d89!important} /* border colors for add-on (outside container) */ #body .border-black > .styleHere{border-color:#000; border-width:1px; border-style:solid} #body .border-cyan > .styleHere{border-color:#00AEEF; border-width:1px; border-style:solid} #body .border-green > .styleHere{border-color:#4A8C15; border-width:1px; border-style:solid} #body .border-magenta > .styleHere{border-color:#EC008C; border-width:1px; border-style:solid} #body .border-red > .styleHere{border-color:#A5203F; border-width:1px; border-style:solid} #body .border-white > .styleHere{border-color:#fff; border-width:1px; border-style:solid} #body .border-yellow > .styleHere{border-color:#ead90f; border-width:1px; border-style:solid} /* border style for add-on (outside container) */ #body .border-none > .styleHere{border-style:none} #body .border-dashed > .styleHere{border-style:dashed!important; border-width:1px} #body .border-dotted > .styleHere{border-style:dotted!important; border-width:1px} #body .border-groove > .styleHere{border-style:groove!important; border-width:1px} #body .border-solid > .styleHere{border-style:solid!important; border-width:1px} /* border width for add-on (outside container) */ #body .border-width-0 > .styleHere{border-width:0; border-style:solid} #body .border-width-1 > .styleHere{border-width:1px; border-style:solid} #body .border-width-2 > .styleHere{border-width:2px; border-style:solid} #body .border-width-3 > .styleHere{border-width:3px; border-style:solid} #body .border-width-4 > .styleHere{border-width:4px; border-style:solid} #body .border-width-5 > .styleHere{border-width:5px; border-style:solid} /* rounds corners for add-on (outside container) */ #body .border-radius-0 > .styleHere{-moz-border-radius:0; -webkit-border-radius:4px; border-radius:0; overflow:hidden} #body .border-radius-2 > .styleHere{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow:hidden} #body .border-radius-4 > .styleHere{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden} #body .border-radius-6 > .styleHere{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; overflow:hidden} #body .border-radius-8 > .styleHere{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow:hidden} #body .border-radius-10 > .styleHere{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden} #body .border-radius-12 > .styleHere{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; overflow:hidden} /* box shadow for add-on (outside container) - also applies margin to make sure there is enough room for the box-shadow to live in, w/out being cut off by overflow hiddens on the main addon container div */ #body .box-shadow-1 > .styleHere{box-shadow:0 0 15px rgba(0,0,0,.6); margin:20px} #body .box-shadow-2 > .styleHere{box-shadow:5px 5px 10px rgba(0,0,0,.6); margin:0 15px 20px} #body .box-shadow-3 > .styleHere{box-shadow:-5px 5px 10px rgba(0,0,0,.6); margin:0 15px 20px} /* text-shadow options */ #body .text-shadow-1 > .styleHere{text-shadow:0 1px 1px rgba(255,255,255,.5)} #body .text-shadow-2 > .styleHere{text-shadow:0 1px 1px rgba(0,0,0,.5)} /* add extra margins to a particular add-on */ #body .add-margin-0 > .styleHere{margin:0} #body .add-margin-5 > .styleHere{margin:5px} #body .add-margin-10 > .styleHere{margin:10px} #body .add-margin-15 > .styleHere{margin:15px} #body .add-margin-20 > .styleHere{margin:20px} /* add extra padding to a particular add-on */ #body .add-pad-0 > .styleHere{padding:0} #body .add-pad-5 > .styleHere{padding:5px} #body .add-pad-10 > .styleHere{padding:10px} #body .add-pad-15 > .styleHere{padding:15px} #body .add-pad-20 > .styleHere{padding:20px} /* give add-ons listing styles */ #body .listStyleNone > .styleHere li{list-style-type:none} #body .listStyleDecimal > .styleHere li{list-style:decimal} #body .listStyleLeadingZeroDecimal > .styleHere li{list-style-type:decimal-leading-zero} #body .listStyleUpperAlpha > .styleHere li{list-style-type:upper-alpha} #body .listStyleLowerAlpha > .styleHere li{list-style-type:lower-alpha} #body .listStyleUpperRoman > .styleHere li{list-style-type:upper-roman} #body .listStyleUpperRoman > .styleHere{padding-left:62px} #body .listStyleLowerRoman > .styleHere li{list-style-type:lower-roman} #body .listStyleLowerRoman > .styleHere{padding-left:55px} #body .listStyleDisc > .styleHere li{list-style-type:disc} #body .listStyleCircle > .styleHere li{list-style-type:circle} #body .listStyleSquare > .styleHere li{list-style-type:square} /* listing style position */ #body .listInside > .styleHere li{list-style-position:inside} #body .listOutside > .styleHere li{list-style-position:outside} /* adjust line-height of addon's content */ #body .lineHeight-p25 > .styleHere{line-height:.25em} #body .lineHeight-p5 > .styleHere{line-height:.5em} #body .lineHeight-p75 > .styleHere{line-height:.75em} #body .lineHeight-1 > .styleHere{line-height:1em} #body .lineHeight-1p5 > .styleHere{line-height:1.5em} #body .lineHeight-2 > .styleHere{line-height:2em} #body .lineHeight-2p5 > .styleHere{line-height:2.5em} #body .lineHeight-3 > .styleHere{line-height:3em} #body .lineHeight-4 > .styleHere{line-height:4em} /* adjust line-height of preset addon's content */ #body .pre-lineHeight-p25 .mTxt *{line-height:.25em} #body .pre-lineHeight-p5 .mTxt *{line-height:.5em} #body .pre-lineHeight-p75 .mTxt *{line-height:.75em} #body .pre-lineHeight-1 .mTxt *{line-height:1em} #body .pre-lineHeight-1p5 .mTxt *{line-height:1.5em} #body .pre-lineHeight-2 .mTxt *{line-height:2em} #body .pre-lineHeight-2p5 .mTxt *{line-height:2.5em} #body .pre-lineHeight-3 .mTxt *{line-height:3em} #body .pre-lineHeight-4 .mTxt *{line-height:4em} /* ------------------------------------------ Default Styling for all add-ons ------------------------------------------ */ /* Views Counter */ #views_counter{overflow:hidden} .digit{ background:#828282; /* Old browsers */ background:-moz-linear-gradient(top, #828282 0%, #000 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#000)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #828282 0%,#000 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #828282 0%,#000 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #828282 0%,#000 100%); /* IE10+ */ background:linear-gradient(to bottom, #828282 0%,#000 100%); /* W3C */ border:1px solid #000; border-radius:2px; color:#fff; display:block; float:left; margin:1px; padding:1px 5px; text-shadow:0 1px 1px rgba(0,0,0,.8)} /* twitter does a lot of really annoying styling stuff....we have to figure out if we can make this more generic or not */ /* $SocialFeeds ================================================ */ /* $TwitterTweets */ #body .twtr-doc, #body .twtr-doc a, #body .twtr-doc h4 a, #body .twtr-doc h3, #body .twtr-doc h4{background:none!important} #body .defaultColor .twtr-doc{background:rgba(0,0,0,.2)!important} #body .twtr-bd{background:rgba(255,255,255,.1)} #body .twtr-timeline{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0} .twtr-tweet:nth-child(2n){background:rgba(255,255,255,.5)} #body .twtr-img{border:1px solid #ccc; height:auto; overflow:hidden; width:30px} #body .twtr-img a, #body .twtr-img a img{display:block} #body .twtr-ft{background:rgba(0,0,0,.3)} #body .twtr-ft a{background:rgba(0,0,0,.4); padding:2px 5px} #body .twtr-ft a.twtr-join-conv{background:none; padding:2px 0 0} /* twitter tweets style options */ .hideHeader .twtr-hd, .hideFooter .twtr-ft{display:none} #body .showAvatar .twtr-avatar{display:block} #body .cyan .twtr-hd, #body .cyan .twtr-ft{background:#00AEEF; color:#eee} #body .cyan .twtr-timeline{border-color:#008fc5} #body .cyan .twtr-hd a, #body .cyan .twtr-ft a{color:#ddd} #body .cyan .twtr-hd a:hover, #body .cyan .twtr-ft a:hover{color:#fff} #body .cyan .twtr-timeline{background:#d7f4ff; color:#333} #body .cyan .twtr-ft a{background:none} #body .cyan .twtr-join-conv{color:#eee!important} #body .green .twtr-hd, #body .green .twtr-ft{background:#4A8C15; color:#eee} #body .green .twtr-timeline{border-color:#366b0b} #body .green .twtr-hd a, #body .green .twtr-ft a{color:#ddd} #body .green .twtr-hd a:hover, #body .green .twtr-ft a:hover{color:#fff} #body .green .twtr-timeline{background:#E5F9D7; color:#333} #body .green .twtr-ft a{background:none} #body .green .twtr-join-conv{color:#eee!important} #body .magenta .twtr-hd, #body .magenta .twtr-ft{background:#EC008C; color:#eee} #body .magenta .twtr-timeline{border-color:#b8006d} #body .magenta .twtr-hd a, #body .magenta .twtr-ft a{color:#ddd} #body .magenta .twtr-hd a:hover, #body .magenta .twtr-ft a:hover{color:#fff} #body .magenta .twtr-timeline{background:#fce5f3; color:#333} #body .magenta .twtr-ft a{background:none} #body .magenta .twtr-join-conv{color:#eee!important} #body .red .twtr-hd, #body .red .twtr-ft{background:#A5203F; color:#eee} #body .red .twtr-timeline{border-color:#86102c} #body .red .twtr-hd a, #body .red .twtr-ft a{color:#ddd} #body .red .twtr-hd a:hover, #body .red .twtr-ft a:hover{color:#fff} #body .red .twtr-timeline{background:#FFEEF2; color:#333} #body .red .twtr-ft a{background:none} #body .red .twtr-join-conv{color:#eee!important} #body .#000 .twtr-hd, #body .#000 .twtr-ft{background:#000; color:#fff} #body .#000 .twtr-timeline{border-color:#111} #body .#000 .twtr-hd a, #body .#000 .twtr-ft a{color:#ccc} #body .#000 .twtr-hd a:hover, #body .#000 .twtr-ft a:hover{color:#eee} #body .#000 .twtr-ft a{background:none} #body .#000 .twtr-timeline{background:#eee; color:#000} #body .#fff .twtr-hd, #body .#fff .twtr-ft{background:#fff; color:#222!important} #body .#fff .twtr-hd{border-bottom:1px solid #ccc} #body .#fff .twtr-ft{border-top:1px solid #ccc} #body .#fff .twtr-timeline{border-color:#aaa} #body .#fff .twtr-hd a, #body .#fff .twtr-ft a{color:#333!important} #body .#fff .twtr-hd a:hover, #body .#fff .twtr-ft a:hover{color:#000!important} #body .#fff .twtr-timeline{background:#fff; color:#222!important} #body .#fff .twtr-join-conv, #body .#fff .twtr-hd h3{color:#222!important} #body .b-none .twtr-timeline{border-style:none} #body .b-dashed .twtr-timeline{border-style:dashed} #body .b-dotted .twtr-timeline{border-style:dotted} #body .b-solid .twtr-timeline{border-style:solid} #body .noBorders .twtr-timeline{border-width:0} #body .border1 .twtr-timeline{border-width:1px} #body .border2 .twtr-timeline{border-width:2px} #body .border3 .twtr-timeline{border-width:3px} #body .border4 .twtr-timeline{border-width:4px} #body .border5 .twtr-timeline{border-width:5px} #body .round0 .twtr-doc{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0} #body .round4 .twtr-doc{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px} #body .round8 .twtr-doc{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px} #body .round12 .twtr-doc{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px} /* tripod badge */ .tripodbadge_addon{display:block; width:140px} .tripodbadge_addon img{display:block} /* ordered and unordered lists */ #body .zbl-ul, #body .zbl-ol{margin:0} /* $Column Add-ons (1, 2, 3, 4 columns) */ .zbl-callBox{background:none; border-style:none; border-width:1px; min-height:80px; padding:10px} .zbl-columnHolder{padding:5px; text-align:left} #bodyContainer .zbl-columnHolder .zbl-callBox{padding:0; min-height:80px} /* editor only styling */ /* base navigation styling (horizontal navigation) */ .columnContainer:after{clear:both; content:"."; display:block; height:0; visibility:hidden} .ie6 .columnContainer, .ie7 .columnContainer{zoom:1 /* triggers hasLayout */ /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */} .zbl-col{float:left; padding:0 .5%} .zbl-2col .zbl-col{width:49%} .zbl-3col .zbl-col{width:32.333%} .zbl-4col .zbl-col{width:24%} /* percentage break downs */ .l20 > .styleHere > .zbl-column1{width:19%} .l20 > .styleHere > .zbl-column2{width:79%} .l33 > .styleHere > .zbl-column1{width:32.33333%} .l33 > .styleHere > .zbl-column2{width:65.66666%} .l40 > .styleHere > .zbl-column1{width:39%} .l40 > .styleHere > .zbl-column2{width:59%} .l50 > .styleHere > .zbl-column1{width:49%} .l50 > .styleHere > .zbl-column2{width:49%} .l60 > .styleHere > .zbl-column1{width:59%} .l60 > .styleHere > .zbl-column2{width:39%} .l67 > .styleHere > .zbl-column1{width:65.66666%} .l67 > .styleHere > .zbl-column2{width:32.33333%} .l80 > .styleHere > .zbl-column1{width:79%} .l80 > .styleHere > .zbl-column2{width:19%} /* left focus */ .col-wide-left .zbl-2col .zbl-col.zbl-column1{width:68%} .col-wide-left .zbl-2col .zbl-col{width:30%} .col-wide-left .zbl-3col .zbl-col.zbl-column1{width:45%} .col-wide-left .zbl-3col .zbl-col{width:26%} .col-wide-left .zbl-4col .zbl-col.zbl-column1{width:38%} .col-wide-left .zbl-4col .zbl-col{width:19.333%} /* right focus */ .col-wide-right .zbl-2col .zbl-col.zbl-column2{width:68%} .col-wide-right .zbl-2col .zbl-col{width:30%} .col-wide-right .zbl-3col .zbl-col.zbl-column3{width:45%} .col-wide-right .zbl-3col .zbl-col{width:26%} .col-wide-right .zbl-4col .zbl-col.zbl-column4{width:38%} .col-wide-right .zbl-4col .zbl-col{width:19.333%} @media screen and (max-device-width:480px), screen and (max-width:600px){ .mobileLayout .zbl-2col .zbl-col, .mobileLayout .zbl-3col .zbl-col, .mobileLayout .zbl-4col .zbl-col, .mobileLayout .col-wide-left .zbl-2col .zbl-col.zbl-column1, .mobileLayout .col-wide-left .zbl-3col .zbl-col.zbl-column1, .mobileLayout .col-wide-left .zbl-4col .zbl-col.zbl-column1, .mobileLayout .col-wide-right .zbl-2col .zbl-col, .mobileLayout .col-wide-right .zbl-3col .zbl-col, .mobileLayout .col-wide-right .zbl-4col .zbl-col, .mobileLayout .col-wide-right .zbl-2col .zbl-col.zbl-column2, .mobileLayout .col-wide-right .zbl-3col .zbl-col.zbl-column3, .mobileLayout .col-wide-right .zbl-4col .zbl-col.zbl-column4{float:none; margin-bottom:15px; width:auto} #body.mobileLayout .zbl-col:last-child{margin-bottom:0} } /* $Button Family */ /* basic button styling */ #body .zbl-Btn{background:#676767; border:1px solid #7a7a7a; border-radius:3px; color:#dedede; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:5px 10px; text-decoration:none; *display:inline; *zoom:1} #body .btnInt1, #body .btnInt2{display:block} #body .zbl-Btn:hover, .addonButton:hover{background:#878787; border-color:#777; color:#fff} #body .zbl-Btn:active, .addonButton:active{box-shadow:0 0 3px #888} /* additional styling options for buttons only */ #body .small .zbl-Btn{font-size:13px; padding:5px 10px} #body .big .zbl-Btn{font-size:20px; padding:10px 15px} #body .transition .zbl-Btn{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out} #body .notransition .zbl-Btn{-webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; -ms-transition:all 0s ease-out; -o-transition:all 0s ease-out; transition:all 0s ease-out} /* $HR styling */ #body .hrStroke1 .zbl-hr{border-width:1px} #body .hrStroke2 .zbl-hr{border-width:2px} #body .hrStroke3 .zbl-hr{border-width:3px} #body .hrDark .zbl-hr{border-bottom-color:#000; border-top-color:#333} #body .hrLight .zbl-hr{border-bottom-color:#bbb; border-top-color:#eee} /* ======= ADD-ON STYLING ======= */ /* One-Off Class */ #body .zbl-aWrap{padding:10px; overflow:hidden} #body .zebraStripe>li:nth-child(odd){background:url(https://ly.lygo.net/ly/zeeblio/images/trans/b10.png)} #body .noList{list-style:none outside none; margin:0; padding:0} #body .text-ctr{text-align:center} /* Weather Specific */ #body .zbl-transparent .zbl-aContainer.weatherContainer{background:none} #body .weatherContainer, #body .zombieContainer{padding:5px!important} #body .weatherContainer.expandOpen, #body .zombieContainer.expandOpen{-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;} #body .zbl-aSubMenu{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w90.png); border-radius:0 0 5px 5px; display:none; font-size:13px; -moz-box-shadow:0 2px 3px #000; -webkit-box-shadow:0 2px 3px #000; box-shadow:0 2px 3px #000; max-width:300px; min-width:245px; position:absolute; top:100%; right:0; width:100%; z-index:10000} #body .zbl-aSubMenu li{border-bottom:1px solid #515151; padding:10px} #body .zbl-aSubMenu li.last{border-bottom:none; padding-bottom:5px} #body .zbl-aProvider{background:none; cursor:pointer; color:#575757!important; float:left; font-family:Arial, Helvetica, sans-serif!important; font-size:10px!important; margin:0 0 0 5px; text-decoration:none} #body .zbl-aProvider:hover{text-decoration:underline} #body .lycosWeatherLink{display:block; font-weight:bold; margin-right:10px; max-width:90%; text-decoration:none!important} /* This class shouldn't be deleted on HTML as it is also used for the .js. */ /* Poll Specific Class */ #body .zbl-aResults{background:none; cursor:pointer; font-size:11px; margin:9px 0} #body .zbl-aResults.zbl-aH:hover{text-decoration:underline} #body .pollContainer .zbl-Btn{margin-left:10px} /* CAPTCHA */ #body .captchaFrame, #body .zbl-transparent .captchaFrame{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:#a5a5a5; border-width:2px; border:1px solid #666; height:200px; margin:0; overflow:hidden; max-width:100%} /* Default Add-ons */ #body .zbl-aContainer{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w70.png); border-radius:3px; color:#575757 -moz-box-shadow:0 0 3px 0 #000; -webkit-box-shadow:0 0 3px 0 #000; box-shadow:0 0 3px 0 #000; position:relative; padding:0; text-align:left; text-shadow:none} #body .zbl-aHeader{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w30.png); border-bottom:1px solid #bbb; border-radius:3px 3px 0 0; padding:10px; position:relative} #body .zbl-aContent{} #body .zbl-aFooter{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w30.png); min-height:10px; border-radius:0 0 3px 3px; border-top:1px solid bbb; padding:0 5px} /* Add-On Links Classes */ #body .zbl-aLink{background:none; cursor:pointer; color:#474747; display:block; text-decoration:none} #body .zbl-aLink:hover{text-decoration:none} /* Add-On Text Classes */ #body .zbl-aH{} #body .zbl-aH1{font-size:30px; font-weight:normal} #body .zbl-aH2{font-size:20px; font-weight:bold} #body .zbl-aH3{font-size:15px; font-weight:bold} #body .zbl-aH4{font-size:12px; font-weight:bold; letter-spacing:-.03em; margin:0; text-transform:uppercase} #body .zbl-aP{color:#474747; font-size:14px} /* Add-On Caption Classes */ #body .zbl-aCaption{} #body .zbl-aTitle{} #body .zbl-aDesc{font-weight:bold; margin-bottom:5px} /* Add-On Form Classes */ #body .zbl-aInput{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w50.png); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #ddd; border-radius:3px; display:block; margin:0; padding:5px; width:100%; -moz-transition:box-shadow .04s linear; -webkit-transition:box-shadow .04s linear; -o-transition:box-shadow .04s linear; transition:box-shadow .04s linear} #body .zbl-aInput:hover, #body .zbl-aInput:focus, #body .zbl-aInput:active{-moz-box-shadow:0 0 3px #555; -webkit-box-shadow:0 0 3px #555; box-shadow:0 0 3px #555} #body .zbl-aInput, #body .zbl-aOptionLabel{} #body .zbl-aLabel{display:block; font-weight:bold; letter-spacing:-.02em; padding-bottom:5px} #body .zbl-aSelect{} #body .zbl-aOption{} #body .zbl-aOptionLabel{background:#fff; border:none; border-bottom:1px solid #d3d3d3; padding:5px} #body .zbl-aOptionLabel:last-child{border-bottom:none; border-radius:0 0 5px 5px} #body .zbl-aText{} #body .zbl-aTextArea{min-height:80px; resize:vertical} #body .zbl-aRadio{margin-right: 8px; width: auto; display: inline;} #body .zbl-aRadioLabel{display:inline; *display:inline; *zoom:1; cursor:pointer; font-weight:normal; letter-spacing: -0.02em} /* Add-On Forms Classes */ /* Add-On Notifications Class This has been altered to have a notice for all three levels. Although we don't use it in current forms it is aavailable for future functionality. May need to take .bad definitions and apply to .error-block for current set-up in order to keep out of engineering till we can revisit for added functionality. */ .error-block{border-width:1px; border-style:solid; border-radius:3px; -moz-box-shadow:0 0 1px #fff inset; -webkit-box-shadow:0 0 1px #fff inset; box-shadow:0 0 1px #fff inset; clear:both; display:none; font-size:.9em; margin:10px; min-height:12px; padding:10px 15px} .error-block.good{background:#e7ffdf; border-color:#afe59d; color:#3f8e24} /* .error-block.notice{background:#fffcd9; border-color:#ffde90; color:#eba214} .error-block.bad{background:#fee; border-color:#ff8888; color:#de4141} */ /* Sprites */ #body .wSprite{background:url(https://ly.lygo.net/ly/zeeblio/images/addon-graphics/weather/wSprite.png) no-repeat; display:inline-block; height:20px; margin-right:5px; vertical-align:top; width:16px} #body .wOpen, #body .wClose{border-left:1px solid #777; position:absolute; right:2px; top:13px; z-index:20} #body .wOpen{background-position:-36px 0;} #body .wClose{background-position:-15px 0;} #body .wExtForecast{background-position:-55px 0; margin-right:0} #body .wPin{background-position:0 0} #body .wIcon img{height:22px; margin-right:7px; vertical-align:middle} /* SKINS (#body .zbl-transparent #body .zbl-darkTheme #body .zbl-lightTheme) */ /* Transparent Add-ons */ #body .zbl-transparent .zbl-aContainer{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w30.png); box-shadow:none; border-radius:0} #body .zbl-transparent .zbl-aInput{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w30.png); border-color:#ccc} #body .zbl-transparent .zbl-aSubMenu{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w90.png); color:#474747} #body .zbl-transparent .zbl-aLink{color:inherit} /* Light Theme Add-ons */ #body .zbl-lightTheme .zbl-aContainer, #body .zbl-lightTheme .zbl-aHeader, #body .zbl-lightTheme .zbl-aFooter, #body .zbl-lightTheme .zbl-aSubMenu{ background:#f0f0f0; background:-moz-linear-gradient(top,#f0f0f0 0%,#b7b7b7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#b7b7b7)); background:-webkit-linear-gradient(top,#f0f0f0 0%,#b7b7b7 100%); background:-o-linear-gradient(top,#f0f0f0 0%,#b7b7b7 100%); background:-ms-linear-gradient(top,#f0f0f0 0%,#b7b7b7 100%); background:linear-gradient(to bottom,#f0f0f0 0%,#b7b7b7 100%)} #body .zbl-lightTheme .zbl-aHeader{border-bottom-color:#a2a2a2} #body .zbl-lightTheme .zbl-aFooter{border-top-color:#a2a2a2} #body .zbl-lightTheme .zbl-aInput, #body .zbl-lightTheme .zbl-aOptionLabel{background:#eee; border-color:#ccc} #body .zbl-lightTheme .zbl-aInput:hover, #body .zbl-lightTheme .zbl-aInput:focus, #body .zbl-lightTheme .zbl-aInput:active{-moz-box-shadow:0 0 3px #888; -webkit-box-shadow:0 0 3px #888; box-shadow:0 0 3px #888} #body .zbl-lightTheme .zbl-aH, #body .zbl-lightTheme .zbl-aP{color:#474747!important} #body .zbl-lightTheme .zbl-aLink, #body .zbl-lightTheme .zbl-aProvider{color:#121212!important} #body .zbl-lightTheme .zbl-aProvider{color:#121212!important} #body .zbl-lightTheme .captchaFrame{border-color:#474747} #body .zbl-darkTheme .captchaFrame{border-color:#c8c8c8} /* Dark Theme Add-ons */ #body .zbl-darkTheme .zebraStripe>li:nth-child(odd){background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w10.png)} #body .zbl-darkTheme .zbl-aContainer, #body .zbl-darkTheme .zbl-aHeader, #body .zbl-darkTheme .zbl-aFooter, #body .zbl-darkTheme .zbl-aSubMenu{ background:#434343; background:-moz-linear-gradient(top,#424242 0%,#292929 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(100%,#292929)); background:-webkit-linear-gradient(top,#424242 0%,#292929 100%); background:-o-linear-gradient(top,#424242 0%,#292929 100%); background:-ms-linear-gradient(top,#424242 0%,#292929 100%); background:linear-gradient(to bottom,#424242 0%,#292929 100%); color:#eee} #body .zbl-darkTheme .zbl-aHeader{border-bottom-color:#777} #body .zbl-darkTheme .zbl-aFooter{border-top-color:#777} #body .zbl-darkTheme .zbl-aOptionLabel{background:#121212; border-color:#474747} #body .zbl-darkTheme .zbl-aInput, #body .zbl-aOptionLabel{border-color:#aaa} #body .zbl-darkTheme .zbl-aInput:hover, #body .zbl-darkTheme .zbl-aInput:focus, #body .zbl-darkTheme .zbl-aInput:active{-moz-box-shadow:0 0 3px #fff; -webkit-box-shadow:0 0 3px #fff; box-shadow:0 0 3px #fff} #body .zbl-darkTheme .zbl-aH, #body .zbl-darkTheme .zbl-aP{color:#f4f4f4!important} #body .zbl-darkTheme .zbl-aLink, #body .zbl-darkTheme .zbl-aProvider{color:#fff!important} /* Theme Sprites */ #body .zbl-lightTheme .wOpen, #body .zbl-lightTheme .wClose{border-left-color:#aaa} #body .zbl-lightTheme .wPin{background-position:0 -27px} #body .zbl-lightTheme .wOpen{background-position:-36px -27px} #body .zbl-lightTheme .wClose{background-position:-15px -27px} #body .zbl-lightTheme .wExtForecast{background-position:-55px -29px} #body .zbl-darkTheme .wOpen{background-position:-36px 0} #body .zbl-darkTheme .wClose{background-position:-15px 0} #body .zbl-darkTheme .wExtForecast{background-position:-55px 0} #body .zbl-darkTheme .wPin{background-position:0 0} /* Zombie Specific */ #body .zombieContainer .wOpen, #body .zombieContainer .wClose{border-left:1px solid #999} #body .zombieContainer .wIcon img{margin-right:15px} #body .zombieContainer, #body .zombieContainer .zbl-aSubMenu{background:url(https://ly.lygo.net/ly/zeeblio/images/addon-graphics/zombieBG.jpg); color:#eee;} #body .zombieContainer .zbl-aSubMenu{background-position:top right} #body .zombieContainer .zbl-aSubMenu > li{border-bottom-color:#999} #body .zbl-aSubMenu li.walker{border-bottom:none; bottom:-5px; max-width:150px; padding:0; position:absolute; right:0} #body .zombieContainer .zbl-aH, #body .zombieContainer .zbl-aP, #body .zombieContainer .zbl-aProvider{color:#e4e4e4!important} #body .zombieContainer .lycosWeatherLink{font-size:13px; font-family:DestroyRegular, Arial, Helvetica, sans-serif; letter-spacing:-.01em} #body .zombieContainer .zbl-aSubMenu li.last{font-size:13px} #body .zombieContainer .zbl-aH4{font-size:9px} #body .zombieContainer .wPin{background-position:0 3px} /* Zombie Specific lightTheme */ #body .zbl-lightTheme .zombieContainer, #body .zbl-lightTheme .zombieContainer .zbl-aSubMenu{ background: #7b9d1d; /* Old browsers */ background: -moz-linear-gradient(top,#7b9d1d 0%,#3f520c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b9d1d), color-stop(100%,#3f520c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#7b9d1d 0%,#3f520c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#7b9d1d 0%,#3f520c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#7b9d1d 0%,#3f520c 100%); /* IE10+ */ background: linear-gradient(to bottom,#7b9d1d 0%,#3f520c 100%); /* W3C */ color:#fff} #body .zbl-lightTheme .zombieContainer .zbl-aSubMenu > li{border-bottom-color:#5b6b2c} #body .zbl-lightTheme .zombieContainer .zbl-aLink, #body .zbl-lightTheme .zombieContainer .zbl-aProvider, #body .zombieContainer .zbl-aLink{color:#fff!important} /* Zombie Specific darkTheme */ #body .zbl-darkTheme .zombieContainer, #body .zbl-darkTheme .zombieContainer .zbl-aSubMenu{ background: #5b6b2c; /* Old browsers */ background: -moz-linear-gradient(top,#5b6b2c 0%,#262f0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b6b2c), color-stop(100%,#262f0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#5b6b2c 0%,#262f0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#5b6b2c 0%,#262f0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#5b6b2c 0%,#262f0b 100%); /* IE10+ */ background: linear-gradient(to bottom,#5b6b2c 0%,#262f0b 100%); /* W3C */ color:#fff} #body .zbl-darkTheme .zombieContainer .zbl-aH, #body .zbl-darkTheme .zombieContainer .zbl-aP, #body .zbl-darkTheme .zombieContainer .zbl-aProvider, #body .zbl-darkTheme .zombieContainer .zbl-aLink{color:#efefef!important} #body .zbl-darkTheme .zombieContainer .wExtForecast{background-position:-55px 0} #body .zbl-darkTheme .zombieContainer .zbl-aSubMenu > li{border-bottom-color:#5b6b2c} /* Results Graph */ .graph-popup,#graph-title{overflow:hidden; word-break:hyphenate} #graph_popup{border-radius:6px; position:absolute; width:520px; z-index:99100001} #graph-title{margin-bottom:16px} #graph_popup .graph-title-text{display:block} #graph_popup .poll-canvas{background:#5d5d5d; border:1px solid #333333; box-shadow:0 0 2px #777 inset; margin:0 8px; padding:16px} #graph_popup{border-radius:6px; position:absolute; width:520px; z-index:99100001} #body .graph-title-text{display:block; font-size:1.6em; font-weight:normal; padding:16px 8px} #graph_popup .poll-canvas{background:#5d5d5d; border:1px solid #333333; box-shadow:0 0 2px #777 inset; margin:0 8px; padding:16px 16px 24px 16px} #graph_popup{border-radius:6px; position:absolute; width:520px; z-index:99100001} #graph-title{margin-bottom:16px} #graph_popup .graph-title-text{display:block} #graph_popup .poll-canvas{background:#5d5d5d; border:1px solid #333333; box-shadow:0 0 2px #777 inset; margin:0 8px; padding:16px} #graph_popup a.grpah-close{background:url("/adm/zbl/images/sprite3.png") no-repeat scroll -68px -39px transparent; float:right; height:22px; position:absolute; top:8px; right:8px; text-indent:-9999px; width:22px} .graph-popup .poll-legend{padding:6px 0} .graph-popup .color-swatch{float:left; height:16px; margin-left:10px; width:16px} .graph-popup .legend-row{font-size:.86em; padding:3px 0; clear:both} .graph-popup .legend-row:last-child{padding-bottom:0} .graph-popup .ch {margin-left:10px} /* Look at JS for widths of v-bar and margin/padding setups to make better. Currently doesn't fill space. */ #graph_popup a.grpah-close{background:url("/adm/zbl/images/sprite3.png") no-repeat scroll -68px -39px transparent; float:right; height:22px; position:absolute; top:8px; right:8px; text-indent:-9999px; width:22px} .graph-popup .poll-legend{padding:6px 0} .graph-popup .color-swatch{float:left; height:16px; margin-left:10px; width:16px} .graph-popup .legend-row{font-size:.86em; padding:3px 0; clear:both} .graph-popup .legend-row:last-child{padding-bottom:0} .graph-popup .ch {margin-left:10px} #graph_popup a.grpah-close{background:url("/adm/zbl/images/sprite3.png") no-repeat scroll -68px -39px transparent; float:right; height:22px; position:absolute; top:8px; right:8px; text-indent:-9999px; width:22px} .graph-popup .poll-legend{padding:6px 0} .graph-popup .color-swatch{float:left; height:16px; margin-left:10px; width:16px} .graph-popup .legend-row{font-size:.86em; padding:3px 0; clear:both} .graph-popup .legend-row:last-child{padding-bottom:0} .graph-popup .ch {margin-left:10px} /* Look at JS for widths of v-bar and margin/padding setups to make better. Currently doesn't fill space. */ #poll_canvas .v-bar{float:left; margin:0 5px; min-height:2px; position:relative; text-align:center} #poll_canvas .h-stack{float:left; height:50px; margin:50px 0; min-width:2px; text-align:center} #poll_canvas .h-bar {height:40px; line-height:40px; margin:5px 25px; min-width:2px; text-align:right; text-indent:10px} #poll_canvas .vote-count{position:relative} #poll_canvas .vote-count-hstack{margin:0; position:relative; top:50px} /* Add-On PayPal Classes */ #body .zbl-aPPal{background:url(https://ly.lygo.net/ly/zeeblio/images/addon-graphics/ppalBkg.png) no-repeat 0 0 #FFA926!important; border:1px solid #EB981A!important; border-radius:3px; color:#003366!important; font-family:arial,helvetica,sans-serif; font-size:15px; font-weight:bold; letter-spacing:-0.03em; padding:5px 10px 5px 30px!important; text-transform:none} #body .zbl-aPPal:hover{background:url(https://ly.lygo.net/ly/zeeblio/images/addon-graphics/ppalBkg.png) no-repeat 0 0 #e99007; color:#003366} /* Media Queries */ @media screen and (max-device-width:480px), screen and (max-width:600px){ /* .response_container{display:none} */ #content .gbCapFrameHolder{margin-bottom:15px; overflow:hidden; width:100%} .responseHolderModal{background:rgba(0,0,0,.6); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:2001} .respModalContainer{height:auto; margin:18% auto 0; overflow:hidden; padding:35px 0; position:relative; max-width:800px; width:auto} #body .resp-container{border:1px solid #222; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000; color:#fff; height:600px; overflow:auto; position:relative; width:100%} #body .closeCommentBox{right:2px; top:0px} } /* Closes Media Query */ /* $CustomCode ================================================ */ .zbl-iframe iframe{border:0; min-height:100px; width:100%} /* Slider --> */ /*#body .bx-wrapper{margin:auto}*/ /* #body div.slider-drop-area{text-align:center; min-height:100px; max-height:400px} */ /*next button*/ #body .bx-next{position:absolute; top:40%; right:0px/*-50px*/; z-index:999; width:30px; height:30px; text-indent:-999999px; background:url(/adm/zbl/images/addons/Slider/gray_next.png) no-repeat 0 -30px} /*previous button*/ #body .bx-prev{position:absolute; top:40%; /*left:-50px; */ z-index:999; width:30px; height:30px; text-indent:-999999px; background:url(/adm/zbl/images/addons/Slider/gray_prev.png) no-repeat 0 -30px} /*pager links*/ #body .bx-pager a{text-decoration:none; margin-right:5px; color:#fff; padding:3px 8px 3px 6px; font-size:12px; zoom:1; background:url(/adm/zbl/images/addons/Slider/gray_pager.png) no-repeat 0 -20px} /*auto start button*/ #body .bx-auto .start{background:url(/adm/zbl/images/addons/Slider/gray_auto.png) no-repeat 0 2px; padding-left:13px} /*auto stop button*/ #body .bx-auto .stop{background:url(/adm/zbl/images/addons/Slider/gray_auto.png) no-repeat 0 -14px; padding-left:13px} /*next/prev button hover state*/ #body .bx-next:hover, #body .bx-prev:hover{ background-position:0 0} /*pager links hover and active states*/ #body .bx-pager .pager-active, #body .bx-pager a:hover{background-position:0 0} /*pager wrapper*/ #body .bx-pager{text-align:center; padding-top:7px; font-size:12px; color:#666} /*captions*/ #body .bx-captions{text-align:center; font-size:12px; padding:7px 0; color:#666} /*auto controls*/ #body .bx-auto{text-align:center; padding-top:15px} #body .bx-auto a{color:#666; font-size:12px} /* <-- Slaider */ /* Slider2 --> */ #body div.slider-show-area{width:100%; overflow:hidden} #body div.slider-section-holder{position:relative; width:1200%; height:300px} #body li.slider2-nav-tab{float:left; list-style:none outside none} #body li.slider2-nav-tab .selected, #body li.slider2-nav .selected{color:#FF0000} #body li.slider2-nav-tab a, #body li.slider2-nav a{text-decoration:none} #body li.slider2-nav{float:right; padding:2px 5px; list-style:none outside none} #body .slidePanel{float:left; width:100%; margin-top:5px} #body div.slider-drop-area{text-align:center; min-height:100px} #body a.nav-arrow{position:relative; top:50px; z-index:200; width:40px; height:100%; background-color:#000; text-align:center; line-height:100%} #body a.showNavBtn.visible-slide{color:#DC143C} .float-left{float:left} .float-right{float:right} .slider2-tab-txt{background-color:#659D32; margin:0 2px; padding:0 5px} /* <-- Slaider2 */ /* YouTube & Vimeo */ .youTubeAddon, .vimeoAddon{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; left:0; max-height:100%; max-width:100%; position:absolute; top:0; width:100%; z-index:1} #bodyContainer .flash-spacer{min-height:250px} .ZBL-ADDON.flash-spacer{height:200px; width:100%} .ieAll #bodyContainer .youTubeAddon, .ieAll #bodyContainer .vimeoAddon{max-height:90%; top:15px} /* audio file */ .audioAddon embed{display:block} /* $Flickr */ #Flickr-title{text-align:center; padding:3px 0 0 0; font-weight:bold} #Flickr-content{ margin-left:7px} #Flickr-content img{margin:7px 7px 0 0} #Flickr-footer{text-align:right; margin-right:7px} #Flickr-footer span{font-size:10px} #Flickr-footer a{text-decoration:none; font-weight:bold; font-size:11px; color:#858585} #Flickr-footer img{float:left; margin:2px 0 0 5px} /* $Picasa */ #Picasa-title{text-align:center; padding:3px 0 0 0; font-weight:bold} #Picasa-content{ margin-left:7px} #Picasa-content img{margin:7px 7px 0 0} #Picasa-footer{text-align:right; margin-right:7px; height:18px} #Picasa-footer span{font-size:10px} #Picasa-footer a{text-decoration:none; font-weight:bold; font-size:11px; color:#858585} #Picasa-footer img{float:left; margin:2px 0 0 7px} /* Photobucket */ #addon_photobucket{overflow:hidden; padding:0 5px 0 10px} #addon_photobucket div.photobucket-title{text-align:center; margin-bottom:10px; padding:3px 0} #addon_photobucket div.photobucket-title span{font-weight:bold; font-size:.9em} #addon_photobucket div.thumb-holder{width:80px; height:80px; float:left; overflow:hidden; margin:0 10px 10px 0} #addon_photobucket div.thumb-holder a{display:block; height:80px; width:80px} #addon_photobucket img.thumb-landscape{height:100%; max-width:9999px; position:relative; right:30%; width:auto} #addon_photobucket img.thumb-portret{height:auto; position:relative; bottom:30%; width:100%} /* Image from Media Manager */ .zbl-ImgHold{display:block; margin:0; position:relative; overflow:hidden} .zbl-ImgHold .zbl-Image{display:block; height:auto; width:100%} /* .zbl-ImgCaption{background:#222; background:rgba(0,0,0,.75); bottom:0; left:-200%; color:#fff; display:none; font-size:11px; opacity:0; padding:6px 20px; position:absolute; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease} .zbl-ImgHold:hover .zbl-ImgCaption{left:0; opacity:1} */ .zbl-ImgCaption{background:#222; background:rgba(0,0,0,.75); bottom:0; left:0; color:#fff; padding:6px 0; display:none; font-size:11px; position:absolute; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; width:100%; z-index:5555} .zbl-ImgCaption-ImageBlock{background:#222; background:rgba(0,0,0,.75); bottom:29px; left:0; color:#fff; padding:6px 0; display:none; font-size:11px; position:relative; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; width:100%; z-index:5555} .zbl-ImgCaption span, .zbl-ImgCaption-ImageBlock span{display:block; padding:0 10px; word-wrap:break-word} .hoverCap .zbl-ImgHold:hover .zbl-ImgCaption{display:block} .hoverCap .zbl-ImgHold:hover .zbl-ImgCaption-ImageBlock{display:block} .showCaption{background:#222; background:rgba(0,0,0,.75); box-shadow:inset 0 0 0 1px rgba(255,255,255,.4); border-radius:4px; bottom:5px; color:#fff; display:none; font-size:14px; font-weight:bold; height:22px; left:5px; line-height:20px; position:absolute; text-align:center; text-decoration:none; text-shadow:0 -1px 0 rgba(0,0,0,.8); width:24px} .zbl-ImgHold:hover .showCaption{left:-100%; opacity:0} .showCap .zbl-ImgCaption, .showCap .zbl-ImgCaption-ImageBlock, .showCap .showCaption{display:block} /* $ImgTxt Preset & $ImgTxtBtn Preset */ .focusRight .paraArea .mImg{float:right; margin-left:2%; margin-right:0} .focusRight .paraArea .zbl-Btn{float:none} .paraArea, .paraArea img{display:block; max-width:100%; overflow:hidden; position:relative; z-index:999} .paraArea .mImg{float:left; margin:0 15px 15px 0!important; width:28%} .paraArea .mImg.float_right{margin:0 0 15px 15px!important} .paraArea .mTxt{margin:0} .paraArea .zbl-Btn{float:right} .paraArea .zblEdit{border:0; box-shadow:none} @media (max-device-width:480px), screen and (max-width:590px){ .focusRight .paraArea .mImg{float:none; margin:0} .focusRight .paraArea .zbl-Btn{float:right} .paraArea .mImg, .paraArea .mTxt{float:none; margin:0; width:auto} .respModalContainer{height:auto; margin:18% auto 0; overflow:hidden; padding:35px 0; position:relative; max-width:800px; width:auto} #body .resp-container{border:1px solid #222; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000; color:#fff; height:600px; overflow:auto; position:relative; width:100%} #body .closeCommentBox{right:2px; top:0px} } /* Closes Media Query */ /*_______ OPTION BOX _______*/ .option-row{margin:3px 0; padding:3px 0} .clear-both{clear:both} .option-button{display:inline-block} /*_______ LIGHTBOX _______*/ #lightbox{position:absolute; left:0; width:100%; z-index:10021; text-align:center; line-height:0} #lightbox a img{border:none} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto} #imageContainer{padding:10px} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10} #imageContainer>#hoverNav{ left:0} #hoverNav a{ outline:none} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(/adm/zbl/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */display:block} #prevLink{ left:0; float:left} #nextLink{ right:0; float:right} #prevLink:hover, #prevLink:visited:hover{ background:url(/adm/zbl/images/lightbox/prev.gif) left 50% no-repeat} #nextLink:hover, #nextLink:visited:hover{ background:url(/adm/zbl/images/lightbox/next.gif) right 50% no-repeat} /*** START :next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834 !important; font-weight:bold !important; text-decoration:none !important} #nextLinkText{padding-left:20px} #prevLinkText{padding-right:20px} /*** END :next / previous text links ***/ /*** START :added padding when navbar is on top ***/ .ontop #imageData{padding-top:5px} /*** END :added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em} #imageData{ padding:0 10px} #imageData #imageDetails{ width:70%; float:left; text-align:left} #imageData #caption{ font-weight:bold; color:#000} #imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; color:#000} #imageData #bottomNavClose{ width:26px; float:right; padding-bottom:0.7em} #imageData #helpDisplay{clear:left; float:left; display:block} #overlay{position:absolute; top:0; left:0; z-index:10020; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none} .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden} * html>body .clearfix{display:inline-block; width:100%} * html .clearfix{/* Hides from IE-mac \*/height:1%; /* End hide from IE-mac */} #lightboxIframe{display:none} /* END of LIGHTBOX */ /*_______ Feature IMAGE_BLOCK _______*/ #body .Image-Block{padding:20px} #body .Image-Block .Image-Block-img{width:100%} #body .Image-Block .Image-Block-link{text-decoration:none; color:#FFF} #body .Image-Block .Image-Block-link:hover{text-decoration:none; color:#4B4B4B} #body .Image-Block-head{margin-bottom:5px} #body .right-header h3, #body .right-footer p{text-align:right} #body .hide-header h3, #body .hide-footer p{display:none} #body .zbl-p.Image-Block-body{padding:0} #body .Image-Block a{ color: inherit!important; } /* Allows 'content color' or override Style definition for link colors */ /*_______ IMAGE_HDR _______*/ #body div.Image-Hdr{min-height:350px; max-height:350px; overflow:hidden} #body div.question-window img.crop_img{width:100%} /* LAST FM */ #body .lastfmAddon {font-size:.9em} #body .lastfmAddon h4.lastfm-error {text-align:center; margin-top:30px} #body .lastfmAddon .flickr-title {text-align:center; font-weight:bold; padding:3px 0; margin-bottom:3px; border-bottom:1px dotted #CCC} #body .lastfmAddon div.artist-row {vertical-align: middle; margin:0; padding:3px} #body .lastfmAddon div.chart-small {height:34px; line-height:34px; font-size:.8em} #body .lastfmAddon div.chart-large {height:64px; line-height:64px; font-size:.9em} #body .lastfmAddon div.artist-row:hover {background-color:#CCC} #body .lastfmAddon div.artist-row div {margin-left:10px} #body .lastfmAddon div.artist-row > * {float:left} /* Photoalbum styles */ /* gal1 = Horizontal Gallery | gal2 = Vertical Gallery | gal3 = Grid | gal4 = Slider | gal5 = Thumbnails*/ .mediaContainer{padding-bottom:15px; width:100%} #body .zbl-darkTheme .mm_album.styleHere{background:#0a0a0a} /* darkTheme is the Default */ .styleHere.mm_album{background:#0a0a0a} /* Sprite */ .mmSprite, .mmSprite .play, .mmSprite .playHover, .mmSprite, .mmSprite .play:hover, .pause, .mmSprite .pauseHover, .mmSprite .pause:hover{background:url(/adm/zbl/images/addons/mM_Album/mmSpriteWhite.png) no-repeat;} .playerControls.mmSprite{background:transparent} .mm_album{overflow:hidden} .fullResHolder{display:none} .focusModal{overflow:hidden; width:100%; height:400px; text-align:center;position:relative} /* Slightly hacky span used to vertically center the images in the focus area */ .centerMe{content:''; display:inline-block; height:100%; width:0; vertical-align:middle} /* focusModal sits inside of focusImage and holds the large images on gal1, gal2, gal4 and in the modal boxes on gal3 and gal5 */ .focusModal .innerImage{display:inline-block; margin:0 auto; vertical-align:middle; max-width:100%; max-height:100%;text-align: center} /* Image Description & Titles */ .imgTxt{text-align:left; font-size:.8em; display:none; color:#ffffff} .focusModal .imgTxt{font-weight: 300; font-size: .9em; color:#fff;position:absolute; left:0; bottom:0; background:url(/adm/zbl/images/addons/mM_Album/b76.png); background:rgba(0,0,0,.6); padding:2%; width:96%} .imgTitle{font-weight:600;} .imgDesc{font-size:.8em; display:none} /* Thumbnails */ .thumbHolder{overflow:hidden; width:100%; height:80px; position:relative} .imgThumbs{position:relative;list-style:none;margin:0;padding:0;padding:0 30px; width:9999px; height:80px} .imgThumbs li{display:block; float:left; width:80px; height:80px; margin-right:10px} .imgThumbs img{width:100%} .imageHolder{position:relative;list-style:none;margin:0;padding:0; width:99999px;display:none} .imageHolder li{display:block; float:left} /* Previous and Next Arrows */ .arrow{display:block; width:20px; height:100%; background:#000; padding:1px; position:absolute; background: #404040; /* Old browsers */ background: -moz-linear-gradient(top, #404040 0%, #404040 0%, #191919 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(0%,#404040), color-stop(100%,#191919)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #404040 0%,#404040 0%,#191919 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #404040 0%,#404040 0%,#191919 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #404040 0%,#404040 0%,#191919 100%); /* IE10+ */ background: linear-gradient(to bottom, #404040 0%,#404040 0%,#191919 100%); /* W3C */} .arrow span{color:#fff; display: block; line-height:80px; font-size:12px; width:20px; height: 100%; position: absolute; text-align: center; text-decoration: none; -webkit-box-shadow: inset 0px 1px 2px 0px #2b2b2b; box-shadow: inset 0px 1px 2px 0px #2b2b2b} .arrow span:hover{color:#b1d566} .prevArrow{top:0; left:0;} .prevArrow span{background-position:0 0} .nextArrow{top:0; right:0;} .thumbHolder .nextArrow span{background-position:-20px 0} /* gal1 Specific Styles */ .gal1 .imgThumbs .imgTxt, .gal2 .imgThumbs .imgTxt{display:none} .gal1 .thumbHolder{margin-top:15px;} .gal1 .mediaInner{padding-bottom:0;} /* gal2 Specific Styles */ .gal2{float:left} .gal2 .focusImage{float:left} .gal2 .focusImage img{} .gal2 .thumbHolder{width:80px; margin-right:-80px; float:right; height:400px; padding:2% 0} .gal2 .prevArrow, .gal2 .nextArrow{width:80px; height:20px} .gal2 .prevArrow span{background-position:-60px 0} .gal2 .nextArrow{top:auto; bottom:0} .gal2 .nextArrow span{background-position:-60px -20px; margin-left: 2px;} .gal2 .arrow{width:80px} .gal2 .arrow span{width:78px; height:20px; line-height:20px} .gal2 .imgThumbs li{margin:0 0 10px 0; float:none} .gal2 .imgThumbs{padding:0} /* gal3 Specific Styles */ .gal3 .focusImage{display:none} .gal3 .prevArrow, .gal3 .nextArrow{display:none} .arrowFocus.prevArrow, .arrowFocus.nextArrow{display:block; width:50%; background:transparent;} .arrowFocus.prevArrow .mmArrow{left:0;} .gal3 .thumbHolder{height:auto; margin-bottom: -2%} .gal3 .imgThumbs{width:104%; height:auto; margin:0 0 0 -2%; padding:0; overflow:hidden} .gal3 .imgThumbs li{height:auto; margin-left:2%; margin-bottom:2%; margin-right:0} /* */ .arrowFocus, .gal2 .arrowFocus{width:50%; height:100%; position:absolute!important; border:0} .arrowFocus span{width:20px; height:40px; text-decoration:none; font-size:10px; color:white; position:absolute; top:50%; right:0; margin-top:-20px; line-height:40px; text-align:center} .arrowFocus.prevArrow span{border-radius:0; background-position: -160px -40px} .arrowFocus.nextArrow span{border-radius:0; background-position: -160px 0} .gal2 .mediaInner{margin-right:80px} .mediaInner{padding:1%} .gal3 .imgTxt{display:none} .gal4 .imgThumbs, .gal4 .arrow{display:none} .gal5 .focusImage{display:none} .mediaContainer.gal5{padding-bottom:0;} .focusImage .showTitle{display:block} .gal3 .focusImage, .gal5 .focusImage{ height: 100%; left: 0px; position: fixed; top: 0; width: 100%; z-index: 2147483647; background:url('/adm/zbl/images/addons/mM_Album/b76.png'); background: rgba(27, 27, 27, 0.76)} .gal3 .focusModal, .gal5 .focusModal{ background:#000; padding:30px; width:600px; height:auto; color:#fff; position:relative; margin:auto} .gal3 .modalCloser, .gal5 .modalCloser { width:20px; height:20px; position:absolute; right:5px; top:5px;} .mm_album .modalCloser .albumCloser {background-position:-60px -40px; position:absolute; top:0; left:0; width:20px; height:20px} .mm_album .albumCloser:hover {background-position:-60px -60px;} .gal4 .sliderControls { position:relative; width:100%} .gal4 .sliderDotDiv { width:96%} #body .gal4 .dots {background-position:-122px -44px; cursor: pointer; display: inline-block; height: 12px; text-indent: -999em; width: 15px; margin:5px} #body .gal4 .dots:hover, #body .gal4 .selected {background-position:-122px -64px;} .mediaContainer.gal4, .gal4 .mediaInner{padding-bottom:0;} .gal4 .thumbHolder{margin-top:5px;} #body .gal4 .playerControls { width:20px; height:20px; position:absolute; margin-top:-5px;} #body .gal4 .playerControls span { width:20px; height:20px; position:absolute} #body .gal4 .play{background-position:-80px -40px;} #body .gal4 .pause{background-position:-100px -40px;} #body .gal4 .playHover{background-position:-80px -60px;} #body .gal4 .play:hover{background-position:-80px -60px;} #body .gal4 .pauseHover{background-position:-100px -60px;} #body .gal4 .pause:hover{background-position:-100px -60px;} /* RSS Styles */ #body .RSS .sliderControlbar a{text-decoration:none;} #body RSS .storyLongContent img{float:left; padding:0 1em 1em 0!important;} #body .rssStandard .rssStory, .rssLive .rssStory{} #body .rssStandard .rssStory:first-child, .rssLive .rssStory:first-child{} #body .storyHeadline a:link{text-decoration:none; border-bottom:0;} .RSS .rssStory { position:relative; overflow:hidden;} .RSS .rssStory div { width:auto; } .RSS .rssStories { list-style: none outside none; padding:0px; margin:0px; } .RSS .storyByline { font-size:10pt; } .RSS.rssLive .storyHeadline a{text-decoration:none!important;} .RSS.rssLive .rssStory { padding:10px; } .RSS.rssStandard .storyHeadline a{text-decoration:none!important;} .RSS.rssStandard .rssStory { padding:10px;} #body .RSS.rssTicker .storyHeadline { padding-right:20px; font-size:.9em;} .RSS.rssTicker .storySource {display:inline-block; } .RSS.rssTicker .rssStory { float:left; } .RSS.rssTicker .rssStories { position:relative; overflow:hidden; width:20000px; list-style:none outside none;} .RSS .storyTicker {overflow:hidden; float:right; position:relative; width:500px; } .RSS.rssSlider .rssStory { float:left; width:900px; padding:1em 0 1em 0;} .RSS.rssSlider .rssStories { position:relative; overflow:hidden; width:20000px; list-style:none outside none; } .RSS .storySlider { overflow:hidden; position:relative; width:920px; height:auto; } .RSS .storyContent{line-height:1.5; font-size:.9em; padding:.5em 0 0 .5em; overflow:hidden;} .RSS .highlightStory { background-color:#ffff00; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1; } /* Slider Controls */ .RSS .back, .RSS .next, .RSS .play, .RSS .pause{background-image:url('/adm/zbl/images/addons/rss/RssSpriteBlack.png'); background-repeat:no-repeat; text-indent:-999999px; width:20px; height:20px; overflow:hidden; display:block; border-bottom:0!important; text-decoration:none!important;} .RSS .back{background-position:0 -30px; position:absolute; bottom:0px; right:63px;} .RSS .next{background-position: -20px -30px; position:absolute; bottom:0px; right:33px;} .RSS .play{background-position:-82px -40px; position:absolute; bottom:0px; right:0px;} .RSS .pause{background-position:-100px -40px; position:absolute; bottom:0px; right:0px;} /* Tumblr Styles */ .TUMBLR img{} .TUMBLR .storyHeadline {} .TUMBLR .tumblrStory { position:relative; padding:10px; overflow:hidden;} .TUMBLR .tumblrStory div { width:auto; } .TUMBLR .tumblrStories { list-style: none outside none; padding:0px; margin:0px; } .TUMBLR .storyByline { font-size:10pt; } .TUMBLR .storyLink { width:auto; } /* Styles for Both */ #body .TUMBLR, #body .RSS{text-align:left!important;} /* yeah, I used important. I'll just go fire myself now... */ #body .storyHeadline{font-weight:normal; font-size:1em;} #body .storyLongContent{line-height:1.5; font-size:.9em; padding:1em 0 0 2em; overflow:hidden;} #body .storyLongContent p{padding:0 0 1em 0;} #body .storyLongContent{padding:0 .5em; line-height:1.5; overflow:hidden;} #body .storyLongContent br:after{content:' ';padding:20px;} #body .TUMBLR a.storyLink{margin:0 0 10px 10px; display: block; width: 20px; height: 20px; overflow: hidden; text-indent: -99999px; border-bottom: 0; text-decoration: none; background-image:url('/adm/zbl/images/addons/rss/RssSpriteBlack.png'); background-repeat:no-repeat; background-position:-122px -40px; position: absolute; bottom: 8px; right: 5px;} /* Dark Version (Default) */ #body .storySource{font-size: .8em; padding: .2em; font-weight: normal; background:url(https://ly.lygo.net/ly/zeeblio/images/trans/b10.png); background: rgba(0,0,0,.12); color: rgb(36, 36, 36);} #body .RSS .sliderControlbar{height:20px; background:url(https://ly.lygo.net/ly/zeeblio/images/trans/b10.png); background: rgba(0,0,0,.12);} .RSS.rssLive .oldStoryControl {background:url(https://ly.lygo.net/ly/zeeblio/images/trans/b10.png); background: rgba(0,0,0,.12); position:relative; text-align:center; display:none; height:24px;} #body .tumblrStory:after, #body .rssStandard .rssStory:after, .rssLive .rssStory:after{display:block; height:1px; background:url(https://ly.lygo.net/ly/zeeblio/images/trans/b10.png); background: rgba(0,0,0,.12); content:' '; margin-top:10px;} /* Light Version */ #body .zbl-lightTheme .RSS .storySource, #body .zbl-lightTheme .RSS .sliderControlbar, #body .zbl-lightTheme .TUMBLR .storySource{background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w10.png); background:rgba(255,255,255,.2); color:#fff;} #body .zbl-lightTheme .RSS .sliderControlbar a{color:#000;} #body .zbl-lightTheme .tumblrStory:after, #body .zbl-lightTheme .rssStandard .rssStory:after, #body .zbl-lightTheme .rssLive .rssStory:after{display:block; height:1px; background:url(https://ly.lygo.net/ly/zeeblio/images/trans/w10.png); background:rgba(255,255,255,.2); content:' '; margin-top:10px;} .zbl-lightTheme .RSS .back, .zbl-lightTheme .RSS .next, .zbl-lightTheme .RSS .play, .zbl-lightTheme .RSS .pause{background-image:url('/adm/zbl/images/addons/rss/RssSpriteWhite.png');} #body .zbl-lightTheme .TUMBLR a.storyLink{margin:0 0 10px 10px; display: block; width: 20px; height: 20px; overflow: hidden; text-indent: -99999px; border-bottom: 0; text-decoration: none; background-image:url('/adm/zbl/images/addons/rss/RssSpriteWhite.png'); background-repeat:no-repeat; background-position:-122px -40px; position: absolute; bottom: 8px; right: 5px;} /* Light Theme */ .zbl-lightTheme .mediaContainer{background:#fefefe} .zbl-lightTheme .mmSprite {background:url('/adm/zbl/images/addons/mM_Album/mmSpriteBlack.png') no-repeat;} .zbl-lightTheme .imgTxt{background:rgba(255,255,255,.8); color:#000;} .zbl-lightTheme .focusModal{background:#fff;} .zbl-lightTheme .arrow{background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */} .zbl-lightTheme .arrow span{-webkit-box-shadow: inset 0px 1px 2px 0px #2b2b2b; box-shadow: inset 0px 1px 2px 0px #2b2b2b} .zbl-lightTheme .gal3 .focusImage, .zbl-lightTheme .gal5 .focusImage{background:url('/adm/zbl/images/addons/mM_Album/w76.png'); background: rgba(255,255,255,0.76);} /* Custom Color Theme */ .zbl-customTheme .arrow{background-image:url(https://ly.lygo.net/ly/zeeblio/images/trans/b30.png);} .zbl-customTheme .arrow span{box-shadow:0 0 0 0; -webkit-box-shadow:0 0 0 0;} .zbl-customTheme .mmSprite {background:url('/adm/zbl/images/addons/mM_Album/mmSpriteTrans.png') no-repeat;} /* Mobile */ @media screen and (max-width:500px) { .float_right {float: none !important;} }