Results of the CSS crunched for www.crunchweb.de

Let's see what we've done for www.crunchweb.de

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

BUT UHH OHH! We found some errors in your CSS code!

Warning level 1 on Line 10:
  You have no color with your background-color
  Class:     body
  Property:  
  Value:     

Warning level 1 on Line 28:
  You have no background-color with your color
  Class:     .navigation
  Property:  
  Value:     

Warning level 1 on Line 40:
  You have no color with your background-color
  Class:     #frame
  Property:  
  Value:     

Warning level 1 on Line 44:
  You have no color with your background-color
  Class:     #middle
  Property:  
  Value:     

Warning level 1 on Line 59:
  You have no color with your background-color
  Class:     #sidebar
  Property:  
  Value:     

Warning level 1 on Line 72:
  You have no color with your background-color
  Class:     #header
  Property:  
  Value:     

Warning level 1 on Line 79:
  You have no background-color with your color
  Class:     .header-title
  Property:  
  Value:     

Warning level 1 on Line 87:
  You have no background-color with your color
  Class:     .header-title a
  Property:  
  Value:     

Warning level 1 on Line 94:
  You have no background-color with your color
  Class:     .header-title a:hover
  Property:  
  Value:     

Error on Line 100:
  Line
  Class:     Line : 100 font-family: You are encouraged to offer a generic family as a last alternative
  Property:  You are encouraged to offer a generic family as a last alternative
  Value:     100 Level : 2 font-family: You are encouraged to offer a generic family as a last alternative : .header-description

Warning level 1 on Line 102:
  You have no background-color with your color
  Class:     .header-description
  Property:  
  Value:     

Warning level 1 on Line 122:
  You have no background-color with your color
  Class:     #content h2
  Property:  
  Value:     

Warning level 1 on Line 132:
  You have no background-color with your color
  Class:     #content h2 a
  Property:  
  Value:     

Warning level 1 on Line 137:
  You have no background-color with your color
  Class:     #content h2 a:hover
  Property:  
  Value:     

Warning level 1 on Line 143:
  You have no background-color with your color
  Class:     #content h3
  Property:  
  Value:     

Warning level 1 on Line 150:
  You have no background-color with your color
  Class:     #content h4
  Property:  
  Value:     

Warning level 1 on Line 158:
  You have no background-color with your color
  Class:     #content dl
  Property:  
  Value:     

Warning level 1 on Line 158:
  You have no background-color with your color
  Class:     #content dl
  Property:  
  Value:     

Warning level 1 on Line 168:
  You have no background-color with your color
  Class:     #content li
  Property:  
  Value:     

Warning level 1 on Line 184:
  You have no background-color with your color
  Class:     #content blockquote
  Property:  
  Value:     

Warning level 1 on Line 188:
  You have no background-color with your color
  Class:     #content a
  Property:  
  Value:     

Warning level 1 on Line 189:
  You have no background-color with your color
  Class:     #content a:hover
  Property:  
  Value:     

Warning level 1 on Line 195:
  You have no color with your background-color
  Class:     #content .postmetadata
  Property:  
  Value:     

Warning level 1 on Line 202:
  You have no color with your background-color
  Class:     .entry
  Property:  
  Value:     

Warning level 1 on Line 253:
  You have no background-color with your color
  Class:     #content #comments .comment a
  Property:  
  Value:     

Warning level 1 on Line 253:
  You have no background-color with your color
  Class:     #content #comments .comment a
  Property:  
  Value:     

Warning level 1 on Line 253:
  You have no background-color with your color
  Class:     #content #comments .comment a
  Property:  
  Value:     

Warning level 1 on Line 261:
  You have no background-color with your color
  Class:     #content #comments .comment a:hover
  Property:  
  Value:     

Warning level 1 on Line 270:
  You have no background-color with your color
  Class:     #content #comments .comment .comment-data p
  Property:  
  Value:     

Warning level 1 on Line 279:
  You have no background-color with your color
  Class:     #content #comments .comment .comment-data p a
  Property:  
  Value:     

Warning level 1 on Line 280:
  You have no background-color with your color
  Class:     #content #comments .comment .comment-data p a:hover
  Property:  
  Value:     

Warning level 1 on Line 288:
  You have no background-color with your color
  Class:     #sidebar li
  Property:  
  Value:     

Warning level 1 on Line 288:
  You have no background-color with your color
  Class:     #sidebar li
  Property:  
  Value:     

