Results of the CSS crunched for watafak.ru

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

CSSCruncher.com has crunched this CSS to
inf %Less Size! OK!

Crunched CSS code:

*{margin:0;padding:0}
img{max-width:748px;padding:2px}
iframe{max-width:748px;padding:2px}
object{max-width:748px;padding:2px}
html{height:100%}
body{background-color:#f2f2f2;font:12px/18px Tahoma,Arial,Verdana,sans-serif;width:100%;height:100%}
h1,h2,h3,h4,h5{line-height:normal}
h1{font-size:1.25em}h2{font-size:1.2em}h3{font-size:1.15em}h4{font-size:1.1em}h5{font-size:1em}
a{color:#398dd8;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:0 none}
ul{list-style:none}
p{margin:0 0 5px}
input{vertical-align:middle}
.reset,.reset li{list-style:none;padding:0;margin:0}
.clr{clear:both}
.lcol,.rcol,form{display:inline}
.lcol{float:left}.rcol{float:right}
.small{font-size:0.9em}
.btn_reglog,.fbutton,.headlinks ul a,#loading-layer,#dropmenudiv{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.sharetext,.popbut,.register,.searchbar .lfield input,#toolcat li a:hover,.toolmenu li a:hover,#topmenu .sublnk.selected a,#topmenu li.sublnk ul,.abouts,.news,.date,.more a,.category,.author,.author a,.reply,.navigation a,.navigation span,.pnext,.pprev,.basecont,#sideRight,.caption span,.caption img,.counts ul li,.newsimg{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.abouts,.news,.basecont,#sideRight{-moz-box-shadow:0 0 3px rgba(0,0,0,0.11);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.11);box-shadow:0 0 3px rgba(0,0,0,0.11)}
.wrapper{width:1040px;margin:0 auto;min-height:100%;height:auto !important;height:100%}
#toolbar{height:152px;background:#242424 url("../images/toolbar_bg.png") no-repeat center}
.wrapper h1{height:auto;padding:7px 2px 7px 2px;float:left}
#toolbar .toolmenu{float:left}
.toolmenu ul{margin:12px 0 0 20px}
.toolmenu ul li{float:left}
.toolmenu li a{display:block;color:#fff;text-transform:uppercase;padding:5px 11px}
.toolmenu li a:hover{background:#26bce5;padding:5px 11px;text-decoration:none}
.logos{background:url("../images/logotype.png") no-repeat center center;width:144px;height:118px;padding-left:80px}
#toolbar .auth{background:url("../images/toolbut.png") no-repeat;width:32px;height:31px;float:left;margin:10px 0 0 28px}
#toolbar .auth:hover{background:url("../images/toolbut.png") no-repeat 0 -31px;cursor:pointer}
.avatar{padding-right:10px}
.loginenter li a{color:#242424;font-size:11px}
.popup-head{background:url("../images/pophead.png") no-repeat;width:310px;height:73px}
.popup_l{background:url("../images/popup-logo.png") no-repeat;width:164px;height:38px;float:left;margin:14px}
.close a{background:url("../images/close.png") no-repeat;width:15px;height:15px;float:right;margin:10px}
.close a:hover{background-position:0 -15px}
.popup-cen{background:url("../images/popbg.png") repeat-y;padding:0 19px}
.loginp li{padding:0 0 5px 0}
.pop_but{background:url("../images/popbut.png") no-repeat bottom;height:7px}
.popinp{border:0 none;background:url("../images/popinput.png") no-repeat;width:272px;height:23px;color:#888;text-indent:10px}
.popbut{border:0 none;background:#26bce5;padding:3px;cursor:pointer;float:right;color:#fff}
.register{background:#242424;padding:3px;cursor:pointer;float:right;color:#fff;margin-right:5px}
.lostpass{float:left;padding:3px 0 0 0;color:#242424}
#toolbar .searchbar{float:right;width:295px;height:31px;margin-top:10px}
.searchbar ul li{float:left}
.searchbar .lfield input{background:#666;border:0;height:31px;color:#acacac;text-transform:uppercase;width:215px;text-indent:10px}
.searchbar .lbtn input{width:74px;height:31px;background:url("../images/toolbut.png") no-repeat -32px 0;margin-left:5px}
.searchbar .lbtn input:hover{background-position:-32px -31px}
#toolcat{height:45px;background:#e0e2da;margin-bottom:15px}
#toolcat ul li{float:left;display:block;margin-top:6px}
#toolcat li a{padding:3px 10px;color:#242424}
#toolcat li a:hover{background:#26bce5;padding:3px 10px;text-decoration:none;color:#fff}
#topmenu .sublnk.selected a{background:#26bce5;color:#fff}
#topmenu .sublnk{position:relative}
#topmenu li.sublnk ul{background:#26bce5 url("../images/sublink.png") repeat-x top;width:100%;margin:0;top:17px;left:0;position:absolute;z-index:1999;display:none}
#topmenu li.sublnk ul li a,#topmenu li.sublnk ul li{float:none;text-transform:none}
#topmenu li.sublnk ul li{padding:0}
#topmenu li.sublnk ul li a{text-shadow:none;color:#fff;padding:0 5px !important}
#topmenu li.sublnk ul li a:hover{text-decoration:underline}
#middle{width:100%;padding:0 0 100px;height:1%;position:relative}
#middle:after{content:'.';display:block;clear:both;visibility:hidden;height:0}
#container{width:100%;float:left;overflow:hidden}
#content{padding:0;margin-right:300px}
.abouts{margin:2px 5px 15px 5px;background:#f7f7f7;color:#707070;padding:10px}
.news{background:#fff;padding:5px 9px;margin:2px 5px 15px 5px}
.news_h{border-bottom:1px dashed #b8b8b8;padding-bottom:5px}
.news_h a{color:#242424;font-size:1.25em}
.news_t{padding:5px 0 0 0;text-align:justify;padding-bottom:5px;overflow:hidden}
.news_b{padding:5px 0 5px 0;border-top:1px dashed #b8b8b8}
.news_b a{color:#242424}
.news h2{font-size:18px;float:left;font-weight:normal}
.news .date{float:right;background:#e0e2da url("../images/newsicon.png") no-repeat;min-width:35px;height:22px;padding:0 5px 0 37px;line-height:22px}
.news .author{float:left;background:#e0e2da url("../images/newsicon.png") no-repeat 0 -22px;min-width:32px;height:22px;padding:0 5px 0 34px;line-height:22px}
.news .category{float:left;background:#e0e2da url("../images/newsicon.png") no-repeat 0 -44px;min-width:38px;height:22px;padding:0 5px 0 40px;line-height:22px;margin-left:10px}
.news .more a{float:right;display:block;background:#242424;height:22px;padding:0 3px;line-height:22px;text-decoration:none;color:#fff}
.news .more a:hover{background:#26bce5}
.news .more{float:right}
.newsimg{width:652px;height:180px;border:3px solid #e1e1e1}
.share{margin:5px 5px 25px 5px}
.sharet{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;background:#e0e2da;height:22px;font-size:11px;color:#767676;float:left;padding:0 9px 0 5px}
.sharelbn{background:#e0e2da url("../images/sharebtn.png") no-repeat;width:126px;color:#fff;text-align:center;height:22px;float:right}
.sharelbn a:hover{text-decoration:none}
.sharelbn.selected{background:#e0e2da url("../images/sharebtn.png") no-repeat 0 -22px;height:22px;text-align:center;border-top-right-radius:3px}
#content #sharelink{border:3px solid #26bce5;padding:5px;top:22px;right:0;z-index:9999;display:none;background-color:#fff;position:relative;border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px;-webkit-border-radius:3px 0 3px 3px}
#sharelink .sharetext{background:#f2f2f2;border:1px solid #dadada;color:#7b7b7b;width:100%;min-height:25px}
.related{margin:5px}
.related li{float:left;padding:0 0 3px 5px;background:url("../images/relimgsh.png") no-repeat bottom center max-height:245px:mix-height:245px:overflow:hidden}
.related a{font-family:Arial,arial,sans-serif;color:#333333;font-size:18px;line-height:1.2}
.related li img{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.related .pheading{background:url(../images/relline.png) no-repeat right}
.bcomment{margin:5px 5px 10px 5px}
.comm_h{padding-bottom:5px}
.comm_t{background:#f9f9f9;border:1px dashed #b8b8b8;border-width:1px 0;color:#707070;padding:3px 0}
.comm_t .avacomm{float:left}
.comm_t .commtext{padding:1px 5px 1px 55px}
.bcomment .author{float:left;padding-right:5px}
.bcomment .author a{background:#242424;padding:3px 6px;color:#fff}
.bcomment .author a:hover{text-decoration:none}
.bcomment .date{float:right;background:#e0e2da url("../images/newsicon.png") no-repeat;min-width:35px;height:22px;padding:0 5px 0 37px;line-height:22px;margin-right:5px}
.reply{float:right;background:#26bce5;padding:2px 6px;color:#fff}
.reply:hover{background-color:#242424}
.tabcontcom{display:none;border:4px solid #e0e2da}
#socseti .btl{border-bottom:0}
.tabmenucom a{background:#cde0e9 url("../images/tabs_comm.png") no-repeat;width:72px;height:18px;color:#000}
.tabmenucom a.selected{background:url("../images/tabs_comm.png") no-repeat 0 -18px;width:80px;height:18px}
.tabmenucom a.tabc{background:url("../images/tabs_comm.png") no-repeat 0 -18px;width:80px;height:18px;display:block;text-align:center;float:left;color:#fff}
.tabmenucom a.tabc:hover{background-position:0 0;text-decoration:none;color:#242424}
.tabmenucom a.tabc.selected{background-position:0 0;color:#242424}
.berrors{color:#242424;padding:3px 15px 3px 50px;font-style:normal;background:url("../images/berrors.png") no-repeat}
.bnnavi{padding-left:5px;background:#f1f5f7 url("../images/basenavi.png") no-repeat}
.navigation{padding:0 0 0 4px}
.navigation,.navigation a,.navigation span{float:left;margin-right:4px}
.navigation a{background-color:#e0e2da;padding:2px 6px;color:#242424}
.navigation span.nav_ext{color:#242424;padding:2px 6px}
.navigation a:hover{background-color:#26bce5;color:#fff;text-decoration:none}
.navigation span{color:#fff;background-color:#26bce5;padding:2px 6px}
.bnnavi .pnext{float:left;background-color:#242424;padding:2px 6px;color:#fff}
.bnnavi a .pnext{background-color:#26bce5;color:#fff}
.bnnavi a:hover .pnext{background-color:#242424}
.bnnavi .pprev{float:left;color:#fff;background-color:#242424;padding:2px 6px}
.bnnavi a .pprev{background-color:#26bce5}
.bnnavi a:hover .pprev{background-color:#242424}
.ratebox{float:right;width:115px;height:19px;text-align:center;padding-top:2px}
.ratebox .rate{text-align:left;width:85px;height:17px;margin:0 auto;overflow:hidden}
.editdate,.basetags{font-size:0.9em;text-align:right;color:#6c838e}
.pheading{overflow:hidden;padding:0 15px 5px 0}
.pheading h2{color:#242424;font-size:14px;text-transform:uppercase;font-weight:bold}
.pheading .lcol{margin-right:10px}
.pheading h2 span{color:#3f4b51}
.pheading b{padding:0 0 0 15px}
.pheading .ratebox{width:141px;padding:3px 0 1px 0;padding-right:6px}
.pheading .ratebox .rate,.pheading .ratebox span{float:right}
.pheading .ratebox span{padding-right:5px;font-size:0.9em;color:#a2b2ba}
.heading{color:#26bce5;margin-bottom:0.3em}
.fbutton,.btn_reglog,.vresult{border:0 none;background:none;cursor:pointer}
.btn_reglog{background:#f2f2f2 url("../images/bbcodes.png") repeat-x;border:1px solid #c5c5c5;color:#7d7d7d;width:108px;height:21px;padding-bottom:3px;font-weight:bold}
.btn_reglog:hover{background:#fff none}
.fbutton{text-shadow:0 1px 0 #fff;margin-bottom:2px;border:1px solid #bcc5c9;width:100px;height:29px;color:#242424;padding:2px 0 5px 0;background:#fff url("../images/fbutton.png") repeat-x 0 100%}
.fbutton:hover{background-position:0 10px}
.fbutton{-moz-box-shadow:0 1px 4px -3px black;-webkit-box-shadow:0 1px 4px -3px black;box-shadow:0 1px 4px -3px black}
button.fbutton span{cursor:pointer;display:block;padding-top:2px}
.basecont{background:#fff;padding:5px 9px;margin:2px 5px 15px 5px}
.tableform{width:100%}
.tableform td{}
.tableform td.label{width:20%;vertical-align:top;padding-right:0;font-weight:bold}
.tableform td{padding:10px 0;border-bottom:1px dashed #b8b8b8}
.fieldsubmit{text-align:center;padding:5px 0}
.addnews{font-weight:bold}
.impot{color:red;font-weight:normal}
.checkbox{padding:4px 0;line-height:1em}
.checkbox input{margin-top:-2px;vertical-align:middle}
.f_input{width:300px;padding:1px}
.f_textarea{width:458px}
.fieldtr select,.textin,.f_textarea,.f_input,.xfields textarea,.xprofile textarea, .xfields input,.xprofile input,.xfields select,.xprofile select,.mass_comments_action select{padding:2px;border:1px solid #bcc0c2}
.f_textarea,.editor_button select{padding:0}
.textin{padding:2px}
.statistics{overflow:hidden;margin:0;padding:0}
.statistics ul.lcol{min-height:71px;background:url("../images/statsep.png") no-repeat;margin:0 0 20px -1px;padding-top:0;width:33.3%}
.statistics ul.lcol li{padding:0 15px;margin-bottom:2px}
.userinfo{padding-left:125px}
.ui-dialog-content .userinfo{padding:10px 0 10px 125px}
.userinfo .lcol{margin-left:-125px;width:110px;padding-right:15px}
.userinfo .lcol .avatar{margin-bottom:10px;padding:4px;background-color:#fff;border:1px solid #c0d4de}
.userinfo .lcol .avatar img{width:100px}
.userinfo .lcol ul{font-size:0.9em}
.userinfo .rcol{width:100%}
.userinfo .rcol ul{list-style:none;margin-left:0}
.userinfo .rcol ul li{margin-bottom:0.2em}
.ussep{padding-top:12px;background:url("../images/ussep.png") no-repeat}
.grey{color:#6c838e}
.blue{color:#388bd4}
#sideRight{float:left;margin-right:-3px;width:300px;margin-left:-300px;position:relative;background:#fff}
.block{margin:10px;border-bottom:1px dashed #b8b8b8;padding-bottom:5px}
.block h3{text-transform:uppercase;color:#000;font-weight:normal;padding:0 0 5px 5px}
.tabcont{display:none;border:4px solid #26bce5;width:280px}
#socseti .btl{border-bottom:0}
.tabmenu a{background:#cde0e9 url("../images/tabs.png") no-repeat;width:72px;height:18px;color:#000}
.tabmenu a.selected{background:url("../images/tabs.png") no-repeat 0 -18px;width:80px;height:18px}
.tabmenu a.tab{background:url("../images/tabs.png") no-repeat;width:80px;height:18px;display:block;text-align:center;float:left}
.tabmenu a.tab:hover{background-position:0 -18px;text-decoration:none}
.tabmenu a.tab.selected{background-position:0 -18px;color:#fff}
.caption{display:block !important;position:relative !important}
.caption img a,.caption a{text-decoration:none}
.caption a:hover{text-decoration:underline}
.caption span{background:#000;background:rgba(0,0,0,0.8);color:white !important;padding:5px 10px !important;text-align:center;position:absolute !important;bottom:0 !important;left:0 !important;font-size:11px}
.caption span big{font-weight:bold}
#footer{margin:-52px auto 0;height:52px;background:#242424 url("../images/foot_bg.png") no-repeat center;position:relative}
#obuhov{padding:15px 0 0 40px;float:left}
#obuhov a{background:url("../images/obuhov.png") no-repeat;width:112px;height:18px;display:block}
#obuhov a:hover{background-position:0 -18px;cursor:pointer}
.copyright{float:left;color:#fff;padding:8px 0 0 215px;text-align:center}
.counts{padding:8px 0}
.counts ul{float:right}
.counts ul li{float:right;width:88px;height:31px;margin-left:5px;border:3px solid #e0e2da}
.pm_status{float:left;border:1px solid #d8d8d8;padding:0px;background-color:#fff;width:380px;height:100px;margin-left:20px;margin-right:5px}
.pm_status_head{border-bottom:1px solid #d8d8d8;font-size:0.9em;background:#fff url("../images/bbcodes.png") repeat-x 0 100%;height:22px;padding:0;font-weight:bold;text-align:center;color:#4e4e4e}
.pm_status_content{padding:5px}
.floating{width:300px}
.fixed{position:fixed;top:10px}

» Show original CSS code

Some information about this website:

URL: http://watafak.ru/
CSS URL: http://watafak.ru/templates/cafry/style/style.css
Charset: utf-8
Title: WTF! - ??? ??????? ? ?????????? ? ?????????
Meta-Description: WTF! - ??? ??????? ? ?????????? ? ????????? Art ??????? ? ????????? ? ?????????
Meta-Keywords: ???, ???????, ????, ??????????????, ??????????