Results of the CSS crunched for www.searchmetrics.com

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

CSSCruncher.com has crunched this CSS to
23.04 %Less Size! That's Incredible!

Crunched CSS code:

body{background-color:#eee;margin:0;padding:0}
.visual-clear{clear:both}
a img{border:None}
#wrapper{width:1000px;margin:auto;background-color:#fff}
#header,#content{padding:0 50px}
#language{float:right}
#search{float:right;position:relative;margin:10px 0}
#stage{clear:both}
#stage .wrapper{padding:2px;border:1px solid #ccc}
#stage #map_canvas{width:894px;height:294px}
#sidebarRight #map_canvas{width:254px;height:200px}
#content{clear:both;margin-top:40px}
#contentLeft{float:left;width:610px}
#contentFull{width:900px}
#sidebarRight{float:right;width:260px}
#afterContent{clear:both}
#footer{clear:both;margin-top:20px;background:url('/media/images/background_footer.png') scroll repeat-x left top #ccc}
#footerNav{margin:0 50px;padding:10px 0}
#footerNav h2{color:#74B800}
#footerNav table{width:100%}
#footerNav ul{list-style-type:none;margin:0;padding:0}
#footerNav li{list-style-image:none}
#references{margin:0px 50px;padding:10px 0;border-top:2px groove #ccc;overflow:hidden}
#references .wrapper{overflow:hidden;width:900px;height:40px;line-height:40px}
#references h2{float:left;color:#74b800;margin:0;padding:0}
#references img{margin:0 10px;float:left}
.reference{padding:20px 0;border-bottom:1px solid #74b800}
.reference img{float:left;margin:0 20px 0 0}
#copyright{clear:both;background-image:url('/media/images/background_copyright.png');height:30px;line-height:30px;padding:0 50px;color:#ccc}
#copyright a{color:#c0c0c0;margin:0 10px}
#logo{display:block;float:left;margin:10px 0 0}
.icon-home{float:right;margin:0 5px}
#siteNavigation{}
#siteNavigation ul{list-style-type:none;margin:0;height:27px;float:right}
#siteNavigation li{padding:0 0 0 9px;float:left;margin:0 1px;background:url('/media/images/bg_sitenav.png') no-repeat scroll 0 0 transparent;list-style-image:none;height:27px}
#siteNavigation li a{display:block;float:left;line-height:27px;height:27px;padding-right:8px;background:url('/media/images/bg_sitenav.png') no-repeat scroll top right transparent}
#siteNavigation li:hover a, #siteNavigation li.selected a{background-position:right -30px;color:white}
#siteNavigation li:hover, #siteNavigation li.selected{background-position:0 -30px}
#beforeContent{clear:both}
#sectionNav{clear:both;width:900px;height:25px;overflow:hidden;background:url(/media/images/bg_section_nav.png) repeat-x scroll 0 0 #fff}
#sectionNav a{float:left;height:25px;line-height:25px;margin:0;padding:0 20px}
#sectionNav .section{background-position:0 -25px}
#sectionNav a{background:url(/media/images/bg_section_nav.png) repeat-x scroll 0 0px #fff;color:#333;text-decoration:None}
#sectionNav span{float:left;height:25px;line-height:25px;width:15px;background:url(/media/images/bg_section_nav.png) repeat-x scroll 0 -50px #fff}
#sectionNav span.left{width:4px;background-position:0 -150px;background-repeat:no-repeat}
#sectionNav span.right{float:right;background-position:0 -175px}
#sectionNav .first-separator{background-position:0 -75px}
#sectionNav .g{color:#fff;background-position:0 -25px}
#sectionNav .gw{background-position:0 -75px}
#sectionNav .wg{background-position:0 -100px}
#sectionNav .gg{background-position:0 -125px}
.folder-listing .item{clear:both;border-bottom:1px dotted #74b800;padding:10px 0}
.folder-album .item{width:128px;height:185px;padding:5px;float:left;border:1px outset #aaa;margin:5px;text-align:center}
.folder-album .item h2{margin:0}
.folder-album .item .thumb{margin:0 0 4px 0}
.date{color:#858c94}
#copyright span, #copyright p{margin:0;float:left}
#language{position:relative;right:180px;top:10px;line-height:22px;height:22px}
.icon{width:30px;height:25px;line-height:25px;overflow:hidden;display:inline-block}
.icon span{display:inline-block;background-image:url(/media/images/icons.png);background-repeat:no-repeat;display:inline-block;height:25px;width:30px;line-height:25px}
#document-actions{clear:both;border-top:1px solid #74B800;text-align:right;margin-top:20px}
#document-actions .back{float:left;margin:3px 0}
.icon-mail span{background-position:0 -25px}
.icon-print span{background-position:0 -105px}
.info{padding:5px;background-color:#fafafa}
#comments .item td{border-bottom:1px dashed #74b800;padding:10px 20px 10px 0}
img.inline-image{float:left;margin:0 1em 1ex 0}
.rollOut .content{display:none}
.rollOut h2{cursor:pointer}
form ul li, ul.errorlist li{list-style-image:none;list-style-type:none}
#p404{width:892px;height:502px;background-image:url('/media/images/404.jpg');position:relative}
#p404 a{position:absolute;display:block;width:100px;height:100px}
#p404 a.home{left:300px;top:75px}
#p404 a.about-us{left:75px;top:250px}
#p404 a.news{left:475px;top:170px}
#siteNavigation a.button{float:right}

» Show original CSS code

« Hide original CSS code

body {
    background-color: #eee;
    margin: 0;
    padding: 0;
}

.visual-clear {
    clear: both;
}

a img {
    border: None;
}

#wrapper {
    width: 1000px;
    margin: auto;
    background-color: #fff;
}

#header, #content {
    padding: 0 50px;
}

#language {
    float: right;
}

#search {
    float: right;
    position: relative;
    margin: 10px 0;
}

#stage {
    clear: both;
}

#stage .wrapper {
    padding:2px;
    border: 1px solid #ccc;
}
#stage #map_canvas {
    width: 894px;
    height: 294px;
}