Warning level 1 on Line 306:
  You have no background-color with your color
  Class:     #sidebar a
  Property:  
  Value:     

Warning level 1 on Line 311:
  You have no background-color with your color
  Class:     #sidebar a:hover
  Property:  
  Value:     

Warning level 1 on Line 316:
  You have no background-color with your color
  Class:     #sidebar #searchform label
  Property:  
  Value:     

Warning level 1 on Line 322:
  You have no background-color with your color
  Class:     #sidebar h2.widgettitle
  Property:  
  Value:     

Warning level 1 on Line 336:
  You have no color with your background-color
  Class:     #footer
  Property:  
  Value:     

Warning level 1 on Line 342:
  You have no background-color with your color
  Class:     #footer #footertext
  Property:  
  Value:     

Warning level 2 on Line 344:
  Redefinition of line-height
  Class:     #footer #footertext
  Property:  
  Value:     

Warning level 1 on Line 350:
  You have no background-color with your color
  Class:     #footer #footertext a
  Property:  
  Value:     

Warning level 1 on Line 355:
  You have no background-color with your color
  Class:     #footer #footertext a:hover
  Property:  
  Value:     

Warning level 1 on Line 377:
  You have no color with your background-color
  Class:     .alt
  Property:  
  Value:     

Warning level 1 on Line 415:
  You have no color with your background-color
  Class:     #commentform textarea
  Property:  
  Value:     

Warning level 1 on Line 420:
  You have no color with your background-color
  Class:     #commentform textarea:hover
  Property:  
  Value:     

Warning level 1 on Line 424:
  You have no color with your background-color
  Class:     #commentform textarea:focus
  Property:  
  Value:     

Warning level 1 on Line 430:
  You have no color with your background-color
  Class:     #commentform #url
  Property:  
  Value:     

Warning level 1 on Line 430:
  You have no color with your background-color
  Class:     #commentform #url
  Property:  
  Value:     

Warning level 1 on Line 430:
  You have no color with your background-color
  Class:     #commentform #url
  Property:  
  Value:     

Warning level 1 on Line 437:
  You have no color with your background-color
  Class:     #commentform #url:hover
  Property:  
  Value:     

Warning level 1 on Line 437:
  You have no color with your background-color
  Class:     #commentform #url:hover
  Property:  
  Value:     

Warning level 1 on Line 437:
  You have no color with your background-color
  Class:     #commentform #url:hover
  Property:  
  Value:     

Warning level 1 on Line 443:
  You have no color with your background-color
  Class:     #commentform #url:focus
  Property:  
  Value:     

Warning level 1 on Line 443:
  You have no color with your background-color
  Class:     #commentform #url:focus
  Property:  
  Value:     

Warning level 1 on Line 443:
  You have no color with your background-color
  Class:     #commentform #url:focus
  Property:  
  Value:     

Warning level 1 on Line 455:
  You have no background-color with your color
  Class:     #commentform #submit
  Property:  
  Value:

Crunched CSS code:

*{margin:0;padding:0}
body{background:#406A80;text-align:center;margin:0 auto}
#accessibility{display:none}
.floatleft{float:left}
.floatright{float:right}
.navigation{color:#333333;font:0.9em/1.5em Tahoma,Arial,Helvetica,sans-serif}
#frame{width:950px;text-align:left;margin:0 auto;background:#FFF}
#middle{background:#FFF;overflow:auto;width:100%}
#content{float:left;width:645px;padding-left:6px;padding-right:5px;padding-top:0px}
#sidebar{float:right;background:#CEE0F2;width:240px;padding:10px;margin-top:20px;margin-right:6px;border:8px solid #598cbb}
#header{background:#406A80 url(images/header.png);width:950px;height:200px}
.header-title{font-family:Tahoma,Arial,Helvetica,sans-serif;color:#000;font-size:34px;font-weight:bold;padding:50px 0 0 398px;text-align:left;visibility:hidden}
.header-title a{color:#000;text-decoration:none;text-transform:uppercase;border-bottom:none;letter-spacing:1px}
.header-title a:hover{color:#000;text-decoration:none;border-bottom:none}
.header-description{font-size:14px;font-family:Verdana;font-weight:normal;color:#000;padding:3px 0 0 400px;text-align:left;visibility:hidden}
#content .post{margin:20px 0px 30px;border:1px solid #5893cb}
#content h2{color:#333333;background:url(images/h2-bg.gif);font:1em/1.7em Tahoma,Arial,Helvetica,sans-serif;font-weight:bold;margin:0;padding:2px 0px 2px 10px;border:1px solid #5893cb}
#content h2 a{color:#333333;text-decoration:none}
#content h2 a:hover{color:#0E0E73;text-decoration:none}
#content h3{font:18px Tahoma,Arial,Helvetica,sans-serif;color:#4391da;margin:1.1em 0 0.2em 10px;letter-spacing:1px}
#content h4{font:18px Tahoma,Arial,Helvetica,sans-serif;color:#4391da;border-left:1em solid #a5c1e5;padding:0 0 0 0.5em;margin:1em 0;letter-spacing:1px}
#content p,#content dl{color:#333333;font:0.9em/1.5em Tahoma,Arial,Helvetica,sans-serif}
#content p,#content ul,#content ol,#content dl{margin:0 0 0.7em 0}
#content li{margin:0 0 0 30px;color:#333333;font:0.9em/1.5em Tahoma,Arial,Helvetica,sans-serif}
#content dl dt{font-weight:bold}
#content dl dd{margin:0 0 0.4em 0.5em}
#content blockquote{margin:0 0 1em 2em;border-left:5px solid #bcd7f1;padding:0 0 0 1em;color:#333333}
#content a{color:#333333}
#content a:hover{color:#0E0E73}
#content .postmetadata{font:0.7em/1.5em Tahoma,Arial,Helvetica,sans-serif;padding:5px;background:#B6D4F2;margin:0}
.entry{margin:0px 0 0px 0;padding:10px;background:#fefefe}
.entry p{margin:5px 0 5px 0;padding:0;text-align:left}
.entry img{padding:5px;border:#5893cb 1px solid}
.entry img.alignleft{float:left;margin:3px 3px 3px 0}
.entry img.alignright{float:right;margin:0 3px 3px 3px}
.entry img.wp-smiley{border:none;padding:0}
.spacer{padding:0px;text-align:right;clear:both;text-transform:lowercase}
#content #comments{margin:0 20px 20px 25px}
#content #comments .comment{margin:0 0 2em 0;font:11px Tahoma,Arial,Helvetica,sans-serif}
#content #comments .comment p,#content #comments .comment li,#content #comments .comment a{font:11px Tahoma,Arial,Helvetica,sans-serif;color:#333333}
#content .post ul.post-data li.comments{font:0.7em/1.5em Tahoma,Arial,Helvetica,sans-serif}
#content #comments .comment a:hover{font:11px Tahoma,Arial,Helvetica,sans-serif;color:#0E0E73}
#content #comments .comment p{margin:0 0 0.8em 0;font:11px Tahoma,Arial,Helvetica,sans-serif}
#content #comments .comment .comment-data p{font:11px Tahoma,Arial,Helvetica,sans-serif;color:#333333;border-top:1px dashed #5893cb;border-left:1px dashed #5893cb;padding:0 0 0 22px;margin:1.5em 0 0 0}
#content #comments .comment .comment-data p a{font:11px Tahoma,Arial,Helvetica,sans-serif;color:#333333}
#content #comments .comment .comment-data p a:hover{color:#0E0E73}
#sidebar p,#sidebar li{color:#333333;font:0.9em/1.5em Verdana,sans-serif;list-style-type:none}
#sidebar p,#sidebar ul,#sidebar ol{margin:0 0 10px 0}
#sidebar ul{list-style:none}
#sidebar ul li{padding:0 0 0 3px;list-style-type:circle;margin-left:16px}
#sidebar a{color:#333333;text-decoration:none}
#sidebar a:hover{color:#0E0E73;text-decoration:underline}
#sidebar #searchform label{color:#333333;font:1em/1.5em Tahoma,Arial,Helvetica,sans-serif;font-weight:bold}
#sidebar h2.widgettitle{color:#333333;font:1em Tahoma,Arial,Helvetica,sans-serif;font-weight:bold;margin:0 0 5px 0;padding-bottom:2px;border-bottom:1px dotted #333333}
#footer{clear:left;background:#406A80 url(images/footer.png) 0 0 no-repeat;height:73px}
#footer #footertext{color:#333333;font:0.7em/1.6em Arial,Helvetica,sans-serif;line-height:1em;padding:13px 0 0 0;text-align:center}
#footer #footertext a{color:#333333;text-decoration:none}
#footer #footertext a:hover{color:#0E0E73;text-decoration:none}
#footer #searchform{padding:33px 0 0 30px}
#footer #searchform .searchfield{height:17px}
#footer #searchform .searchbutton{height:22px}
.alt{margin-top:10px;padding:10px;font:11px Tahoma,Arial,Helvetica,sans-serif;width:460px;background:#fefefe;border:6px solid #bcd7f1}
.commentlist li{margin-bottom:1.5em;font:1.1em Tahoma,Arial,Helvetica,sans-serif;width:551px;padding-bottom:1em}
.commentmetadata{font:11px Tahoma,Arial,Helvetica,sans-serif}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em}
.commentlist p{font:11px Tahoma,Arial,Helvetica,sans-serif}
#commentform{margin:1em 0;margin-left:2em;width:579px}
#commentform textarea{background:#f7fbfe;border:1px solid #5893cb;width:579px}
#commentform textarea:hover{background:#f7fbfe;border:1px solid #5893cb}
#commentform textarea:focus{background:#edf5fd;border:1px solid #5893cb}
#commentform #email,#commentform #author,#commentform #url{font-size:1.1em;background:#f7fbfe;border:1px solid #5893cb;width:200px;height:15px}
#commentform #email:hover,#commentform #author:hover,#commentform #url:hover{font-size:1.1em;background:#f7fbfe;border:1px solid #5893cb;width:200px}
#commentform #email:focus,#commentform #author:focus,#commentform #url:focus{font-size:1.1em;background:#edf5fd;border:1px solid #5893cb;width:200px}
#commentform input{margin-bottom:3px}
#commentform #submit{margin:0;float:left;background:url(images/submit-button.jpg);color:#333333;font:11px Tahoma,Arial,Helvetica,sans-serif;border:1px solid #5893cb;padding-left:10px;padding-right:10px;padding-bottom:3px;margin-bottom:10px;height:22px}
.post{margin:0 0 25px 0}

» Show original CSS code

« Hide original CSS code

/*  
Theme Name: Computer Flash II
Description: Computer Flash II WordPress theme by BlueSpirit
Author: BlueSpirit
*/

* { margin: 0; padding: 0; }

body {
	background: #406A80;
	text-align: center;
	margin: 0 auto;
	}
	
#accessibility {
	display: none;
	}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.navigation {
	color: #333333;
	font: 0.9em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}

/* -------------------
Main Structure
------------------- */
	
#frame {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	background: #FFF;
	}
	
#middle {
	background: #FFF;
	overflow: auto;
	width: 100%;
	}

#content {
	float: left;
	width: 645px;
        padding-left: 6px;
        padding-right: 5px;
        padding-top: 0px;
	}
	
#sidebar {
	float: right;
	background: #CEE0F2;
	width: 240px;
	padding: 10px;
        margin-top: 20px;
	margin-right: 6px;
	border: 8px solid #598cbb;
	}
	
/* -------------------
Header
------------------- */

#header {
        background: #406A80 url(images/header.png);
        width: 950px;
        height: 200px;
	}

.header-title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:34px;
        font-weight:bold;
	padding: 50px 0 0 398px;
	text-align:left;
	visibility: hidden;
	}
.header-title a{
	color:#000;
	text-decoration:none;
        text-transform: uppercase;
	border-bottom:none;
        letter-spacing: 1px;
	}
.header-title a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
        font-size: 14px;
        font-family: Verdana;
        font-weight: normal;
	color:#000;
	padding: 3px 0 0 400px;
	text-align:left;
	visibility: hidden;
	}

