@import url("style-base.css"); ::-webkit-input-placeholder {color: #ccc;} :-moz-placeholder {color: #ccc;} ::-moz-placeholder {color: #ccc;} :-ms-input-placeholder {color: #ccc;} body {color: #c2c2c2; background: url("/images/hb.gif") 0 0 repeat-x #513f22;} a {color: #f5d280;} a:hover {color: #fff;} /* header */ div.header {height: 120px;} div.header:before { position: absolute; content: ""; display: block; left: 210px; right: 0; top: 46px; border-top: 1px solid #624911; } ul.topmenu {top: 15px; left: 210px;} ul.topmenu li a {font-weight: bold;} ul.topmenu li a.ext {display: none;} div.logo {top: 0;} div.logo a img {float: left;} div.headtradeindex {left: 206px; top: 60px;} div.headtradeindex ul li {font-weight: bold; font-size: 13px; line-height: 18px;} /* search field */ div.search {background: #000; border-color: #624911; width: 310px; right: 70px; top: 3px;} div.search input.sf {color: #ddd; width: 260px;} div.search button.sb:after {color: #f5d280;} .autocomplete-suggestions {border-color: #624911; background:#000;} .autocomplete-suggestion {color: #ccc;} .autocomplete-selected {background: #303030; color: #ddd;} .autocomplete-suggestions strong {color: #f5d280;} /* lang selector */ #lngselect {background:url("//static.webclicks24.com/images/select-arrow-w.png") no-repeat 100% 50%; top: 11px; width: 55px;} #lngselect strong {color: #fff; width: 0; height: 13px;} #lngselect strong span {display: none;} #lngselect.down:after {border-bottom-color: #624911; top: 35px; right: 28px;} #lngselect ul {background-color: #000; border-color: #624911; top: 44px;} /* headers */ h1,h2,div.h {color: #fff; background: url("/images/h2b.gif") 3px 3px no-repeat #2b2111; border-radius: 3px; } h1,h2 {font-size: 20px; font-weight: 400; padding: 0 10px 0 45px; text-align: left;} div.h h1, div.h h2 {border: none; background: none;} div.tbookshare {right: -5px;} /* buttons */ div.sort a, div.durgrp a, div.timerange a, div.pages a {background: #664b1a; border: 1px solid #292010; border-radius: 2px;} div.sort a:hover, div.durgrp a:hover, div.timerange a:hover, div.pages a:hover {border: 1px solid #80622c;} div.sort a.current, div.durgrp a.current, div.timerange a.current, div.pages a.current {background: #2c2212; border: 1px solid #292010; color:#fff;} /* content and thumb categories */ ul.content li, ul.tcats li, ul.relatedthumbs li {border-color: #29200f; background: #3a2d18; border-radius: 5px;} ul.content li img, ul.tcats li img {border-radius: 4px 4px 0 0;} ul.content li h3 {background-color: #3a2d18; border-bottom: 1px dotted #49391e; font-weight: bold; color: #ddd;} ul.content li:hover h3 {color: #fff;} ul.content li span.src a {color: #c2c2c2;} ul.content li span.src a:hover {color: #fff;} ul.content li span.tl {border-top: 1px dotted #49391e;} ul.content li span.tl span {} ul.content li span.tl a {color: #d5b76f;} ul.content li span.tl a:hover {color: #ddd;} ul.content li span.tl a.c {} ul.content li span.dur, ul.tcats li span.cnt {text-shadow: none;} ul.content li span.hdlabel {background: #43230e; text-shadow: none;} ul.tcats li h3 {font-weight: bold; text-transform: capitalize;} /* icons */ ul.content li h3:after, ul.content li span.add:after, ul.content li span.src:after, ul.content li span.tl:after, div.related a:after, ul.relatedthumbs li h3:after {color: #826e4e;} div.az ul li:after, div.related a:after {color: #8a7144;} /* text categories */ div.az ul li.letter {background: #42331a; border-radius: 3px; color: #fff;} /* back to top button */ #back_to_top a#back-to-top {background: #2c2211;} /* banners */ .ads3 {margin: 40px auto 20px auto;} .ads3b {border-color: #29200f; background: #3a2d18;} /* toplist */ div.tradeindex div.cont div.timg img {border: 1px solid #29200f; background: #3a2d18;} div.tradeindex div.cont div.timg a:hover img {border: 1px solid #000;} ul.globaltop li {border-bottom: 1px dotted #6a4e20;} @media all and (min-width: 1340px) { ul.topmenu li a.ext {display: block;} } @media all and (max-width: 1000px) { h1,h2 {font-size: 18px;} ul.content li, ul.tcats li, ul.relatedthumbs li, ul.content li:hover, ul.tcats li:hover, ul.relatedthumbs li:hover {border-color: #513f22; box-shadow: inset 0 0 1px #000;} ul.topmenu {top: 55px;} div.headtradeindex {top: 80px;} div.headtradeindex ul li {font-size: 12px; line-height: 14px;} h1,h2 {line-height: 38px; height: 38px;} div.header {height: 130px;} } @media all and (max-width: 767px) { div.header {height: 185px; border-bottom: 1px solid #624911; margin-bottom: 15px;} div.header:before {left: 0; top: 143px;} div.search {width: 300px; right: auto;} div.search.top {top: 100px;} ul.content li a.report {color: #826e4e;} div.logo {margin-left: -97px; width: 194px;} ul.topmenu {left: 5px; top: 155px;} #lngselect {top: 150px;} #lngselect ul {right: 5px;} } @media all and (max-width: 479px) { h1,h2 {font-size: 16px;} }