Results of the CSS crunched for www.csscruncher.com

Let's see what we've done for www.csscruncher.com

CSSCruncher.com has crunched this CSS to
6.95 %Less Size! Yes!

Crunched CSS code:

body,div,span,td,h1,h2,h3,h4,h5,h6,p,input{font:normal 12px Verdana,sans-serif;margin:0px}
h1,h2,h3,h4,h5,h6{font-weight:bold}
body{background:url(/img/bg.png)}
form{padding:0px;margin:0px}
input[type=text],textarea{border:0px solid}
img{border:0px}
a{color:#009;text-decoration:none}
a:hover{color:#009;text-decoration:underline}
#headBG{height:134px;background:url(/img/white.png) repeat-x}
#body{margin:-134px auto 0px auto;width:940px}
#head{position:relative;height:124px}
#logo{position:absolute;left:-28px;top:40px}
#badge{position:absolute;left:826px;top:9px}
#menu{float:left;width:220px}
#content{float:left;position:relative;width:720px}
#menu .top{position:relative;width:220px;height:43px;background:url(/img/menu-tl.png) no-repeat}
#menu .top .a{position:absolute;left:25px;width:170px;height:43px;background:url(/img/menu-tm.png) repeat-x}
#menu .top .b{position:absolute;left:195px;width:25px;height:43px;background:url(/img/menu-tr.png) repeat-x}
#menu .top .c{position:absolute;width:182px;padding:18px 19px 0px 19px;font-size:16px;font-weight:bold;color:#ff0099}
#menu .mid{background:url(/img/menu-m.png) repeat-y;padding:7px 19px 3px 19px}
#menu .mid .links{margin-top:15px}
#menu .bot{height:25px;background:url(/img/menu-b.png) repeat-y}
#menu .bench{margin-top:18px;height:102px;background:url(/img/bench.png) no-repeat}
#content .top{position:relative;width:720px;height:43px;background:url(/img/content-tl.png) no-repeat}
#content .top .a{position:absolute;left:25px;width:670px;height:43px;background:url(/img/content-tm.png) repeat-x}
#content .top .b{position:absolute;left:695px;width:25px;height:43px;background:url(/img/content-tr.png) repeat-x}
#content .top .c{position:absolute;width:684px;padding:15px 18px 0px 18px;font-size:18px;font-weight:bold;color:#ff0099}
#content .mid{background:url(/img/content-m.png) repeat-y;padding:17px 31px 15px 29px}
#content .bot{height:25px;background:url(/img/content-b.png) repeat-y}
.input{position:relative;background:url(/img/input-m.png) repeat-y;padding:5px 0px 5px 5px}
.input input,.input textarea{width:650px;background:#f2f2f2;margin:0px;padding:0px}
.input .a{position:absolute;left:0px;top:0px;width:660px;height:5px;background:url(/img/input-t.png) no-repeat}
.input .b{position:absolute;left:0px;bottom:0px;width:660px;height:5px;background:url(/img/input-b.png) no-repeat}
.percentage{display:inline-block;width:200px;height:49px;background:url(/img/percentage.png) no-repeat;vertical-align:middle;text-align:center;margin-right:9px;font-size:36px;color:#f37;font-weight:bold}
.thumb{float:left;margin-right:9px}
.lc a{display:inline-block;margin:0px 20px 5px 0px}
.lc{text-align:center}
.Trb{color:#f00;font-weight:bold}
.Trb2{color:#f00;font-weight:bold;border:1px solid #f00;padding:2px 9px 3px 9px}
.ao1{width:100px;margin-right:9px;margin-bottom:1px;vertical-align:middle}
.ao2{display:inline-block;width:103px;text-align:right;margin-right:6px;margin-top:1px;vertical-align:middle}
.ao3{display:inline-block;width:140px;font-weight:bold}
.crunch{width:168px;height:48px;border:0px solid;background:#fff;margin:-6px 0px -13px -3px;cursor:pointer}
.hide{display:none}
.show{display:block}
.ML5{margin-left:5px}
.B1{border:1px solid #999}
.flaggs{margin-top:18px}
.flaggs img{margin-right:10px}
.TO5{margin-top:2px}
.TO10{margin-top:7px}
.TO20{margin-top:17px}
.TO30{margin-top:27px}
.TO40{margin-top:37px}
.TT5{margin-top:0px}
.TT10{margin-top:5px}
.TT20{margin-top:15px}
.TT30{margin-top:25px}
.TT40{margin-top:35px}
.OT5{margin-top:3px}
.OT10{margin-top:8px}
.OT20{margin-top:18px}
.OT30{margin-top:28px}
.OT40{margin-top:38px}
.OO2{margin-top:2px}
.OO4{margin-top:4px}
.OO5{margin-top:5px}
.OO10{margin-top:10px}
.OO20{margin-top:20px}
.OO30{margin-top:30px}
.OO40{margin-top:40px}

» Show original CSS code

« Hide original CSS code

/* Common */
body,div,span,td,h1,h2,h3,h4,h5,h6,p,input{font:normal 12px Verdana,sans-serif; margin:0px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
body{background:url(/img/bg.png);}
form{padding:0px; margin:0px;}
input[type=text], textarea{border:0px solid;}
img{border:0px;}
a{color:#009; text-decoration:none;}
a:hover{color:#009; text-decoration:underline;}
/* Border Layout */
#headBG{height:134px; background:url(/img/white.png) repeat-x;}
#body{margin:-134px auto 0px auto; width:940px;}
#head{position:relative; height:124px;}
#logo{position:absolute; left:-28px; top:40px;}
#badge{position:absolute; left:826px; top:9px;}
#menu{float:left; width:220px;}
#content{float:left; position:relative; width:720px;}
/* Menu */
#menu .top{position:relative; width:220px; height:43px; background:url(/img/menu-tl.png) no-repeat;}
#menu .top .a{position:absolute; left:25px; width:170px; height:43px; background:url(/img/menu-tm.png) repeat-x;}
#menu .top .b{position:absolute; left:195px; width:25px; height:43px; background:url(/img/menu-tr.png) repeat-x;}
#menu .top .c{position:absolute; width:182px; padding:18px 19px 0px 19px; font-size:16px; font-weight:bold; color:#ff0099;}
#menu .mid{background:url(/img/menu-m.png) repeat-y; padding:7px 19px 3px 19px;}
#menu .mid .links{margin-top:15px;}
#menu .bot{height:25px; background:url(/img/menu-b.png) repeat-y;}
#menu .bench{margin-top:18px; height:102px; background:url(/img/bench.png) no-repeat;}
/* Content */
#content .top{position:relative; width:720px; height:43px; background:url(/img/content-tl.png) no-repeat;}
#content .top .a{position:absolute; left:25px; width:670px; height:43px; background:url(/img/content-tm.png) repeat-x;}
#content .top .b{position:absolute; left:695px; width:25px; height:43px; background:url(/img/content-tr.png) repeat-x;}
#content .top .c{position:absolute; width:684px; padding:15px 18px 0px 18px; font-size:18px; font-weight:bold; color:#ff0099;}
#content .mid{background:url(/img/content-m.png) repeat-y; padding:17px 31px 15px 29px;}
#content .bot{height:25px; background:url(/img/content-b.png) repeat-y;}
/* Input Box */
.input{position:relative; background:url(/img/input-m.png) repeat-y; padding:5px 0px 5px 5px;}
.input input, .input textarea{width:650px; background:#f2f2f2; margin:0px; padding:0px;}
.input .a{position:absolute; left:0px; top:0px; width:660px; height:5px; background:url(/img/input-t.png) no-repeat;}
.input .b{position:absolute; left:0px; bottom:0px; width:660px; height:5px; background:url(/img/input-b.png) no-repeat;}
/* Misc */
.percentage{display:inline-block; width:200px; height:49px; background:url(/img/percentage.png) no-repeat; vertical-align:middle; text-align:center; margin-right:9px; font-size:36px; color:#f37; font-weight:bold;}
.thumb{float:left; margin-right:9px;}
.lc a{display:inline-block; margin:0px 20px 5px 0px;}
.lc{text-align:center;}
.Trb{color:#f00; font-weight:bold;}
.Trb2{color:#f00; font-weight:bold; border:1px solid #f00; padding:2px 9px 3px 9px;}
.ao1{width:100px; margin-right:9px; margin-bottom:1px; vertical-align:middle;}
.ao2{display:inline-block; width:103px; text-align:right; margin-right:6px; margin-top:1px; vertical-align:middle;}
.ao3{display:inline-block; width:140px; font-weight:bold;}
.crunch{width:168px; height:48px; border:0px solid; background:#fff; margin:-6px 0px -13px -3px; cursor:pointer;}
.hide{display:none;}
.show{display:block;}
.ML5{margin-left:5px;}
.B1{border:1px solid #999;}
.flaggs{margin-top:18px;}
.flaggs img{margin-right:10px;}
/* Miscellaneous Spaces */
.TO5{margin-top:2px;}
.TO10{margin-top:7px;}
.TO20{margin-top:17px;}
.TO30{margin-top:27px;}
.TO40{margin-top:37px;}
.TT5{margin-top:0px;}
.TT10{margin-top:5px;}
.TT20{margin-top:15px;}
.TT30{margin-top:25px;}
.TT40{margin-top:35px;}
.OT5{margin-top:3px;}
.OT10{margin-top:8px;}
.OT20{margin-top:18px;}
.OT30{margin-top:28px;}
.OT40{margin-top:38px;}
.OO2{margin-top:2px;}
.OO4{margin-top:4px;}
.OO5{margin-top:5px;}
.OO10{margin-top:10px;}
.OO20{margin-top:20px;}
.OO30{margin-top:30px;}
.OO40{margin-top:40px;}