#sidebarRight #map_canvas {
    width: 254px; height: 200px;
}

#content {
    clear: both;
    margin-top: 40px;
}
#contentLeft {
    float: left;
    width: 610px;
}

#contentFull {
    width: 900px;
}

#sidebarRight {
    float: right;
    width: 260px;
}

#afterContent {
    clear: both;
}

#footer {
    clear: both;
    margin-top: 20px;
    background: url('/media/images/background_footer.png') scroll repeat-x left top #ccc;
}

#footerNav {
    margin: 0 50px;
    padding: 10px 0;
}

#footerNav h2 {
    color: #74B800;
}

#footerNav table {
    width: 100%;
}

#footerNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footerNav li {
    list-style-image: none;
}

#references {
    margin: 0px 50px;
    padding: 10px 0;
    border-top: 2px groove #ccc; 
    overflow: hidden;
}

#references .wrapper {
    overflow: hidden;
    width: 900px;
    height: 40px;
    line-height: 40px;
}

#references h2 {
    float: left;
    color: #74b800;
    margin: 0;
    padding: 0;
}

#references img {
    margin: 0 10px;
    float: left;
}

.reference {
    padding: 20px 0;
    border-bottom: 1px solid #74b800;
}

.reference img {
    float: left;
    margin: 0 20px 0 0;
}

#copyright {
    clear: both;
    background-image: url('/media/images/background_copyright.png');
    height: 30px;
    line-height: 30px;
    padding: 0 50px;
    color: #ccc;
}

#copyright a {
    color: #c0c0c0;
    margin: 0 10px;
}

#logo {
    display: block;
    float: left;
    margin: 10px 0 0;
}

.icon-home {
    float: right;
    margin: 0 5px;
}
#siteNavigation {
}

#siteNavigation ul {
    list-style-type: none;
    margin: 0;
    height: 27px;
    float: right;
}

#siteNavigation li {
    padding: 0 0 0 9px;
    float: left;
    margin: 0 1px;
    background: url('/media/images/bg_sitenav.png') no-repeat scroll 0 0 transparent;
    list-style-image: none;
    height: 27px;
}