/* -------------------
Content
------------------- */

#content .post {
	margin: 20px 0px 30px;
	border: 1px solid #5893cb;
	}
	
/* general #content definitions */
	
#content h2 {
	color: #333333;
        background: url(images/h2-bg.gif);
	font: 1em/1.7em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
        padding: 2px 0px 2px 10px;
	border: 1px solid #5893cb;
	}

#content h2 a {
	color: #333333;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #0E0E73;
	text-decoration: none;
	}
	
#content h3 {
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #4391da;
	margin: 1.1em 0 0.2em 10px;
        letter-spacing: 1px;
	}
	
#content h4 {
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #4391da;
	border-left: 1em solid #a5c1e5;
	padding: 0 0 0 0.5em;
	margin: 1em 0;
        letter-spacing: 1px;
	}
	
#content p, #content dl {
	color: #333333;
	font: 0.9em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content p, #content ul, #content ol, #content dl {
	margin: 0 0 0.7em 0;
	}
	
#content li {
	margin: 0 0 0 30px;
	color: #333333;
	font: 0.9em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content dl dt {
	font-weight: bold;
	}
	
#content dl dd {
	margin: 0 0 0.4em 0.5em;
	}
	
#content blockquote {
	margin: 0 0 1em 2em;
	border-left: 5px solid #bcd7f1;
	padding: 0 0 0 1em;
	color: #333333;
}

