Results of the CSS crunched for yourdesires.ru

Let's see what we've done for yourdesires.ru

CSSCruncher.com has crunched this CSS to
25.54 %Less Size! I cant't believe it!

Crunched CSS code:

@import 'normalize.css';@font-face{font-family:"OpenSansRegular";src:url("../fonts/OpenSansRegular.eot");src:url("../fonts/OpenSansRegular.eot?#iefix")format("embedded-opentype"), 
url("../fonts/OpenSansRegular.woff") format("woff"), 
url("../fonts/OpenSansRegular.ttf") format("truetype");font-style:normal;font-weight:normal}
@font-face{font-family:"OpenSansBold";src:url("../fonts/OpenSansBold.eot");src:url("../fonts/OpenSansBold.eot?#iefix")format("embedded-opentype"), 
url("../fonts/OpenSansBold.woff") format("woff"), 
url("../fonts/OpenSansBold.ttf") format("truetype");font-style:normal;font-weight:normal}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?wtz6zf');src:url('../fonts/icomoon.eot?wtz6zf#iefix') format('embedded-opentype'), 
url('../fonts/icomoon.ttf?wtz6zf') format('truetype'), 
url('../fonts/icomoon.woff?wtz6zf') format('woff'), 
url('../fonts/icomoon.svg?wtz6zf#icomoon') format('svg');font-weight:normal;font-style:normal}
[class^="icon-"],[class*=" icon-"],.owl-theme .owl-controls .owl-buttons div:before,.news5:before{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-chat:before{content:"\e900";top:2px;position:relative}
.icon-flag:before{content:"\e901"}
.icon-eye2:before{top:2px;position:relative;content:"\e903"}
.icon-magnifying-glass:before{content:"\e905"}
.icon-vk:before{content:"\e90b"}
.icon-google:before{content:"\e90d"}
.icon-chevron-left:before{content:"\e902"}
.icon-chevron-right:before{content:"\e906"}
.icon-thumbs-o-up:before{content:"\f087"}
.icon-thumbs-o-down:before{content:"\f088"}
.icon-twitter:before{content:"\f099"}
.icon-facebook:before{content:"\f09a"}
.icon-facebook-f:before{content:"\f09a"}
.icon-feed:before{content:"\f09e"}
.icon-rss:before{content:"\f09e"}
.icon-angle-up:before{content:"\f106"}
.icon-angle-down:before{content:"\f107"}
.icon-mobile:before{content:"\f10b"}
.icon-mobile-phone:before{content:"\f10b"}
.icon-thumbs-up:before{content:"\f164"}
.icon-thumbs-down:before{content:"\f165"}
.icon-youtube-play:before{content:"\f16a"}
.icon-odnoklassniki:before{content:"\f263"}
.icon-clock-o:before{content:"\f017"}
.icon-print:before{top:2px;position:relative;content:"\f02f";font-size:16px}
.icon-paperclip:before{content:"\f0c6"}
.icon-user:before{content:"\f007"}
.icon-close:before{content:"\f00d"}
.icon-play:before{content:"\f04b"}
*{margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding:0}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
image{border:0}
a img,:link img,:visited img,:hover img{border:0}
a{color:#303030;font-size:15px;text-decoration:underline;transition-property:color,opacity,border-color;transition-duration:0.2s}
a:hover{color:#b4db6f;text-decoration:none}
b,strong,th{font-family:"OpenSansBold",sans-serif;font-weight:normal}
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}
textarea{border:1px solid #ccc;padding:5px}
input:focus,textarea:focus{outline:none}
button:focus{outline:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:24px;line-height:30px}
h2{font-size:22px;line-height:25px}
h3{font-size:20px}
h4{font-size:18px}
h5,h6{font-size:16px}
ul,ol{padding:0;margin:0}
input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 5px 5px 0}
.cf:before, 
.cf:after{content:" ";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
#dle-content:after{content:"";display:table;clear:both}
html{padding:0px}
body{font-family:'OpenSansRegular',sans-serif;font-size:15px;line-height:150%;height:100%;margin:0;color:#222;-webkit-font-smoothing:antialiased !important;background-color:#f1f1f1}
.container{background-color:#fff;padding:0 30px}
.row{width:100%;display:table;table-layout:fixed}
.col{display:table-cell;vertical-align:top}
.wrap{max-width:1140px;margin:0 auto;position:relative}
.header{height:110px;padding:30px 0;position:relative}
.logo{padding:0 40px 0 0;width:360px}
.logo a img:hover{opacity:0.8}
.logo img{display:block;max-width:100%}
.share{padding:12px 0;text-align:center;min-width:200px}
.close_bg{display:none}
.nav{background-color:#f47555;height:50px;margin-bottom:30px}
.nav ul.main_nav{list-style:none;position:relative;padding-right:120px}
.main_nav li{position:relative;display:block;float:left;height:50px;z-index:100}
.main_nav li a{display:block;line-height:50px;font-size:14px;padding:0 20px;text-decoration:none;transition:0.2s;color:#fff;font-family:"OpenSansBold",sans-serif;border-right:1px solid rgba(255,255,255,0.3)}
.main_nav li a.dropi{padding:0 25px 0 20px}
.main_nav li a:hover,ul.main_nav li.drop:hover .dropi{color:#000;background-color:#b4db6f !important}
.main_nav li a.dropi:after{content:"\f107";line-height:10px;display:block;width:10px;height:10px;font-size:16px;font-family:"icomoon";position:absolute;top:20px;right:12px}
.main_nav li:hover ul{display:block;clear:both}
.main_nav li ul{display:none;height:auto;min-width:200px;position:absolute;z-index:5000000;background-color:#f47555;max-width:100%;left:0;border-top:1px solid rgba(255,255,255,0.3)}
.main_nav li li{display:block;float:none;width:100%;height:auto;border-right:1px solid rgba(255,255,255,0.3);border-left:1px solid rgba(255,255,255,0.3)}
.main_nav li li a{text-align:left;display:block;float:none;font-size:13px;padding:0px 20px;line-height:40px !important;z-index:501;border-bottom:1px solid rgba(255,255,255,0.3)}
.hidebox{background-color:#e3e3e3}
.searchholder{}
.searchblock{float:right;width:100%;max-width:300px;margin-top:5px;position:relative;overflow:hidden;height:40px;background-color:#f1f1f1}
.searchform{color:#222;width:100%;height:40px;line-height:20px;padding:11px 55px 9px 15px;border:0;margin:0;font-size:14px;background-color:transparent;overflow:hidden}
.searchbt{height:40px;border:0 !important;display:block;position:absolute;top:0;right:0;width:40px;text-align:center;background-color:#b4db6f;opacity:0.8;text-transform:uppercase;font-family:"OpenSansBold",sans-serif;color:#fff;transition:0.2s;font-size:20px;line-height:20px;vertical-align:middle}
.searchbt:hover{opacity:1}
.header-login{height:60px;width:60px;float:right;position:relative}
.header_button{display:block;width:40px;height:40px;font-size:18px;line-height:20px;text-align:center;vertical-align:middle;text-decoration:none;transition:0.2s;color:#222;border:0}
.header_button:hover{opacity:0.7}
.login_btn#logged{color:#b4db6f}
.header_button .icon-close{display:none}
.header_button.active .icon-close{display:inline}
.header_button.active .icon-user,.header_button.active .icon-magnifying-glass{display:none}
.header_button.active{background-color:#e3e3e3;color:#222 !important}
.search_btn{border:0;background-color:transparent}
.name-login{position:relative;padding:10px 20px 10px 0;display:inline-block;color:#aaa;font-size:14px;text-decoration:none;line-height:20px;font-family:"OpenSansBold",sans-serif}
.name-login:hover{color:#b4db6f}
.name-login:after{content:"";display:block;width:0;height:0;border:4px solid transparent;border-top-color:#b4db6f;position:absolute;top:20px;right:2px}
.menub{display:none;width:70px;height:50px;padding:5px 30px 5px 0}
.nav_btn{display:none;background-color:transparent}
.nav_btn span{display:none}
.menuicon{display:block;width:40px;height:40px;border-width:1px 0;border-style:solid;border-color:#aaa;position:relative}
.menuicon:before{content:"";display:block;position:absolute;width:40px;height:1px;background-color:#aaa;top:18px}
.login_block{height:0;padding:0;color:#222;visibility:hidden;transition:0.2s;overflow-y:hidden;overflow-x:auto}
.profile_menu ul{list-style:none;width:100%}
.profile_menu li{margin:0 20px 0 0;color:#fff;display:inline-block}
.profile_menu li a{height:40px;line-height:40px;color:#555;font-size:14px;text-decoration:none;position:relative}
.profile_menu li a:before{text-decoration:none;background-color:#b4db6f;display:block;content:"";height:2px;width:0;position:absolute;bottom:-2px;left:0;transition:0.2s}
.profile_menu li a:hover:before,.profile_menu li a.profile_link:hover:before{width:100%}
.profile_menu li a.logout{color:#fb4d4d}
.profile_menu li a.logout:hover{opacity:1}
.profile_menu li a.profile_link{font-family:"OpenSansBold",sans-serif}
.profile_menu li a i{font-style:normal;display:inline-block;position:relative;top:-10px;margin:0 0 0 5px;background-color:#49acdf;color:#fff;padding:0 5px;line-height:20px;font-size:12px;font-family:"OpenSansBold",sans-serif}
.login_form{margin:0 20px 0 0}
.login_form .inp{width:150px;border:1px solid #bbb;display:block;float:left;margin-right:-1px;height:40px;background-color:transparent;padding:0 0 0 10px;color:#222;font-size:14px}
.login_form .inp:focus{background-color:#ddd}
.login_form .not_save_label{line-height:20px}
.ch_box_save{font-size:13px;height:40px;padding:10px 0}
.enter-btn{padding:0 20px;height:40px;line-height:40px;border:0;float:left;background-color:#b4db6f;text-transform:uppercase;font-size:14px;color:#fff;font-family:"OpenSansBold",sans-serif;transition:0.2s;opacity:0.8}
.enter-btn:hover{opacity:1}
.reg-link{line-height:20px;height:40px;padding:10px 0}
.reg-link a{font-size:13px;color:#222;text-decoration:none;display:inline-block;position:relative}
.reg-link a:before{position:absolute;content:"";display:block;bottom:-1px;width:100%;height:1px;background-color:#bbb}
.reg-link a:hover:before{background-color:#b4db6f}
.l_sub{float:left;margin:0 0 0 20px}
.social_menu{text-align:center}
.social_menu a{display:inline-block;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center}
.social_menu [class^="icon-"]{background-color:transparent;transition:0.2s}
.social_menu [class^="icon-"]:hover{color:#fff;border:0}
.social_menu .icon-mobile:hover{background-color:#333}
.social_menu .icon-facebook:hover{background-color:#4862a3}
.social_menu .icon-vk:hover{background-color:#4d75a3}
.social_menu .icon-twitter:hover{background-color:#359bed}
.social_menu .icon-google:hover{background-color:#d94533}
.social_menu .icon-odnoklassniki:hover{background-color:#f59310}
.social_menu .icon-youtube-play:hover{background-color:#cd201f}
.social_menu .iconmr:hover{background-color:#168de2}
.social_menu .iconya:hover{background-color:#e61400}
.social_menu .icon-rss:hover{background-color:#ff6600}
.social-button{display:block;float:left;width:40px;height:40px;position:relative;margin-right:1px;transition:ease 0.2s all;font-size:18px !important}
.soc_login .social-button{margin:0 0 0 0}
.social-button:hover{opacity:0.8}
.social-button:before{width:20px;height:20px;position:absolute;display:block;color:#fff;top:10px;left:10px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:ease 0.2s all;text-align:center;line-height:20px}
.icon-mobile{background-color:#222}
.icon-facebook{background-color:#4862a3}
.icon-vk{background-color:#4d75a3}
.icon-twitter{background-color:#359bed}
.icon-google{background-color:#d94533}
.icon-odnoklassniki{background-color:#f59310}
.icon-youtube-play{background-color:#cd201f}
.iconmr{background-color:#168de2}
.iconmr:before{content:"@";font-family:"OpenSansBold"}
.iconya{background-color:#e61400}
.iconya:before{content:"Я"}
.icon-yt:before{background-position:-40px -200px}
.icon-rss{background-color:#ff6600}
.left{padding-right:30px}
.right{width:300px}
.tile_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.2s}
.tile{padding-top:56.25%;z-index:1;position:relative}
.tile:before{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;-moz-transition:0.2s background-color;-webkit-transition:0.2s background-color;transition:0.2s background-color}
a:hover .tile:before{background-color:rgba(255,255,255,0.3)}
.tile_content{position:absolute;bottom:0;width:100%;height:100%;padding:17px 20px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.5);z-index:2;overflow:hidden;visibility:hidden;opacity:0;transition:0.2s}
a:hover .tile_content{visibility:visible;opacity:1}
.tile_content div{width:50%;position:relative;top:50%;float:left;width:50%;height:20px;margin-top:-10px;padding:0 20px}
.tile-play{font-size:30px;line-height:40px;text-align:center;position:absolute;top:50%;left:50%;color:#b4db6f;background-color:rgba(255,255,255,0.5);width:70px;height:70px;margin:-35px 0 0 -35px;padding:15px 0;border:1px solid #fff;transition:0.2s}
a:hover .tile-play{transform:scale(0,0)}
.tile_title{font-size:16px;line-height:1.25;font-family:"OpenSansBold",sans-serif;margin-top:10px}
a:hover .tile_content{color:#ddd}
.speedbar{color:#999;margin-bottom:20px;font-size:14px}
.speedbar a{color:#f47555;font-size:14px;text-decoration:none}
.mblock{margin-bottom:30px !important;position:relative}
.m20{margin-bottom:20px !important}
.wblock{margin:0 -10px}
.content_adv{width:100%;overflow:hidden;text-align:center;margin:-10px 0 20px 0}
.top_adv{overflow:hidden;width:100%;text-align:center;margin:0 0 10px 0}
.side_adv{overflow:hidden;text-align:center;margin-bottom:20px}
.top_adv img,.content_adv img,.side_adv img,.full300 img{max-width:100%}
.max250{max-height:250px}
.max250 img{padding:0 !important}
.full300{max-width:100%;width:300px;overflow:hidden;float:left;margin:0 20px 10px 0}
.block_header{line-height:20px;padding:10px 20px;color:#fff;font-size:16px;margin:0 0 20px 0;font-family:"OpenSansBold",sans-serif;background-color:#f47555}
.block_header a{color:#222;transition:0.2s;font-size:20px;text-decoration:none !important;border-bottom:1px solid #e3e3e3}
.block_header a:hover{text-decoration:none !important;color:#b4db6f;border-color:#b4db6f}
.shortstory{position:relative;margin:0 0 40px 0}
.shortstory2{display:inline-block;width:33.333333%;margin-bottom:30px;vertical-align:top}
.shortstory2:nth-of-type(3n+1),.relatednews:nth-of-type(3n+1){padding-right:20px}
.shortstory2:nth-of-type(3n+2),.relatednews:nth-of-type(3n+2){padding:0 10px}
.shortstory2:nth-of-type(3n),.relatednews:nth-of-type(3n){padding-left:20px}
.shortstory2 .short_img{margin:0 0 20px 0}
.popular .short_img{width:90px;float:left;margin:0 20px 0 0}
.popular .short_img .tile{padding-top:67%}
.popular{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #f1f1f1}
.popular .short_title{margin-bottom:0}
.popular .short_title a{font-size:14px}
.shortstory a{text-decoration:none}
.short_img{width:100%;display:block;position:relative;overflow:hidden}
.short_title{line-height:1.2;color:#222;text-decoration:none;margin-bottom:10px;overflow:hidden;font-family:"OpenSansBold",sans-serif;text-transform:uppercase;font-size:15px}
.short_title a{color:#222;font-size:15px;transition:0.2s;text-decoration:none}
.short_title a:hover{color:#b4db6f}
.short_content{font-size:14px;line-height:1.5}
.post_category{position:absolute;bottom:0;left:0;height:30px;line-height:30px;color:#fff;padding:0 10px;font-size:13px;background-color:#b4db6f}
.ratebox{color:#aaa;font-size:12px;height:22px;line-height:20px}
.ratebox a{text-decoration:none}
.ratebox2{font-size:20px;height:40px;line-height:40px}
.ratebox2 .button_rating:before{font-size:30px}
.ratebox2 .button_rating{top:5px}
.ratebox2 .ratingtypeplusminus{line-height:40px;border-radius:20px}
.torate{font-size:16px;color:#333}
.post_info_item .rating{position:relative;top:3px}
.button_rating{margin:0;position:relative}
.button_rating:before{font-size:14px;opacity:0.5;color:#777}
.icon-thumbs-up:hover:before{color:green}
.icon-thumbs-down:before{top:2px;position:relative}
.icon-thumbs-down:hover:before{color:red}
.button_rating:hover:before{opacity:1}
.ratingtypeplus{color:#999;padding:0px 0px 0px 5px}
.rating-count{line-height:12px;height:12px;padding:3px 0 0 0;font-size:14px;font-family:"OpenSansBold",Arial,sans-serif}
.rating-count span{display:inline-block}
.ratingzero{color:#999}
.ratingtypeplusminus{display:inline-block;margin:0 5px}
.ratingplus{color:green}
.ratingminus{color:red}
.vote{font-size:14px;line-height:25px;width:auto !important}
.vote_list .vote>input,.vote_list .pollanswer>input{display:none}
.vote_list .vote>input[type="radio"]+label:before,.vote_list .pollanswer>input[type="radio"]+label:before{border-radius:50%}
.vote_list .vote>input+label:before,.vote_list .pollanswer>input+label:before{display:inline-block;width:14px;height:14px;border:4px solid #e3e3e3;background-color:transparent;margin:-.2em 4px 0 0;vertical-align:middle;cursor:pointer;content:"";border-radius:2px;transition:all ease .2s}
.vote_list .vote>input:checked+label:before,.vote_list .pollanswer>input:checked+label:before{background-color:#444;border-color:#b4db6f}
.vote_list .vote>input+label:hover:before,.vote_list .pollanswer>input+label:hover:before{background-color:#222}
.question{font-size:14px;font-family:"OpenSansBold",Arial,sans-serif;margin:0 0 15px 0}
#dle-vote{margin:0 0 20px 0}
.footer{color:#aaa;font-size:13px;background-color:#222;padding:30px}
.footer a{text-decoration:none;color:#fff;font-size:13px}
.footer a:hover{text-decoration:none;color:#b4db6f}
.about{font-size:13px;line-height:18px}
.about a{font-size:13px}
.footer_links{margin:0 0 20px 0;text-align:center}
.footer_links ul{list-style:none}
.footer_links li{display:inline-block;margin:0 10px;font-size:14px;text-transform:uppercase;font-family:"OpenSansBold",sans-serif}
.counters{float:left}
.shortresult{margin:0 0 15px 0;color:#909090;font-size:16px}
.shortresult a,.shortresult b{font-size:16px;text-decoration:none;font-family:"OpenSansBold",Arial,sans-serif}
.shortresult b{color:#b4db6f}
.navigation-holder{text-align:center;clear:both;margin:10px 0 30px 0}
.navigation{clear:both;display:block;margin-bottom:-4px}
.navigation span,.navigation a,.navigation b{height:30px;line-height:30px;vertical-align:middle;font-size:14px;float:left;font-weight:normal !important;border:1px solid #e3e3e3;margin:0 5px 5px 0}
.navigation span,.navigation a{text-align:center;width:30px}
.navigation a{text-decoration:none !important;color:#222}
.navigation a:hover{text-decoration:none;color:#b4db6f}
.navigation span{text-decoration:none;color:#222;background-color:#b4db6f;font-family:"OpenSansBold",sans-serif}
.nav_ext{background-color:transparent !important;color:#222 !important}
.prev,.next{display:block;float:left}
.next a,.prev a{text-decoration:none !important;display:block;line-height:30px}
.prev span,.next span{display:none}
.post_content,.userinfo{font-size:16px;line-height:1.7;color:#222;margin-bottom:20px}
.post_content a,.userinfo a{font-size:16px;color:#b4db6f;text-decoration:none}
.post_content a:hover,.userinfo a:hover{text-decoration:underline}
.post_content img{max-width:100%;padding:10px 0;padding:10px\9;height:auto !important}
.ie10 .post_content img{padding:10px}
.post_content object,.post_content iframe,.post_content embed{max-width:100%;margin:15px 0 0 0}
.post_content img[align="left"],.post_content img[style="float:left;"]{padding:10px 20px 10px 0;margin:0;max-width:100%}
.post_content img[align="right"],.post_content img[style="float:right;"]{padding:10px 0 10px 20px;margin:0;max-width:100%}
.post_content img{margin-right:25px}
.post_content a:hover img{opacity:.8}
.post_content h1,.post_content h2,.post_content h3,.post_content h4,.post_content h5,.post_content h6{font-family:"OpenSansBold",Arial,sans-serif;margin-bottom:5px}
.post_content hr{background-color:#e3e3e3;border:none;height:1px;margin:0 0 20px}
.post_content table{border-collapse:collapse;border:none;font-size:14px;width:100%;table-layout:fixed;margin-bottom:25px}
.post_content table th,.post_content table td{padding:10px;border:1px solid #e3e3e3;font-weight:normal;text-align:left;vertical-align:middle}
.post_content table tr:first-child{font-family:"OpenSansBold",sans-serif}
.post_content ul{margin:0 20px 20px 20px}
.post_content ul li{display:block;position:relative;padding:5px 0 0 25px;margin-bottom:5px;line-height:1.2}
.post_content ul li strong{font-family:'OpenSansBold',Arial,sans-serif}
.post_content ul li a{color:#b4db6f;text-decoration:underline}
.post_content ul li a:hover{text-decoration:none}
.post_content ul li:before{content:'';display:block;width:6px !important;height:6px !important;position:absolute;top:10px;left:4px;background-color:#b4db6f;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.post_content ol{margin:0 20px 20px 20px;counter-reset:list}
.post_content ol li{display:block;position:relative;padding:5px 0 0 20px;margin-bottom:5px;counter-reset:list1;min-height:32px}
.post_content ol li strong{font-family:'OpenSansBold',Arial,sans-serif}
.post_content ol li a{color:#b4db6f;text-decoration:underline}
.post_content ol li a:hover{text-decoration:none}
.post_content ol li:before{content:counter(list)".";counter-increment:list;display:block;position:absolute;top:5px;left:-2px;color:#b4db6f}
.post_content p{margin:0 0 10px 0}
.post_content b,.post_content strong{font-weight:normal;font-family:'OpenSansBold',Arial,sans-serif}
.relatednews{display:inline-block;width:33.33333%;margin-bottom:20px;vertical-align:top;padding:0 10px}
.relatednews:nth-of-type(3n+1){padding-left:0}
.relatednews:nth-of-type(3n){padding-right:0}
.relatednews .short_img{margin:0 0 20px 0}
table.pm td{border-top:1px solid #e3e3e3;height:40px}
table.pm tr:first-child td,table.pm tr:last-child td{border-top:0}
.pm{font-size:14px}
.pm a{font-size:14px}
.pm .bbcodes{line-height:30px !important;height:30px;padding:0 10px;margin-top:20px}
.pm_head{line-height:30px;font-family:"OpenSansBold",Arial,sans-serif;text-decoration:none}
.pm td input[type="checkbox"]{vertical-align:middle}
.pm_list{color:#909090}
.pm_list a{color:#b4db6f;text-decoration:none}
.pm_list a:hover{color:#222}
.pm_list:last-child,.pm_head:last-child{text-align:center}
.pm_sub{color:#909090;margin:20px 0 0 0;font-size:14px;font-style:normal}
.pm_sub a{color:#b4db6f;font-size:14px}
.pm_aside{width:100%;border:1px solid #e3e3e3;color:#909090;margin:0 0 30px 0}
.pm_main{overflow:hidden}
.pmlinks a{width:33.33333%;display:block;float:left;text-align:center;height:40px;padding:10px 0;line-height:20px;color:#b4db6f;font-size:13px;text-decoration:none;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;vertical-align:middle;font-family:"OpenSansBold",sans-serif}
.pmlinks a:first-of-type{border-left:0}
.pmlinks a:hover{color:#222;background-color:#e3e3e3}
.pmlinks a:before{content:"";height:20px;width:20px;display:block;margin:0 0 0 -30px;position:absolute;opacity:0.5}
.pmlinks a[href*="inbox"]:before{background-position:center -860px}
.pmlinks a[href*="outbox"]:before{background-position:center -900px}
.pmlinks a[href*="newpm"]:before{background-position:center -940px}
.pm_status_content{padding:15px 20px;font-size:14px}
.pm_progress_bar{height:30px;width:100%;background-color:#e3e3e3}
.pm_progress_bar span{background:#b4db6f;font-size:0em;text-indent:-2000em;height:30px;display:block;overflow:hidden}
.avatar_bg{width:100%;height:150px;position:relative;z-index:1;background-color:#202020}
.avatar_bg:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.avatar_popup{width:70px;height:70px;background-size:cover;background-position:center center;overflow:hidden;z-index:3;position:absolute;margin:0 0 0 -35px;left:50%;top:15px;outline:5px solid rgba(0,0,0,0.1)}
.avatar_hover_content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;line-height:15px;z-index:2;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.avatar_hover_content b{font-family:"OpenSansBold",Arial,sans-serif;font-weight:normal}
.userinfo_left{width:50%;float:left;height:100%;padding:0 50px 0 0;font-size:13px}
.userinfo_left > div,.userinfo_right div{margin:0 0 10px 0}
.userinfo_right .ratebox2{float:right !important}
.userinfo_right{width:50%;float:right;height:100%;padding:0 0 0 50px;text-align:right;font-size:13px}
.profile_popup_counters{background-color:rgba(0,0,0,0.5);height:50px;width:100%;color:#fff;position:absolute;z-index:4;left:0;bottom:0}
.profile_popup_counter{width:40%;height:50px;float:left;padding:15px;font-size:14px;text-align:center;line-height:20px;display:block;position:relative}
.profile_popup_counter b{font-size:24px;font-family:"OpenSansBold",Arial,sans-serif}
.profile_popup_counter a{position:absolute;display:block;height:100%;width:100%;top:0;left:0;color:#b4db6f;text-align:center;line-height:50px;text-indent:-9999px}
.profile_popup_counter a:hover{background-color:rgba(255,255,255,0.1)}
.profile_popup_counter span{display:block;text-indent:-9999px}
.profile_popup_rss{width:20%;float:left;height:50px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);color:#fff}
.profile_popup_rss a{font-size:24px !important;font-family:"OpenSansBold",Arial,sans-serif;line-height:50px;color:#fff !important;text-decoration:none;display:block;text-align:center}
.profile_popup_rss a:focus{outline:none}
.profile_popup_rss a:hover{background-color:rgba(255,255,255,0.1)}
td .bbcodes{height:30px;display:inline-block;line-height:30px !important;padding:0 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.answer_variant{font-size:12px;line-height:150%;color:#777}
form#registration .bbcodes{line-height:40px;padding:0 15px}
.login_check{position:relative}
.logincheck{position:absolute;right:0;top:0}
.feedbackta{width:100%;padding:5px;height:150px}
select[name="recip"]{height:40px;padding:5px 10px;line-height:30px;width:100%}
select[name="recip"] option{font-size:14px !important}
.poll{margin:20px 0;padding:20px;font-size:14px;background-color:#f1f1f1}
.poll b{line-height:20px;font-weight:normal;text-transform:uppercase}
.poll i{line-height:30px}
.buttonholder{margin:20px 0 0 0}
.site_button{cursor:pointer;transition:ease 0.2s all;font-size:12px;font-family:"OpenSansBold",sans-serif;padding:0 20px;line-height:40px;color:#fff;background-color:transparent;text-transform:uppercase;float:left;text-decoration:none;border:0;opacity:0.8}
.site_button:active{border-color:#222;background-color:rgba(0,0,0,1)}
.site_button:hover{opacity:1}
.dark_button{background-color:#222}
.color_button{background-color:#b4db6f;margin:0 10px 0 0;color:#222}
.dark_button:hover{color:#fff}
.more_button{float:right;position:relative;top:-11px}
.description .post_content{font-size:14px}
.fullstory,.tagscloud{width:100%;line-height:150%;margin-bottom:20px}
.tagscloud a{color:#b4db6f}
.post_title{font-size:26px;color:#222;line-height:100%;margin:0 0 20px 0}
.post_title h1{font-size:26px;line-height:100%}
.main_photo{display:block;width:100%;margin-bottom:15px}
.post_info{color:#aaa;font-size:13px}
.post_info .post_info_item{display:inline-block;margin-right:10px}
.post_info_item.fviews{padding-left:21px}
.post_info_item.fviews:before{content:"";display:block;position:absolute;width:16px;height:20px;background-position:-40px -70px;top:0;left:0}
.span_edit a{float:right}
.post_info_item a{color:#aaa;text-decoration:none;font-size:13px}
.post_info_item a:hover{color:#222}
.link-category a{font-size:13px;color:#f47555;text-decoration:none;text-transform:uppercase;font-family:"OpenSansBold";transition:0.2s}
.link-category a:hover{color:#aaa}
a.comments-num{color:#b4db6f}
.transp_text{color:transparent}
.tags a{color:#555;margin:0 2px 5px 0;display:inline-block;text-decoration:none;line-height:20px;border:1px solid #e3e3e3;padding:2px 10px;font-size:13px;transition:0.2s all;border-radius:2px}
.tags_more a{color:#b4db6f;border-color:#b4db6f}
.tags a:hover{background-color:#b4db6f;color:#fff;border-color:#b4db6f}
.archives_block br{display:none}
a.archives{text-align:center;display:block;color:#999;margin:0 0 -1px 0;text-decoration:none;line-height:30px;border:1px solid #e3e3e3;padding:0 10px;font-size:13px;transition:0.2s all}
a.archives:hover{background-color:#b4db6f;color:#fff;border-color:#b4db6f}
#dle-captcha img{display:block}
#comments{height:100px}
.addcomment-post{color:#909090;margin-top:30px}
.addcomment-post .social_login{margin:20px 0 0 0}
.addcomment_editor{width:390px;min-width:300px;height:60px;min-height:60px}
.ccolor{font-style:normal;color:#b4db6f !important}
.add_field{float:left;width:50%}
.add_field:first-of-type{padding-right:10px}
.add_field:last-of-type{padding-left:10px}
ul.ui-form{list-style:none;padding:0;margin:0}
ul.ui-form>li{margin-bottom:20px;position:relative;vertical-align:middle}
.imp:after{color:#b4db6f;content:"*";margin-left:10px}
.find_rel{position:absolute;top:0;right:0}
.small_avatar{width:50px;padding-right:10px}
.small_avatar img{width:100%;border-radius:2px}
.comments-tree-list{display:block;margin:0;padding:0;list-style:none}
.comments-tree-list .comments-tree-list{padding-left:4%}
.comments-tree-item{display:block;margin:0;padding:0}
#dlefastreplycomments{padding:5px}
.commentsreplyname{padding:2px;border:1px solid #bcc0c2;width:200px;background:#fff}
.comment{position:relative}
.negative-comment{opacity:0.6;transition:0.2s}
.negative-comment:hover{opacity:1}
.comment a{color:#f47555;text-decoration:none}
.comment a:hover{text-decoration:none;color:#222}
.comment_news_title{line-height:1.25;text-decoration:none;margin-top:5px}
.comment_news_title a{color:#aaa;font-size:13px;font-family:"OpenSansBold",sans-serif;transition:0.2s;text-decoration:none}
.comment_avatar{width:60px;padding:0 20px 0 0}
.comment_avatar img{width:100%;display:block;transition:0.2s}
.comment_avatar img:hover{opacity:0.8}
.comment_meta{line-height:14px;font-size:13px;margin:0 0 10px 0;color:#999}
.comment_meta a{font-size:13px;color:#f47555;text-decoration:none}
.comment_meta a:hover{color:#222}
.comment .post_info_item{float:right}
.comment_date{display:inline-block;position:relative}
.comment_author{margin:0 10px 0 0;display:inline-block}
.comment_author a{font-size:13px;font-family:"OpenSansBold"}
.comment_author a:hover{text-decoration:none}
.mass-action{margin:-2px 0 0 10px;height:14px;float:right}
.mass-action input[type="checkbox"]{margin:0}
.comment_content{width:100%;font-size:14px;color:#222}
.comment_content a{font-size:14px}
.signature{color:#777;font-size:12px;margin:10px 0 0 0}
.comment_controls a{font-size:12px;margin:0 10px 0 0;color:#777;font-family:"OpenSansBold",Arial,sans-serif}
.comment_controls a:hover{color:#b4db6f;text-decoration:none}
.mass_comments_action{color:#909090;margin-top:20px}
.mass_comments_action select[name="mass_action"]{height:22px;border-color:#ccc;width:auto}
.info{margin:0 0 20px 0;padding:20px;font-size:14px;background-color:#f1f1f1}
.info a{color:#b4db6f;font-size:14px;text-decoration:none}
.info a:hover{color:#222}
.usertitle{font-size:14px;color:#909090}
.user-foto-frame{border:1px solid #e3e3e3;padding:20px;margin:0 0 30px 0}
.user-foto-frame img{width:100px;display:block;float:left;margin:0 20px 0 0}
.user_data{margin:0 0 0 120px;font-size:14px;line-height:20px}
.user_data a{font-size:12px}
.user_data .rating{display:inline-block !important;float:none;margin-left:10px}
.uf-left{margin:0 0 0 120px}
.uf-item{float:left;width:50%;text-align:center}
.uf-left b{font-weight:normal;font-family:"OpenSansBold",Arial,sans-serif;font-size:30px;line-height:40px}
.email-pm a{display:block;float:left;width:50%;line-height:50px;background-color:rgba(0,0,0,0.1);font-size:20px;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,0.3)}
.email-pm a:hover{background-color:rgba(0,0,0,0.5);color:#fff}
.userinfo .post_content{float:none}
.profile_cell{width:50%;height:50px;line-height:50px;text-align:center;float:left;border:1px solid #ddd;border-top:0 !important;color:#909090;font-size:20px;position:relative}
.profile_cell:nth-of-type(2n){border-left:0 !important}
.profile_cell a{display:block;width:100%;height:100%;line-height:50px;font-size:20px;text-align:center;background-color:rgba(0,0,0,0.1);color:#b4db6f;text-decoration:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:ease 0.2s all}
.profile_cell a:hover{background-color:rgba(0,0,0,0.7);color:#fff}
.profile_item{height:50px;line-height:50px;border:1px solid #ddd;border-top:0 !important;color:#909090;font-size:20px;position:relative;padding:0 0 0 20px}
.profile_item.location{padding:0 0 0 50px;width:100%;background-position:left -970px}
.edit_button a{display:block;text-align:center;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:ease 0.2s all;border:1px solid #e3e3e3;background-color:transparent;color:#b4db6f;height:50px;line-height:50px !important;text-decoration:none;padding:0 10px;font-family:"OpenSansBold",Arial,sans-serif;margin:0 0 20px 0}
.edit_button a:hover{background-color:#e3e3e3;color:#222;text-decoration:none}
.block_ip{font-size:12px}
.file_upload{display:inline-block;cursor:pointer;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:ease 0.2s all;overflow:hidden;width:150px;position:relative}
.file_upload span{display:block;position:absolute}
.file_upload:hover{border:1px solid #000;background-color:rgba(0,0,0,0.8);color:#fff}
.file_upload input[type="file"]{margin-top:-50px;margin-left:-410px;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
.hidemail{line-height:40px;display:inline-block;margin:0 0 0 10px}
.block_ip{margin:10px 0 0 0}
table.fulltable{width:100%;border-collapse:collapse;border-spacing:0;border:0}
table.fulltable td{padding-bottom:15px}
table.fulltable tr:last-of-type td{padding:0}
.userstop{font-size:11px;color:#505050;border-collapse:collapse}
.userstop thead{padding:5px 0 0 5px;height:20px;font-size:12px;color:#303030;background:#ddd}
.userstop table{border-collapse:collapse}
.userstop td{text-align:center;height:25px;padding:0px;border:1px solid #ccc}
.userstop a{font-size:11px !important;text-decoration:none;color:#b4db6f}
.userstop a:hover{text-decoration:none}
.stat{color:#707070;font-size:13px;min-height:15px;margin:0 20px 0 20px;padding:2px 0 5px 0;border-bottom:1px solid #e0e0e0;font-family:"OpenSansBold",Arial,sans-serif}
.stat span{float:right;font-weight:normal}
.stat a{font-size:13px;text-decoration:none}
.h-row{color:#505050;background:#f1f1f1;font-family:"OpenSansBold",Arial,sans-serif;padding:0 0 0 15px;margin:10px 0 0 0;line-height:30px}
textarea,.txsh,.input1,.input2,.input3,.input4,.xfields input[type="text"],input.default,select{line-height:20px;background:#fff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:ease 0.2s all;padding:0 10px;color:#303030;font-size:16px;border:2px solid #e3e3e3;width:100%}
select#category option{height:auto}
.txsh,.input1,.input2,.xfields input[type="text"],input.default,select#category,.f_textarea{min-height:40px;width:100% !important}
textarea{min-height:100px}
textarea:focus,.txsh:focus,.input1:focus,.input2:focus,.input3:focus,.search #searchinput:focus,.search #searchuser:focus,.field:focus,.field:hover,.xfields input[type="text"]:focus,input.default:focus{box-shadow:none;border-color:#aaa}
.input1,.xfields input[type="text"],input.default{width:100%}
.input2{width:100%}
.input3{width:160px;min-height:40px;margin:0 10px 0 0}
.input4{height:100px;width:250px}
.clear{margin:0;padding:0;height:0px;clear:both;width:100%}
table{background:transparent;border:0px;border-collapse:separate}
table td{text-align:left;padding:0px;background:transparent}
select{font-size:12px}
.stext{color:#727272;font-size:11px}
.stext a:active, 
.stext a:visited, 
.stext a:link{color:#0084ff;text-decoration:none}
.stext a:hover{color:#FFFFFF;text-decoration:underline}
.ntitle{color:#CC00FF;font-size:15px;font-weight:bold;padding:11px 0 0 6px}
.ntitle a{color:#0084ff;text-decoration:underline}
.ntitle a:hover{text-decoration:none}
.ui-dialog fieldset{padding:5px;color:#b4db6f;border:1px solid #ddd;margin:0 0 10px 0}
#totop{width:60px;height:40px;background-color:#000;text-align:center;position:fixed;bottom:20px;right:20px;cursor:pointer;display:none;opacity:0.6;z-index:10;transition:0.2s}
#totop:hover{opacity:1;height:50px}
#totop:hover .uptext{visibility:visible;opacity:1}
.uparrow{line-height:40px;text-align:center;font-size:24px;color:#fff}
.attachment{position:relative;padding:0 0 0 10px;line-height:16px;color:#909090;font-size:14px}
.attachment a{text-decoration:none}
.attachment a:hover{color:#222;text-decoration:none}
.icon-paperclip:before{font-size:20px}
.mistake{color:#aaa;font-size:12px}

» Show original CSS code

« Hide original CSS code

DataLife Engine Template

Name: R e a d m e B l o g

Author: http:// s a n d e r a r t . c o m /

@import 'normalize.css';

/* font-family: "OpenSansRegular"; */

@font-face {

font-family: "OpenSansRegular";

src: url("../fonts/OpenSansRegular.eot");

src: url("../fonts/OpenSansRegular.eot?#iefix")format("embedded-opentype"),

url("../fonts/OpenSansRegular.woff") format("woff"),

url("../fonts/OpenSansRegular.ttf") format("truetype");

font-style: normal;

font-weight: normal;

}

/* font-family: "OpenSansBold"; */

@font-face {

font-family: "OpenSansBold";

src: url("../fonts/OpenSansBold.eot");

src: url("../fonts/OpenSansBold.eot?#iefix")format("embedded-opentype"),

url("../fonts/OpenSansBold.woff") format("woff"),

url("../fonts/OpenSansBold.ttf") format("truetype");

font-style: normal;

font-weight: normal;

}

@font-face {

font-family: 'icomoon';

src:    url('../fonts/icomoon.eot?wtz6zf');

src:    url('../fonts/icomoon.eot?wtz6zf#iefix') format('embedded-opentype'),

url('../fonts/icomoon.ttf?wtz6zf') format('truetype'),

url('../fonts/icomoon.woff?wtz6zf') format('woff'),

url('../fonts/icomoon.svg?wtz6zf#icomoon') format('svg');

font-weight: normal;

font-style: normal;

}

[class^="icon-"], [class*=" icon-"], .owl-theme .owl-controls .owl-buttons div:before, .news5:before {

/* use !important to prevent issues with browser extensions that change fonts */

font-family: 'icomoon' !important;

speak: none;

font-style: normal;

font-weight: normal;

font-variant: normal;

text-transform: none;

line-height: 1;

/* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.icon-chat:before {

content: "\e900";

top: 2px;

position: relative;

}

.icon-flag:before {

content: "\e901";

}

.icon-eye2:before {

top: 2px;

position: relative;

content: "\e903";

}

.icon-magnifying-glass:before {

content: "\e905";

}

.icon-vk:before {

content: "\e90b";

}

.icon-google:before {

content: "\e90d";

}

.icon-chevron-left:before {

content: "\e902";

}

.icon-chevron-right:before {

content: "\e906";

}

.icon-thumbs-o-up:before {

content: "\f087";

}

.icon-thumbs-o-down:before {

content: "\f088";

}

.icon-twitter:before {

content: "\f099";

}

.icon-facebook:before {

content: "\f09a";

}

.icon-facebook-f:before {

content: "\f09a";

}

.icon-feed:before {

content: "\f09e";

}

.icon-rss:before {

content: "\f09e";

}

.icon-angle-up:before {

content: "\f106";

}

.icon-angle-down:before {

content: "\f107";

}

.icon-mobile:before {

content: "\f10b";

}

.icon-mobile-phone:before {

content: "\f10b";

}

.icon-thumbs-up:before {

content: "\f164";

}

.icon-thumbs-down:before {

content: "\f165";

}

.icon-youtube-play:before {

content: "\f16a";

}

.icon-odnoklassniki:before {

content: "\f263";

}

.icon-clock-o:before {

content: "\f017";

}

.icon-print:before {

top: 2px;

position: relative;

content: "\f02f";

font-size: 16px;

}

.icon-paperclip:before{

content: "\f0c6";

}

.icon-user:before {

content: "\f007";

}

.icon-close:before {

content: "\f00d";

}

.icon-play:before {

content: "\f04b";

}

/* `Main

-----------------------------------------------------------------------------------*/

* {

margin-top:0;

margin-bottom:0;

margin-right:0;

margin-left:0;

padding:0;

}

*, *:before, *:after {

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

image{

border:0;

}

a img,:link img,:visited img,:hover img {

border:0;

}

color:#303030;

font-size:15px;

text-decoration:underline;

transition-property: color, opacity, border-color;

transition-duration: 0.2s;

}

a:hover {

color:#b4db6f;

text-decoration:none;

}

b, strong, th{

font-family: "OpenSansBold", sans-serif;

font-weight: normal;

}

h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {

margin:0;

padding:0;

}

textarea{

border:1px solid #ccc;

padding:5px;

}

input:focus, textarea:focus {

outline:none;

}

button:focus{

outline:none;

}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1 {font-size:24px;line-height:30px;}

h2 {font-size:22px;line-height:25px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5, h6 {font-size: 16px;}

ul, ol{

padding: 0;

margin: 0;

}

input[type="checkbox"], input[type="radio"] {

width: auto;

height: auto;

padding: 0;

margin: 3px 5px 5px 0;

}

.cf:before,

.cf:after {

content: " ";

display: table;

}

.cf:after {

clear: both;

}

.cf {

*zoom: 1;

}

#dle-content:after{

content: "";

display: table;

clear: both;

}

html{

padding:0px;

}

body{

font-family:'OpenSansRegular', sans-serif;

font-size:15px;

line-height: 150%;

height:100%;

margin:0;

color:#222;

-webkit-font-smoothing: antialiased !important;

background-color: #f1f1f1;

}

.container{

background-color: #fff;

padding: 0 30px;

}

.row{

width: 100%;

display: table;

table-layout: fixed;

}

.col{

display: table-cell;

vertical-align: top;

}

.wrap{

max-width: 1140px;

margin: 0 auto;

position: relative;

}

.header{

height: 110px;

padding: 30px 0;

position: relative;

}

.logo{

padding: 0 40px 0 0;

width: 360px;

}

.logo a img:hover{

opacity: 0.8;

}

.logo img{

display: block;

max-width: 100%;

}

.share{

padding: 12px 0;

text-align: center;

min-width: 200px;

}

/* navigation menu*/

.close_bg{

display: none;

}

.nav{

background-color: #f47555;

height: 50px;

margin-bottom: 30px;

}

.nav ul.main_nav{

list-style: none;

position: relative;

padding-right: 120px;

}

.main_nav li{

position: relative;

display: block;

float: left;

height: 50px;

z-index: 100;

}

.main_nav li a{

display: block;

line-height: 50px;

font-size: 14px;

padding: 0 20px;

text-decoration: none;

transition:0.2s;

color:#fff;

font-family: "OpenSansBold", sans-serif;

border-right: 1px solid rgba(255,255,255,0.3);

}

.main_nav li a.dropi{

padding: 0 25px 0 20px;

}

.main_nav li a:hover, ul.main_nav li.drop:hover .dropi{

color: #000;

background-color: #b4db6f !important;

}

.main_nav li a.dropi:after{

content: "\f107";

line-height: 10px;

display: block;

width: 10px;

height: 10px;

font-size: 16px;

font-family: "icomoon";

position: absolute;

top:20px;

right: 12px;

}

.main_nav li:hover ul{

display: block;

clear: both;

}

.main_nav li ul{

display: none;

height: auto;

min-width: 200px;

position: absolute;

z-index: 5000000;

background-color: #f47555;

max-width: 100%;

left: 0;

border-top: 1px solid rgba(255,255,255,0.3);

}

.main_nav li li{

display: block;

float: none;

width: 100%;

height: auto;

border-right: 1px solid rgba(255,255,255,0.3);

border-left: 1px solid rgba(255,255,255,0.3);

}

.main_nav li li a {

text-align:left;

display:block;

float:none;

font-size: 13px;

padding: 0px 20px;

line-height: 40px !important;

z-index: 501;

border-bottom: 1px solid rgba(255,255,255,0.3);

}

.hidebox{

background-color: #e3e3e3;

}

/* Поиск */

.searchholder{

}

.searchblock{

float: right;

width: 100%;

max-width: 300px;

margin-top: 5px;

position: relative;

overflow: hidden;

height: 40px;

background-color: #f1f1f1;

}

.searchform{

color:#222;

width:100%;

height:40px;

line-height:20px;

padding:11px 55px 9px 15px;

border:0;

margin: 0;

font-size:14px;

background-color:transparent;

overflow:hidden;

}

.searchbt{

height:40px;

border:0 !important;

display: block;

position: absolute;

top: 0;

right: 0;

width: 40px;

text-align: center;

background-color: #b4db6f;

opacity: 0.8;

text-transform: uppercase;

font-family: "OpenSansBold", sans-serif;

color: #fff;

transition:0.2s;

font-size: 20px;

line-height: 20px;

vertical-align: middle;

}

.searchbt:hover{

opacity: 1;

}

.header-login{

height: 60px;

width: 60px;

float: right;

position: relative;

}

.header_button{

display: block;

width: 40px;

height: 40px;

font-size: 18px;

line-height: 20px;

text-align: center;

vertical-align: middle;

text-decoration: none;

transition:0.2s;

color: #222;

border:0;

}

.header_button:hover{

opacity: 0.7;

}

.login_btn#logged{

color: #b4db6f;

}

.header_button .icon-close{

display: none;

}

.header_button.active .icon-close{

display: inline;

}

.header_button.active .icon-user, .header_button.active .icon-magnifying-glass{

display: none;

}

.header_button.active{

background-color: #e3e3e3;

color: #222 !important;

}

.search_btn{

border:0;

background-color: transparent;

}

.name-login{

position: relative;

padding: 10px 20px 10px 0;

display: inline-block;

color: #aaa;

font-size: 14px;

text-decoration: none;

line-height: 20px;

font-family: "OpenSansBold", sans-serif;

}

.name-login:hover{

color: #b4db6f;

}

.name-login:after{

content: "";

display: block;

width: 0;

height: 0;

border: 4px solid transparent;

border-top-color: #b4db6f;

position: absolute;

top:20px;

right: 2px;

}

.menub{

display: none;

width: 70px;

height: 50px;

padding: 5px 30px 5px 0;

}

.nav_btn{

display: none;

background-color: transparent;

}

.nav_btn span{

display: none;

}

.menuicon{

display: block;

width: 40px;

height: 40px;

border-width: 1px 0;

border-style: solid;

border-color: #aaa;

position: relative;

}

.menuicon:before{

content: "";

display: block;

position: absolute;

width: 40px;

height: 1px;

background-color: #aaa;

top: 18px;

}

/* login.tpl  */

.login_block{

height: 0;

padding: 0;

color: #222;

visibility: hidden;

transition:0.2s;

overflow-y: hidden;

overflow-x: auto;

}

.profile_menu ul{

list-style: none;

width: 100%;

}

.profile_menu li{

margin: 0 20px 0 0;

color: #fff;

display: inline-block;

}

.profile_menu li a{

height: 40px;

line-height: 40px;

color: #555;

font-size: 14px;

text-decoration: none;

position: relative;

}

.profile_menu li a:before{

text-decoration: none;

background-color: #b4db6f;

display: block;

content: "";

height: 2px;

width:0;

position: absolute;

bottom: -2px;

left: 0;

transition:0.2s;

}

.profile_menu li a:hover:before, .profile_menu li a.profile_link:hover:before{

width: 100%;

}

.profile_menu li a.logout{

color: #fb4d4d;

}

.profile_menu li a.logout:hover{

opacity: 1;

}

.profile_menu li a.profile_link{

font-family: "OpenSansBold", sans-serif;

}

.profile_menu li a i{

font-style: normal;

display: inline-block;

position: relative;

top: -10px;

margin: 0 0 0 5px;

background-color: #49acdf;

color: #fff;

padding: 0 5px;

line-height: 20px;

font-size: 12px;

font-family: "OpenSansBold", sans-serif;

}

.login_form{

margin: 0 20px 0 0;

}

.login_form .inp{

width: 150px;

border:1px solid #bbb;

display: block;

float: left;

margin-right: -1px;

height: 40px;

background-color: transparent;

padding: 0 0 0 10px;

color: #222;

font-size: 14px;

}

.login_form .inp:focus{

background-color: #ddd;

}

.login_form .not_save_label{

line-height: 20px;

}

.ch_box_save{

font-size: 13px;

height: 40px;

padding: 10px 0;

}

.enter-btn{

padding: 0 20px;

height: 40px;

line-height: 40px;

border:0;

float: left;

background-color:#b4db6f;

text-transform: uppercase;

font-size: 14px;

color: #fff;

font-family: "OpenSansBold", sans-serif;

transition:0.2s;

opacity: 0.8;

}

.enter-btn:hover{

opacity: 1;

}

.reg-link{

line-height: 20px;

height: 40px;

padding: 10px 0;

}

.reg-link a{

font-size: 13px;

color: #222;

text-decoration: none;

display: inline-block;

position: relative;

}

.reg-link a:before{

position: absolute;

content: "";

display: block;

bottom: -1px;

width: 100%;

height: 1px;

background-color: #bbb;

}

.reg-link a:hover:before{

background-color: #b4db6f;

}

.l_sub{

float: left;

margin: 0 0 0 20px;

}

.social_menu{

text-align: center;

}

.social_menu a{

display: inline-block;

border-radius: 50%;

width: 30px;

height: 30px;

line-height: 30px;

text-align: center;

}

.social_menu [class^="icon-"]{

background-color: transparent;

transition:0.2s;

}

.social_menu [class^="icon-"]:hover{

color: #fff;

border:0;

}

.social_menu .icon-mobile:hover{

background-color: #333;

}

.social_menu .icon-facebook:hover{

background-color: #4862a3;

}

.social_menu .icon-vk:hover{

background-color: #4d75a3;

}

.social_menu .icon-twitter:hover{

background-color: #359bed;

}

.social_menu .icon-google:hover{

background-color: #d94533;

}

.social_menu .icon-odnoklassniki:hover{

background-color: #f59310;

}

.social_menu .icon-youtube-play:hover{

background-color: #cd201f;

}

.social_menu .iconmr:hover{

background-color:#168de2;

}

.social_menu .iconya:hover{

background-color:#e61400;

}

.social_menu .icon-rss:hover{

background-color: #ff6600;

}

.social-button{

display: block;

float: left;

width: 40px;

height: 40px;

position: relative;

margin-right: 1px;

transition: ease 0.2s all;

font-size: 18px !important;

}

.soc_login .social-button{

margin: 0 0 0 0;

}

.social-button:hover{

opacity: 0.8;

}

.social-button:before{

width: 20px;

height: 20px;

position: absolute;

display: block;

color: #fff;

top: 10px;

left: 10px;

-webkit-transition:all 0.2s ease;

-moz-transition:all 0.2s ease;

transition: ease 0.2s all;

text-align: center;

line-height: 20px;

}

.icon-mobile{

background-color: #222;

}

.icon-facebook{

background-color: #4862a3;

}

.icon-vk{

background-color: #4d75a3;

}

.icon-twitter{

background-color: #359bed;

}

.icon-google{

background-color: #d94533;

}

.icon-odnoklassniki{

background-color: #f59310;

}

.icon-youtube-play{

background-color: #cd201f;

}

.iconmr{

background-color:#168de2;

}

.iconmr:before{

content: "@";

font-family: "OpenSansBold";

}

.iconya{

background-color:#e61400;

}

.iconya:before{

content: "Я";

}

.icon-yt:before{

background-position: -40px -200px;

}

.icon-rss{

background-color: #ff6600;

}

/* LOGIN end  */

.left{

padding-right: 30px;

}

.right{

width: 300px;

}

/* tile */

.tile_bg{

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

z-index: 0;

background-size: cover;

background-position: center;

background-repeat: no-repeat;

transition:0.2s;

}

.tile{

padding-top: 56.25%;

z-index: 1;

position: relative;

}

.tile:before{

display: block;

content: "";

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

-moz-transition:0.2s background-color;

-webkit-transition:0.2s background-color;

transition:0.2s background-color;

}

a:hover .tile:before{

background-color: rgba(255,255,255,0.3);

}

.tile_content{

position: absolute;

bottom: 0;

width: 100%;

height: 100%;

padding:17px 20px;

color: #fff;

text-shadow:0 1px 0 rgba(0,0,0,0.5);

z-index: 2;

overflow: hidden;

visibility: hidden;

opacity: 0;

transition:0.2s;

}

a:hover .tile_content{

visibility: visible;

opacity: 1;

}

.tile_content div{

width: 50%;

position: relative;

top: 50%;

float: left;

width: 50%;

height: 20px;

margin-top: -10px;

padding: 0 20px;

}

.tile-play{

font-size: 30px;

line-height: 40px;

text-align: center;

position: absolute;

top: 50%;

left: 50%;

color: #b4db6f;

background-color: rgba(255,255,255,0.5);

width: 70px;

height: 70px;

margin: -35px 0 0 -35px;

padding: 15px 0;

border:1px solid #fff;

transition:0.2s;

}

a:hover .tile-play{

transform:scale(0,0);

}

.tile_title{

font-size: 16px;

line-height: 1.25;

font-family: "OpenSansBold", sans-serif;

margin-top: 10px;

}

a:hover .tile_content{

color: #ddd;

}

.speedbar{

color: #999;

margin-bottom: 20px;

font-size: 14px;

}

.speedbar a{

color: #f47555;

font-size: 14px;

text-decoration: none;

}

.mblock{

margin-bottom:30px !important;

position: relative;

}

.m20{

margin-bottom: 20px !important;

}

.wblock{

margin: 0 -10px;

}

.content_adv{

width: 100%;

overflow: hidden;

text-align: center;

margin:-10px 0 20px 0;

}

.top_adv{

overflow: hidden;

width: 100%;

text-align: center;

margin: 0 0 10px 0;

}

.side_adv{

overflow: hidden;

text-align: center;

margin-bottom: 20px;

}

.top_adv img, .content_adv img, .side_adv img, .full300 img{

max-width: 100%;

}

.max250{

max-height: 250px;

}

.max250 img{

padding: 0 !important;

}

.full300{

max-width: 100%;

width: 300px;

overflow: hidden;

float: left;

margin: 0 20px 10px 0;

}

.block_header{

line-height: 20px;

padding: 10px 20px;

color: #fff;

font-size: 16px;

margin: 0 0 20px 0;

font-family: "OpenSansBold", sans-serif;

background-color: #f47555;

}

.block_header a{

color: #222;

transition:0.2s;

font-size: 20px;

text-decoration: none !important;

border-bottom: 1px solid #e3e3e3;

}

.block_header a:hover{

text-decoration: none !important;

color: #b4db6f;

border-color:#b4db6f;

}

/* shortstory.tpl */

.shortstory{

position: relative;

margin: 0 0 40px 0;

}

.shortstory2{

display: inline-block;

width: 33.333333%;

margin-bottom: 30px;

vertical-align: top;

}

.shortstory2:nth-of-type(3n+1), .relatednews:nth-of-type(3n+1){

padding-right: 20px;

}

.shortstory2:nth-of-type(3n+2), .relatednews:nth-of-type(3n+2){

padding: 0 10px;

}

.shortstory2:nth-of-type(3n), .relatednews:nth-of-type(3n){

padding-left: 20px;

}

.shortstory2 .short_img{

margin: 0 0 20px 0;

}

.popular .short_img{

width: 90px;

float: left;

margin: 0 20px 0 0;

}

.popular .short_img .tile{

padding-top: 67%;

}

.popular{

padding: 0 0 10px 0;

margin: 0 0 10px 0;

border-bottom: 1px solid #f1f1f1;

}

.popular .short_title{

margin-bottom: 0;

}

.popular .short_title a{

font-size: 14px;

}

.shortstory a{

text-decoration: none;

}

.short_img{

width: 100%;

display: block;

position: relative;

overflow: hidden;

}

.short_title{

line-height: 1.2;

color: #222;

text-decoration: none;

margin-bottom: 10px;

overflow: hidden;

font-family: "OpenSansBold", sans-serif;

text-transform: uppercase;

font-size: 15px;

}

.short_title a{

color: #222;

font-size: 15px;

transition:0.2s;

text-decoration: none;

}

.short_title a:hover{

color: #b4db6f;

}

.short_content{

font-size: 14px;

line-height: 1.5;

}

.post_category{

position: absolute;

bottom: 0;

left: 0;

height: 30px;

line-height: 30px;

color: #fff;

padding: 0 10px;

font-size: 13px;

background-color: #b4db6f;

}

/* Рейтинг */

.ratebox{

color: #aaa;

font-size: 12px;

height: 22px;

line-height: 20px;

}

.ratebox a{

text-decoration: none;

}

.ratebox2{

font-size: 20px;

height: 40px;

line-height: 40px;

}

.ratebox2 .button_rating:before{

font-size: 30px;

}

.ratebox2 .button_rating{

top: 5px;

}

.ratebox2 .ratingtypeplusminus{

line-height: 40px;

border-radius: 20px;

}

.torate{

font-size: 16px;

color: #333;

}

.post_info_item .rating{

position: relative;

top: 3px;

}

.button_rating{

margin: 0;

position: relative;

}

.button_rating:before{

font-size: 14px;

opacity: 0.5;

color: #777;

}

.icon-thumbs-up:hover:before{

color: green;

}

.icon-thumbs-down:before{

top: 2px;

position: relative;

}

.icon-thumbs-down:hover:before{

color: red;

}

.button_rating:hover:before{

opacity: 1;

}

.ratingtypeplus{

color: #999;

padding: 0px 0px 0px 5px;

}

.rating-count{

line-height: 12px;

height: 12px;

padding: 3px 0 0 0;

font-size: 14px;

font-family: "OpenSansBold", Arial, sans-serif;

}

.rating-count span{

display: inline-block;

}

.ratingzero {

color: #999;

}

.ratingtypeplusminus {

display: inline-block;

margin: 0 5px;

}

.ratingplus {

color: green;

}

.ratingminus {

color: red;

}

/* vote.tpl */

.vote{

font-size: 14px;

line-height:25px;

width:auto !important;

}

.vote_list .vote>input, .vote_list .pollanswer>input{

display: none;

}

.vote_list .vote>input[type="radio"]+label:before, .vote_list .pollanswer>input[type="radio"]+label:before{

border-radius: 50%;

}

.vote_list .vote>input+label:before, .vote_list .pollanswer>input+label:before {

display: inline-block;

width: 14px;

height: 14px;

border: 4px solid #e3e3e3;

background-color: transparent;

margin: -.2em 4px 0 0;

vertical-align: middle;

cursor: pointer;

content: "";

border-radius: 2px;

transition: all ease .2s;

}

.vote_list .vote>input:checked+label:before, .vote_list .pollanswer>input:checked+label:before {

background-color: #444;

border-color: #b4db6f;

}

.vote_list .vote>input+label:hover:before, .vote_list .pollanswer>input+label:hover:before {

background-color: #222;

}

.question{

font-size: 14px;

font-family: "OpenSansBold", Arial, sans-serif;

margin:0 0 15px 0;

}

#dle-vote{

margin: 0 0 20px 0;

}

/* FOOTER    */

.footer {

color: #aaa;

font-size: 13px;

background-color: #222;

padding: 30px;

}

.footer a{

text-decoration:none;

color: #fff;

font-size: 13px;

}

.footer a:hover{

text-decoration:none;

color: #b4db6f;

}

.about{

font-size: 13px;

line-height: 18px;

}

.about a{

font-size:13px;

}

.footer_links{

margin:0 0 20px 0;

text-align: center;

}

.footer_links ul{

list-style: none;

}

.footer_links li{

display: inline-block;

margin: 0 10px;

font-size: 14px;

text-transform: uppercase;

font-family: "OpenSansBold", sans-serif;

}

.counters{

float: left;

}

/* searchresults.tpl */

.shortresult{

margin: 0 0 15px 0;

color: #909090;

font-size: 16px;

}

.shortresult a, .shortresult b{

font-size: 16px;

text-decoration: none;

font-family: "OpenSansBold", Arial, sans-serif;

}

.shortresult b{

color: #b4db6f;

}

/* navigation.tpl */

.navigation-holder{

text-align: center;

clear: both;

margin:10px 0 30px 0;

}

.navigation{

clear:both;

display: block;

margin-bottom: -4px;

}

.navigation span, .navigation a, .navigation b{

height: 30px;

line-height: 30px;

vertical-align: middle;

font-size:14px;

float:left;

font-weight: normal !important;

border:1px solid #e3e3e3;

margin:0 5px 5px 0;

}

.navigation span, .navigation a{

text-align: center;

width: 30px;

}

.navigation a{

text-decoration: none !important;

color:#222;

}

.navigation a:hover{

text-decoration:none;

color:#b4db6f;

}

.navigation span {

text-decoration:none;

color:#222;

background-color: #b4db6f;

font-family: "OpenSansBold", sans-serif;

}

.nav_ext{

background-color: transparent !important;

color: #222 !important;

}

.prev, .next{

display: block;

float: left;

}

.next a, .prev a{

text-decoration:none !important;

display: block;

line-height: 30px;

}

.prev span, .next span{

display: none;

}

.post_content, .userinfo{

font-size: 16px;

line-height: 1.7;

color: #222;

margin-bottom: 20px;

}

.post_content a, .userinfo a{

font-size: 16px;

color: #b4db6f;

text-decoration: none;

}

.post_content a:hover, .userinfo a:hover{

text-decoration: underline;

}

.post_content img{

max-width: 100%;

padding:10px 0;

padding: 10px\9;

height: auto !important;

}

.ie10 .post_content img{

padding: 10px;

}

.post_content object, .post_content iframe, .post_content embed{

max-width: 100%;

margin: 15px 0 0 0;

}

.post_content img[align="left"], .post_content img[style="float:left;"]{

padding: 10px 20px 10px 0;

margin: 0;

max-width: 100%;

}

.post_content img[align="right"], .post_content img[style="float:right;"]{

padding: 10px 0 10px 20px;

margin: 0;

max-width: 100%;

}

.post_content img {  margin-right: 25px;}

.post_content a:hover img{

opacity:.8;

}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{

font-family:"OpenSansBold", Arial, sans-serif;

margin-bottom: 5px;

}

.post_content hr{

background-color:#e3e3e3;

border:none;

height:1px;

margin:0 0 20px;

}

.post_content table{

border-collapse:collapse;

border:none;

font-size:14px;

width:100%;

table-layout:fixed;

margin-bottom:25px;

}

.post_content table th,.post_content table td{

padding:10px;

border:1px solid #e3e3e3;

font-weight:normal;

text-align:left;

vertical-align:middle;

}

.post_content table tr:first-child{

font-family: "OpenSansBold", sans-serif;

}

.post_content ul{

margin:0 20px 20px 20px;

}

.post_content ul li{

display:block;

position:relative;

padding:5px 0 0 25px;

margin-bottom:5px;

line-height: 1.2;

}

.post_content ul li strong{

font-family:'OpenSansBold', Arial, sans-serif;

}

.post_content ul li a{

color:#b4db6f;

text-decoration:underline;

}

.post_content ul li a:hover{

text-decoration:none;

}

.post_content ul li:before{

content: '';

display: block;

width: 6px !important;

height: 6px !important;

position: absolute;

top: 10px;

left: 4px;

background-color: #b4db6f;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

}

.post_content ol{

margin:0 20px 20px 20px;

counter-reset:list;

}

.post_content ol li{

display:block;

position:relative;

padding:5px 0 0 20px;

margin-bottom:5px;

counter-reset:list1;

min-height:32px;

}

.post_content ol li strong{

font-family:'OpenSansBold', Arial, sans-serif;

}

.post_content ol li a{

color:#b4db6f;

text-decoration:underline;

}

.post_content ol li a:hover{

text-decoration:none;

}

.post_content ol li:before{

content:counter(list)".";

counter-increment:list;

display:block;

position:absolute;

top:5px;

left:-2px;

color:#b4db6f;

}

.post_content p{

margin:0 0 10px 0;

}

.post_content b, .post_content strong{

font-weight: normal;

font-family:'OpenSansBold', Arial, sans-serif;

}

/* relatednews.tpl */

.relatednews{

display: inline-block;

width: 33.33333%;

margin-bottom: 20px;

vertical-align: top;

padding: 0 10px;

}

.relatednews:nth-of-type(3n+1){

padding-left: 0;

}

.relatednews:nth-of-type(3n){

padding-right: 0;

}

.relatednews .short_img{

margin: 0 0 20px 0;

}

/* pm.tpl */

table.pm td{

border-top:1px solid #e3e3e3;

height:40px;

}

table.pm tr:first-child td, table.pm tr:last-child td{

border-top: 0;

}

.pm{

font-size: 14px;

}

.pm a{

font-size: 14px;

}

.pm .bbcodes{

line-height: 30px !important;

height: 30px;

padding: 0 10px;

margin-top: 20px;

}

.pm_head {

line-height: 30px;

font-family: "OpenSansBold", Arial, sans-serif;

text-decoration:none;

}

.pm td input[type="checkbox"]{

vertical-align: middle;

}

.pm_list {

color: #909090;

}

.pm_list a {

color: #b4db6f;

text-decoration:none;

}

.pm_list a:hover{

color: #222;

}

.pm_list:last-child, .pm_head:last-child{

text-align: center;

}

.pm_sub{

color:#909090;

margin: 20px 0 0 0;

font-size: 14px;

font-style: normal;

}

.pm_sub a{

color: #b4db6f;

font-size: 14px;

}

.pm_aside{

width: 100%;

border:1px solid #e3e3e3;

color: #909090;

margin: 0 0 30px 0;

}

.pm_main{

overflow: hidden;

}

.pmlinks a{

width: 33.33333%;

display:block;

float: left;

text-align: center;

height:40px;

padding:10px 0;

line-height:20px;

color:#b4db6f;

font-size: 13px;

text-decoration:none;

border-bottom: 1px solid #e3e3e3;

border-left: 1px solid #e3e3e3;

vertical-align: middle;

font-family: "OpenSansBold",sans-serif;

}

.pmlinks a:first-of-type{

border-left: 0;

}

.pmlinks a:hover{

color:#222;

background-color:#e3e3e3;

}

.pmlinks a:before{

content: "";

height: 20px;

width: 20px;

display: block;

margin: 0 0 0 -30px;

position: absolute;

opacity: 0.5;

}

.pmlinks a[href*="inbox"]:before{

background-position: center -860px;

}

.pmlinks a[href*="outbox"]:before{

background-position: center -900px;

}

.pmlinks a[href*="newpm"]:before{

background-position: center -940px;

}

.pm_status_content {

padding: 15px 20px;

font-size: 14px;

}

/*---прогресс бар---*/

.pm_progress_bar {

height:30px;

width:100%;

background-color: #e3e3e3;

}

.pm_progress_bar span {

background:#b4db6f;

font-size: 0em;

text-indent: -2000em;

height: 30px;

display: block;

overflow: hidden;

}

/* profile_popup.tpl */

.avatar_bg{

width: 100%;

height: 150px;

position: relative;

z-index: 1;

background-color: #202020;

}

.avatar_bg:before{

content: "";

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

z-index: 2;

}

.avatar_popup{

width:70px;

height:70px;

background-size: cover;

background-position: center center;

overflow: hidden;

z-index: 3;

position: absolute;

margin: 0 0 0 -35px;

left: 50%;

top: 15px;

outline:5px solid rgba(0,0,0,0.1);

}

.avatar_hover_content{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

padding: 20px;

line-height: 15px;

z-index: 2;

color: #fff;

text-shadow:0 1px 0 rgba(0,0,0,0.3);

}

.avatar_hover_content b{

font-family: "OpenSansBold", Arial, sans-serif;

font-weight: normal;

}

.userinfo_left{

width: 50%;

float: left;

height: 100%;

padding: 0 50px 0 0;

font-size: 13px;

}

.userinfo_left > div, .userinfo_right div{

margin: 0 0 10px 0;

}

.userinfo_right .ratebox2{

float: right !important;

}

.userinfo_right{

width: 50%;

float: right;

height: 100%;

padding: 0 0 0 50px;

text-align: right;

font-size: 13px;

}

.profile_popup_counters{

background-color: rgba(0,0,0,0.5);

height: 50px;

width: 100%;

color: #fff;

position: absolute;

z-index: 4;

left: 0;

bottom: 0;

}

.profile_popup_counter{

width: 40%;

height: 50px;

float: left;

padding: 15px;

font-size: 14px;

text-align: center;

line-height: 20px;

display: block;

position: relative;

}

.profile_popup_counter b{

font-size: 24px;

font-family: "OpenSansBold", Arial, sans-serif;

}

.profile_popup_counter a{

position: absolute;

display: block;

height: 100%;

width: 100%;

top: 0;

left: 0;

color: #b4db6f;

text-align: center;

line-height: 50px;

text-indent: -9999px;

}

.profile_popup_counter a:hover{

background-color: rgba(255,255,255,0.1);

}

.profile_popup_counter span{

display: block;

text-indent: -9999px;

}

.profile_popup_rss{

width: 20%;

float: left;

height: 50px;

border-left: 1px solid rgba(255,255,255,0.2);

border-right:1px solid rgba(255,255,255,0.2);

color: #fff;

}

.profile_popup_rss a{

font-size: 24px !important;

font-family: "OpenSansBold", Arial, sans-serif;

line-height: 50px;

color: #fff !important;

text-decoration: none;

display: block;

text-align: center;

}

.profile_popup_rss a:focus{

outline: none;

}

.profile_popup_rss a:hover{

background-color: rgba(255,255,255,0.1);

}

/* addnews.tpl */

td .bbcodes{

height: 30px;

display: inline-block;

line-height: 30px !important;

padding: 0 15px;

-webkit-border-radius:2px;

-moz-border-radius: 2px;

border-radius: 2px;

}

.answer_variant{

font-size: 12px;

line-height: 150%;

color: #777;

}

/* registration.tpl */

form#registration .bbcodes{

line-height: 40px;

padding: 0 15px;

}

.login_check{

position: relative;

}

.logincheck{

position: absolute;

right: 0;

top: 0;

}

/* Feedback.tpl */

.feedbackta{

width:100%;

padding: 5px;

height: 150px;

}

select[name="recip"]{

height: 40px;

padding: 5px 10px;

line-height: 30px;

width: 100%;

}

select[name="recip"] option{

font-size: 14px !important;

}

/* poll.tpl */

.poll{

margin:20px 0;

padding: 20px;

font-size: 14px;

background-color: #f1f1f1

}

.poll b{

line-height:20px;

font-weight: normal;

text-transform: uppercase;

}

.poll i{

line-height:30px;

}

/* Buttons */

.buttonholder{

margin: 20px 0 0 0;

}

.site_button{

cursor: pointer;

transition: ease 0.2s all;

font-size: 12px;

font-family: "OpenSansBold", sans-serif;

padding: 0 20px;

line-height: 40px;

color: #fff;

background-color: transparent;

text-transform: uppercase;

float: left;

text-decoration: none;

border:0;

opacity: 0.8;

}

.site_button:active{

border-color: #222;

background-color: rgba(0,0,0,1);

}

.site_button:hover{

opacity: 1;

}

.dark_button{

background-color: #222;

}

.color_button{

background-color: #b4db6f;

margin: 0 10px 0 0;

color: #222;

}

.dark_button:hover{

color: #fff;

}

.more_button{

float: right;

position: relative;

top: -11px;

}

.description .post_content{

font-size: 14px;

}

/* fullstory.tpl */

.fullstory, .tagscloud{

width:100%;

line-height:150%;

margin-bottom: 20px;

}

.tagscloud a{

color:#b4db6f;

}

.post_title{

font-size:26px;

color:#222;

line-height: 100%;

margin:0 0 20px 0;

}

.post_title h1{

font-size: 26px;

line-height: 100%;

}

.main_photo{

display: block;

width: 100%;

margin-bottom: 15px;

}

.post_info{

color: #aaa;

font-size: 13px;

}

.post_info .post_info_item{

display: inline-block;

margin-right: 10px;

}

.post_info_item.fviews{

padding-left:21px;

}

.post_info_item.fviews:before{

content: "";

display: block;

position: absolute;

width: 16px;

height: 20px;

background-position: -40px -70px;

top: 0;

left: 0;

}

.span_edit a{

float: right;

}

.post_info_item a{

color: #aaa;

text-decoration: none;

font-size: 13px;

}

.post_info_item a:hover{

color: #222;

}

.link-category a{

font-size: 13px;

color: #f47555;

text-decoration: none;

text-transform: uppercase;

font-family: "OpenSansBold";

transition:0.2s;

}

.link-category a:hover{

color: #aaa;

}

a.comments-num{

color: #b4db6f;

}

.transp_text{

color: transparent;

}

.tags a{

color: #555;

margin: 0 2px 5px 0;

display: inline-block;

text-decoration: none;

line-height: 20px;

border:1px solid #e3e3e3;

padding: 2px 10px;

font-size: 13px;

transition:0.2s all;

border-radius: 2px;

}

.tags_more a{

color: #b4db6f;

border-color:#b4db6f;

}

.tags a:hover{

background-color: #b4db6f;

color: #fff;

border-color:#b4db6f;

}

.archives_block br{

display: none;

}

a.archives{

text-align: center;

display: block;

color: #999;

margin: 0 0 -1px 0;

text-decoration: none;

line-height: 30px;

border:1px solid #e3e3e3;

padding: 0 10px;

font-size: 13px;

transition:0.2s all;

}

a.archives:hover{

background-color: #b4db6f;

color: #fff;

border-color:#b4db6f;

}

#dle-captcha img{

display: block;

}

/* addcoments.tpl*/

#comments{

height: 100px;

}

.addcomment-post{

color: #909090;

margin-top:30px;

}

.addcomment-post .social_login{

margin: 20px 0 0 0;

}

.addcomment_editor{

width: 390px;

min-width: 300px;

height: 60px;

min-height: 60px;

}

.ccolor{

font-style: normal;

color: #b4db6f !important;

}

.add_field{

float: left;

width: 50%;

}

.add_field:first-of-type{

padding-right: 10px;

}

.add_field:last-of-type{

padding-left: 10px;

}

ul.ui-form {

list-style: none;

padding: 0;

margin: 0;

}

ul.ui-form>li {

margin-bottom: 20px;

position: relative;

vertical-align: middle;

}

.imp:after{

color:#b4db6f;

content: "*";

margin-left: 10px;

}

.find_rel{

position: absolute;

top: 0;

right: 0;

}

.small_avatar{

width: 50px;

padding-right: 10px;

}

.small_avatar img{

width: 100%;

border-radius: 2px;

}

/* comments.tpl */

/*---Показ древовидных комментариев---*/

.comments-tree-list {

display: block;

margin: 0;

padding: 0;

list-style: none;

}

.comments-tree-list .comments-tree-list {

padding-left: 4%;

}

.comments-tree-item {

display: block;

margin: 0;

padding: 0;

}

/*---Форма быстрого ответа на комментарий---*/

#dlefastreplycomments {

padding:5px;

}

.commentsreplyname {

padding: 2px; border: 1px solid #bcc0c2;

width: 200px;

background: #fff;

}

.comment{

position: relative;

}

.negative-comment{

opacity: 0.6;

transition:0.2s;

}

.negative-comment:hover{

opacity: 1;

}

.comment a{

color:#f47555;

text-decoration:none;

}

.comment a:hover{

text-decoration:none;

color: #222;

}

.comment_news_title{

line-height: 1.25;

text-decoration: none;

margin-top: 5px;

}

.comment_news_title a{

color: #aaa;

font-size: 13px;

font-family: "OpenSansBold", sans-serif;

transition:0.2s;

text-decoration: none;

}

.comment_avatar{

width:60px;

padding: 0 20px 0 0;

}

.comment_avatar img{

width: 100%;

display: block;

transition:0.2s;

}

.comment_avatar img:hover{

opacity: 0.8;

}

.comment_meta{

line-height: 14px;

font-size: 13px;

margin: 0 0 10px 0;

color: #999;

}

.comment_meta a{

font-size: 13px;

color: #f47555;

text-decoration: none;

}

.comment_meta a:hover{

color: #222;

}

.comment .post_info_item{

float: right;

}

.comment_date{

display: inline-block;

position: relative;

}

.comment_author{

margin: 0 10px 0 0;

display: inline-block;

}

.comment_author a{

font-size: 13px;

font-family: "OpenSansBold";

}

.comment_author a:hover{

text-decoration: none;

}

.mass-action{

margin:-2px 0 0 10px;

height:14px;

float:right;

}

.mass-action input[type="checkbox"]{

margin: 0;

}

.comment_content{

width: 100%;

font-size: 14px;

color: #222;

}

.comment_content a{

font-size: 14px;

}

.signature{

color: #777;

font-size: 12px;

margin: 10px 0 0 0;

}

.comment_controls a{

font-size: 12px;

margin:0 10px 0 0;

color: #777;

font-family: "OpenSansBold", Arial, sans-serif;

}

.comment_controls a:hover{

color: #b4db6f;

text-decoration: none;

}

.mass_comments_action{

color:#909090;

margin-top: 20px;

}

.mass_comments_action select[name="mass_action"]{

height: 22px;

border-color: #ccc;

width: auto;

}

.info{

margin: 0 0 20px 0;

padding:20px;

font-size:14px;

background-color: #f1f1f1;

}

.info a{

color:#b4db6f;

font-size: 14px;

text-decoration: none;

}

.info a:hover{

color: #222;

}

/* userinfo.tpl */

.usertitle{

font-size: 14px;

color: #909090;

}

.user-foto-frame{

border:1px solid #e3e3e3;

padding: 20px;

margin: 0 0 30px 0;

}

.user-foto-frame img{

width: 100px;

display: block;

float: left;

margin: 0 20px 0 0;

}

.user_data{

margin: 0 0 0 120px;

font-size: 14px;

line-height: 20px;

}

.user_data a{

font-size: 12px;

}

.user_data .rating{

display: inline-block !important;

float: none;

margin-left: 10px;

}

.uf-left{

margin:0 0 0 120px ;

}

.uf-item{

float: left;

width: 50%;

text-align: center;

}

.uf-left b{

font-weight: normal;

font-family: "OpenSansBold", Arial, sans-serif;

font-size: 30px;

line-height: 40px;

}

.email-pm a{

display: block;

float: left;

width: 50%;

line-height: 50px;

background-color: rgba(0,0,0,0.1);

font-size: 20px;

text-decoration: none;

text-align: center;

border: 1px solid rgba(0,0,0,0.3);

}

.email-pm a:hover{

background-color: rgba(0,0,0,0.5);

color: #fff;

}

.userinfo .post_content{

float: none;

}

.profile_cell{

width: 50%;

height: 50px;

line-height: 50px;

text-align: center;

float: left;

border:1px solid #ddd;

border-top: 0 !important;

color: #909090;

font-size: 20px;

position: relative;

}

.profile_cell:nth-of-type(2n){

border-left:0 !important;

}

.profile_cell a{

display: block;

width: 100%;

height: 100%;

line-height:50px;

font-size: 20px;

text-align: center;

background-color: rgba(0,0,0,0.1);

color: #b4db6f;

text-decoration: none;

-webkit-transition:all 0.2s ease;

-moz-transition:all 0.2s ease;

transition: ease 0.2s all;

}

.profile_cell a:hover{

background-color: rgba(0,0,0,0.7);

color: #fff;

}

.profile_item{

height: 50px;

line-height: 50px;

border:1px solid #ddd;

border-top: 0 !important;

color: #909090;

font-size: 20px;

position: relative;

padding: 0 0 0 20px;

}

.profile_item.location{

padding: 0 0 0 50px;

width: 100%;

background-position: left -970px;

}

.edit_button a{

display: block;

text-align: center;

-webkit-transition:all 0.2s ease;

-moz-transition:all 0.2s ease;

transition: ease 0.2s all;

border:1px solid #e3e3e3;

background-color: transparent;

color: #b4db6f;

height: 50px;

line-height: 50px !important;

text-decoration: none;

padding: 0 10px;

font-family: "OpenSansBold", Arial, sans-serif;

margin: 0 0 20px 0;

}

.edit_button a:hover{

background-color: #e3e3e3;

color: #222;

text-decoration: none;

}

.block_ip{

font-size: 12px;

}

.file_upload{

display: inline-block;

cursor: pointer;

-webkit-transition:all 0.2s ease;

-moz-transition:all 0.2s ease;

transition: ease 0.2s all;

overflow: hidden;

width: 150px;

position: relative;

}

.file_upload span{

display: block;

position: absolute;

}

.file_upload:hover{

border: 1px solid #000;

background-color: rgba(0,0,0,0.8);

color: #fff;

}

.file_upload input[type="file"]{

margin-top: -50px;

margin-left:-410px;

-moz-opacity: 0;

filter: alpha(opacity=0);

opacity: 0;

}

.hidemail{

line-height: 40px;

display: inline-block;

margin: 0 0 0 10px;

}

.block_ip{

margin: 10px 0 0 0;

}

table.fulltable{

width:100%;

border-collapse: collapse;

border-spacing: 0;

border:0;

}

table.fulltable td{

padding-bottom:15px;

}

table.fulltable tr:last-of-type td{

padding: 0;

}

.userstop{

font-size:11px;

color:#505050;

border-collapse:collapse;

}

.userstop thead {

padding:5px 0 0 5px;

height:20px;

font-size:12px;

color:#303030;

background:#ddd;

}

.userstop table {

border-collapse:collapse;

}

.userstop td {

text-align:center;

height:25px;

padding:0px;

border:1px solid #ccc;

}

.userstop a {

font-size:11px !important;

text-decoration:none;

color:#b4db6f;

}

.userstop a:hover {

text-decoration: none;

}

.stat{

color:#707070;

font-size:13px;

min-height:15px;

margin:0 20px 0 20px;

padding:2px 0 5px 0;

border-bottom:1px solid #e0e0e0;

font-family: "OpenSansBold", Arial, sans-serif;

}

.stat span{

float:right;

font-weight:normal;

}

.stat a{

font-size:13px;

text-decoration:none;

}

.h-row{

color:#505050;

background:#f1f1f1;

font-family: "OpenSansBold", Arial, sans-serif;

padding:0 0 0 15px;

margin:10px 0 0 0;

line-height: 30px;

}

textarea, .txsh, .input1, .input2, .input3, .input4, .xfields input[type="text"], input.default, select{

line-height:20px;

background:#fff;

-webkit-transition:all 0.2s ease;

-moz-transition:all 0.2s ease;

transition: ease 0.2s all;

padding:0 10px;

color: #303030;

font-size:16px;

border: 2px solid #e3e3e3;

width: 100%;

}

select#category option{

height: auto;

}

.txsh, .input1, .input2, .xfields input[type="text"], input.default, select#category, .f_textarea{

min-height:40px ;

width: 100% !important;

}

textarea{

min-height: 100px;

}

textarea:focus, .txsh:focus, .input1:focus, .input2:focus, .input3:focus, .search #searchinput:focus, .search #searchuser:focus, .field:focus, .field:hover, .xfields input[type="text"]:focus, input.default:focus{

box-shadow:none;

border-color:#aaa;

}

.input1, .xfields input[type="text"], input.default{

width:100% ;

}

.input2{

width:100%;

}

.input3{

width:160px;

min-height:40px ;

margin: 0 10px 0 0;

}

.input4{

height:100px;

width:250px;

}

.clear {

margin:0;

padding:0;

height:0px;

clear:both;

width:100%;

}

table{

background:transparent;

border:0px;

border-collapse:separate;

}

table td{

text-align:left;

padding:0px;

background:transparent;

}

select{

font-size: 12px;

}

.stext {

color: #727272;

font-size: 11px;

}

.stext a:active,

.stext a:visited,

.stext a:link {

color: #0084ff;

text-decoration:none;

}

.stext a:hover {

color: #FFFFFF;

text-decoration: underline;

}

.ntitle {

color: #CC00FF;

font-size: 15px;

font-weight: bold;

padding:11px 0 0 6px;

}

.ntitle a {

color: #0084ff;

text-decoration: underline;

}

.ntitle a:hover {

text-decoration:none;

}

.ui-dialog fieldset{

padding:5px;

color:#b4db6f;

border:1px solid #ddd;

margin: 0 0 10px 0;

}

#totop{

width:60px;

height: 40px;

background-color: #000;

text-align:center;

position:fixed;

bottom:20px;

right:20px;

cursor:pointer;

display:none;

opacity: 0.6;

z-index: 10;

transition:0.2s;

}

#totop:hover{

opacity: 1;

height: 50px;

}

#totop:hover .uptext{

visibility: visible;

opacity: 1;

}

.uparrow{

line-height: 40px;

text-align: center;

font-size: 24px;

color: #fff;

}

.attachment{

position: relative;

padding:0 0 0 10px;

line-height:16px;

color: #909090;

font-size: 14px;

}

.attachment a{

text-decoration: none;

}

.attachment a:hover{

color: #222;

text-decoration: none;

}

.icon-paperclip:before{

font-size: 20px;

}

.mistake{

color: #aaa;

font-size: 12px;

}

Some information about this website:

URL: http://yourdesires.ru/
CSS URL: http://yourdesires.ru/templates/ReadmeBlogRed/css/style.css
Title: YourDesires.ru: актуальная информация и полезные советы
Meta-Description: Информационный интернет журнал YourDesires.ru: актуальная информация и полезные советы
Meta-Keywords: интимная жизнь, психология отношений, диеты, уход за лицом, образ жизни, любимая дача, кулинарные тонкости, домашний уют, интернет портал, сайт статей, новости IT, бизнес и финансы, полезные советы