#siteNavigation li a {
    display: block;
    float: left;
    line-height: 27px;
    height: 27px;
    padding-right: 8px;
    background: url('/media/images/bg_sitenav.png') no-repeat scroll top right transparent;
}

#siteNavigation li:hover a,
#siteNavigation li.selected a {
    background-position: right -30px;
    color: white;
}

#siteNavigation li:hover,
#siteNavigation li.selected {
    background-position: 0 -30px;
}

#beforeContent {
    clear: both;

}
#sectionNav {
    clear: both;
    width: 900px;
    height: 25px;
    overflow: hidden;
    background: url(/media/images/bg_section_nav.png) repeat-x scroll 0 0 #fff;
}

#sectionNav a {
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 20px;
}

#sectionNav .section {
    background-position: 0 -25px;
}
#sectionNav a {
    background: url(/media/images/bg_section_nav.png) repeat-x scroll 0 0px #fff;
    color: #333;
    text-decoration: None;
}

#sectionNav span {
    float: left;
    height: 25px;
    line-height: 25px;
    width: 15px;
    background: url(/media/images/bg_section_nav.png) repeat-x scroll 0 -50px #fff;                        
}

#sectionNav span.left {
    width: 4px;
    background-position: 0 -150px;
    background-repeat: no-repeat;
}
#sectionNav span.right {
    float: right;
    background-position: 0 -175px;
}

#sectionNav .first-separator {
    background-position: 0 -75px;
}

#sectionNav .g {
    color: #fff;
    background-position: 0 -25px;
}

#sectionNav .gw { background-position: 0 -75px;}
#sectionNav .wg { background-position: 0 -100px; }
#sectionNav .gg { background-position: 0 -125px; }

.folder-listing .item {
    clear: both;
    border-bottom: 1px dotted #74b800;
    padding: 10px 0;
}

.folder-album .item {
    width: 128px;
    height: 185px;
    padding: 5px;
    float: left;
    border: 1px outset #aaa;
    margin: 5px;
    text-align: center;
}

.folder-album .item h2 {
    margin: 0;
}
.folder-album .item .thumb {
    margin: 0 0 4px 0;
}
.date {
    color: #858c94;
}

#copyright span,
#copyright p {
    margin: 0;
    float: left;
}

#language {
    position: relative;
    right: 180px;
    top: 10px;
    line-height: 22px;
    height: 22px;
}
.icon {
    width: 30px;
    height:25px;
    line-height: 25px;
    overflow: hidden;
    display: inline-block;
}

.icon span {
    display: inline-block;
    background-image: url(/media/images/icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 30px;
    line-height: 25px;
}

#document-actions {
    clear: both;
    border-top: 1px solid #74B800;
    text-align: right;
    margin-top: 20px;
}

#document-actions .back {
    float: left;
    margin: 3px 0;
}

.icon-mail span {
    background-position: 0 -25px;
}

.icon-print span {
    background-position: 0 -105px;
}
.info {
    padding: 5px;
    background-color: #fafafa;
}

#comments .item td {
    border-bottom: 1px dashed #74b800;
    padding: 10px 20px 10px 0;
}

img.inline-image {
    float: left;
    margin: 0 1em 1ex 0;
}

.rollOut .content {
    display: none;
}

.rollOut h2 {
    cursor: pointer;
}

form ul li,
ul.errorlist li {
    list-style-image: none;
    list-style-type: none;
}

#p404 {
    width: 892px;
    height: 502px;
    background-image: url('/media/images/404.jpg');
    position: relative;
}

#p404 a {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
}
#p404 a.home {
    left: 300px;
    top: 75px;
}

#p404 a.about-us {
    left: 75px;
    top: 250px;
}

#p404 a.news {
    left: 475px;
    top: 170px;
}

#siteNavigation a.button {
    float: right;
}

Some information about this website:

URL: http://www.searchmetrics.com/
CSS URL: http://www.searchmetrics.com/media/css/base.css
Title: Search Analytics von Searchmetrics - Your Web Intelligence | Searchmetrics
Meta-Description: Die Search Analytics Software Searchmetrics Suite steht fÃ¼r professionelle Suchmaschinenoptimierung. Die Suite unterstÃ¼tzt den gesamten SEO Cycle.