#content a { color: #333333; }
#content a:hover { color: #0E0E73; }

#content .postmetadata {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	padding: 5px;
	background: #B6D4F2;
	margin: 0;
	}

.entry {
	margin: 0px 0 0px 0;
	padding: 10px;
        background: #fefefe;	
	}

.entry  p {
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: left;
	}

.entry  img { 
      padding: 5px;
      border: #5893cb 1px solid;   
      }

.entry  img.alignleft { 
                float: left;
                margin: 3px 3px 3px 0;
                }

.entry  img.alignright { 
                 float: right;
                 margin: 0 3px 3px 3px;
                 }

.entry  img.wp-smiley {
	border: none;
	padding: 0;
}

.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            }
	
/* -------------------
Comments
------------------- */

#content #comments {
	margin: 0 20px 20px 25px;
	}
	
#content #comments .comment {
	margin: 0 0 2em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;	}

#content .post ul.post-data li.comments {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
}

#content #comments .comment a:hover { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #0E0E73; }
	
#content #comments .comment p {
	margin: 0 0 0.8em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content #comments .comment .comment-data p {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	border-top: 1px dashed #5893cb;
	border-left: 1px dashed #5893cb;
	padding: 0 0 0 22px;
	margin: 1.5em 0 0 0;
	}
	
#content #comments .comment .comment-data p a { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #333333; }
#content #comments .comment .comment-data p a:hover { color: #0E0E73; }
	
	
/* -------------------
Sidebar
------------------- */
	
#sidebar p, #sidebar li {
	color: #333333;
	font: 0.9em/1.5em Verdana, sans-serif;
	list-style-type: none;
	}
	
#sidebar p, #sidebar ul, #sidebar ol {
	margin: 0 0 10px 0;
	}
	
#sidebar ul { list-style: none; }

#sidebar ul li {
	padding: 0 0 0 3px;
	list-style-type: circle;
	margin-left: 16px;
	}
	
#sidebar a {
	color: #333333;
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #0E0E73;
	text-decoration: underline;
	}
	
#sidebar #searchform label {
	color: #333333;
	font: 1em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidebar h2.widgettitle {
	color: #333333;
	font: 1em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
        padding-bottom: 2px;
	border-bottom: 1px dotted #333333;
}

/* -------------------
Footer
------------------- */

#footer {
	clear: left;
	background: #406A80 url(images/footer.png) 0 0 no-repeat;
	height: 73px;
	}
	
#footer #footertext {

color: #333333;
	font: 0.7em/1.6em Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 13px 0 0 0;
	text-align: center;
	}
	
#footer #footertext a {
	color: #333333;
	text-decoration: none;
	}

#footer #footertext a:hover {
	color: #0E0E73;
	text-decoration: none;
	}
	
#footer #searchform {
	padding: 33px 0 0 30px;
	}
	
#footer #searchform .searchfield {
	height: 17px;
	}
	
#footer #searchform .searchbutton {
   height:22px;
	}

.alt
{
	margin-top: 10px;
	padding: 10px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	width: 460px;
        background: #fefefe;
        border: 6px solid #bcd7f1;
}

.commentlist li {
margin-bottom: 1.5em;
font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
width: 551px;
padding-bottom: 1em;
}

.commentmetadata
{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.commentlist cite, .commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em
	}

.commentlist p
{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

#commentform {
margin: 1em 0;
margin-left:2em;
width: 579px;
}

#commentform textarea {

background: #f7fbfe;
border: 1px solid #5893cb;
width: 579px;
}
#commentform textarea:hover {
background: #f7fbfe;
border: 1px solid #5893cb;
}
#commentform textarea:focus {
background: #edf5fd;
border: 1px solid #5893cb;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f7fbfe;
border: 1px solid #5893cb;
width: 200px;
height: 15px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f7fbfe;
border: 1px solid #5893cb;
width: 200px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #edf5fd;
border: 1px solid #5893cb;
width: 200px;
}
#commentform input{
margin-bottom: 3px;
}

#commentform #submit {
	margin:0;
	float:left;
        background: url(images/submit-button.jpg);
        color: #333333;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #5893cb;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 3px;
        margin-bottom: 10px;
        height: 22px;
	}

.post{margin:0 0 25px 0;}