Results of the CSS crunched for www.liebeskarten.de

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

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

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

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

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

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

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

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

Error on Line 29:
  Line
  Class:     Line : 29 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:     29 Level : 2 font-family: You are encouraged to offer a generic family as a last alternative : #header div h2

Warning level 1 on Line 45:
  You have no background-color with your color
  Class:     #header ul li a
  Property:  
  Value:     

Warning level 1 on Line 49:
  You have no background-color with your color
  Class:     #header ul li a:hover
  Property:  
  Value:     

Warning level 1 on Line 53:
  You have no background-color with your color
  Class:     #header ul li span
  Property:  
  Value:     

Warning level 1 on Line 53:
  Line : 53 Level : 1 Same colors for color and background-color in two contexts body and #header ul li span
  Class:     1 Same colors for color and background-color in two contexts body and #header ul li span
  Property:  
  Value:     

Warning level 1 on Line 108:
  You have no background-color with your color
  Class:     #leftPanel ul li a
  Property:  
  Value:     

Warning level 1 on Line 112:
  You have no background-color with your color
  Class:     #leftPanel ul li a:hover
  Property:  
  Value:     

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

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

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

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

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

Crunched CSS code:

/*--------------- DEFAULT -----------------*/
body{margin:0;padding:0;background:#fff url(images/bgimage.gif);color:#000;font:normal 12px/16px Arial,Helvetica,sans-serif}
p,img,ul,a,form,input,h1,h2,h3{margin:0;padding:0}
ul{list-style:none}
a:link,a:visited,a:active{color:#CF215A;text-decoration:none}
a:hover{color:#FC5D95;text-decoration:underline}
.spacer{font-size:0;line-height:0;clear:both}
img{border:none}
/*--------------- HEADER -----------------*/
#header{width:697px;margin:0 auto;background:url(images/header_bg.jpg) 0 0 no-repeat;height:256px;padding:0 0 0 83px}
#header div{width:504px;height:256px;float:left}
#header div img{display:block}
#header div h2{width:245px;line-height:10;margin:13px 0 0 -8px;color:#FC5D95;font-family:georgia;font-size:15px;font-weight:bold;font-style:italic}
#header div h3{margin:0px 0 0 -20px}
#header ul{width:135px;height:185px;background:url(images/topmenu_bg.jpg) 0 0 no-repeat;padding:71px 0 0 15px;font-style:italic;float:left}
#header ul li{background:url(images/topmenu_libg.gif) left bottom repeat-x;padding:0 0 1px 0}
#header ul li a{color:#4C081F;height:18px;display:block;padding:0 0 0 11px;background:url(images/bull_topmenu.gif) 0 40% no-repeat}
#header ul li a:hover{color:#ffaac7;background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat}
#header ul li span{color:#fff;height:18px;display:block;padding:0 0 0 11px;cursor:default;background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat}
/*------------------- BODY -----------------------*/
#body{width:768px;background:#E4DDCB url(images/body_bg.gif) 0 0 repeat-x;padding:21px 0 0 12px;margin:0 auto;color:#4C081F}
/*----------- LEFT PANEL ----------*/
#leftPanel{width:228px;float:right;padding:0 35px 0 0}
#leftPanel form{background:#D8CDB4;padding:1px 1px 15px 1px;color:#000;margin:0 0 37px 0}
#leftPanel form h2.formHeader{height:30px;margin:0 0 12px 0;color:#fff;background:#CDC4AE url(images/form_hdr.gif) 0 0 no-repeat}
#leftPanel form label{float:left;width:92px;line-height:16px;height:16px;background:#D8CDB4;padding:0 0 12px 16px;font-weight:bold;color:#D84576}
#leftPanel form input{width:109px;height:15px;float:left;padding:1px 0 0 1px}
#leftPanel form .small{width:34px;padding:1px 0 0 1px}
#leftPanel form input.goBtn{width:31px;height:20px;margin:3px 0 0 187px;float:none}
#leftPanel h2.latestHeader{background:url(images/latest_hdr.gif) 0 0 no-repeat;height:44px}
#leftPanel h2.diesdasHeader{background:url(images/diesdas.gif) 0 0 no-repeat;height:10px}
#leftPanel p{font:normal 11px/15px Arial,Helvetica,sans-serif;padding:24px 4px 0 12px;clear:both}
#leftPanel a.readmoreBtn{color:#7C0E33;text-decoration:underline;font-weight:bold;float:right;font-size:11px;background-color:#E4DDCB}
#leftPanel a.readmoreBtn:hover{text-decoration:none}
#leftPanel ul{padding:15px 0px 12px 0px;font-style:italic;float:left}
#leftPanel ul li{background:url(images/topmenu_libg.gif) left bottom repeat-x;padding:0px 0px 6px 0}
#leftPanel ul li a{color:#4C081F;padding:0 0 0 11px;background:url(images/bull_topmenu.gif) 0 40% no-repeat}
#leftPanel ul li a:hover{color:#CF215A;background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat}
/*----------- RIGHT PANEL ----------*/
#rightPanel{width:466px;float:left;padding:0 0 0px 0}
#rightPanel h2.welcomeHeader{background:url(images/welcome_hdr.gif) 0 0 no-repeat;height:38px}
#rightPanel p{padding:0 0 10px 3px}
#rightPanel p.readmore{height:16px;background:url(images/midline_bg.gif) 0 50% repeat-x;margin:0 5px 5px 5px;padding:0}
#rightPanel p.readmore a{background:#E4DDCB url(images/readmore_bg.gif) 0 0 no-repeat;display:block;width:158px;height:16px;float:right;color:#ffaac7;text-align:center;font:bold 10px/15px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif}
#rightPanel p.readmore a:hover{color:#ffffff;background:#E4DDCB url(images/readmore_bg.gif) 0 0 no-repeat}
#rightPanel h2.coupleHeader{background:url(images/couple_hdr.gif) 0 0 no-repeat;height:40px}
#rightPanel h2.profilesHeader{background:url(images/profiles_hdr.gif) 0 0 no-repeat;height:45px}
#rightPanel ul.profiles li{float:left;padding:0 1px 0 0}
#rightPanel ul.pagination li{float:left;color:#7C1F3E;background-color:#E4DDCB;font-weight:bold;padding:0 6px 0 0}
#rightPanel ul.pagination{padding:10px 0 0 7px}
#rightPanel ul.pagination li a{color:#7C1F3E;background-color:#E4DDCB;margin:0 6px 0 0}
#rightPanel ul.pagination li.left{padding-right:116px}
#rightPanel ul.pagination li.right{padding-left:122px}
#footer{width:780px;margin:0 auto;padding:15px 0 0 0;color:#000;background:url(images/fo0ter_bg.gif) 0 0 repeat-x}
#footer ul{font-weight:bold;width:780px;margin:0 auto}
#footer ul li{float:left;padding:0 1px}
#footer ul li a{padding:1px 10px;color:#7C1F3E;display:block;background:#F4F2EA}
#footer ul li a:hover{color:#F4F2EA;background:#7C1F3E}
#footer p{color:#A79C86;clear:both;padding:0px 0 10px 0;font-size:11px;text-align:center}
#footer p a{color:#A79C86;text-decoration:underline}
#footer p a:hover{text-decoration:none}
/*--------------- MISCLENIOUS -----------------*/
.centerAlign{text-align:center !important}
.botPad{padding-bottom:25px !important}
fieldset{border:1px dashed #DBD2BC;color:#FC5D95;width:95%;padding-left:10px;padding-right:0px;padding-bottom:10px;font-style:italic}
legend{color:#7B0D32;border:1px dashed #DBD2BC;padding:5px 20px;font-weight:bold;font-style:italic}

» Show original CSS code

« Hide original CSS code

a:link, a:visited, a:active {
color: #CF215A;
text-decoration: none;
}
a:hover {
color: #FC5D95;
text-decoration: underline;
}

.spacer{font-size:0; line-height:0; clear:both;}
img {border:none;}
/*--------------- HEADER -----------------*/
#header {
	width:697px; margin:0 auto; background:url(images/header_bg.jpg) 0 0 no-repeat;
	height:256px; padding:0 0 0 83px;
}
#header div {width:504px; height:256px; float:left;}
#header div img { display:block;}
#header div h2 { width:245px; line-height:10; margin:13px 0 0 -8px;
color:#FC5D95;
font-family:georgia; 
font-size:15px;
font-weight:bold;
font-style:italic;
}
#header div h3 { margin:0px 0 0 -20px;
}
#header ul { 
	width:135px; height:185px; background:url(images/topmenu_bg.jpg) 0 0 no-repeat;
	padding:71px 0 0 15px; font-style:italic;float:left;
}
#header ul li {
	background:url(images/topmenu_libg.gif) left bottom repeat-x;
	padding:0 0 1px 0;
}
#header ul li a {
	color:#4C081F; height:18px; display:block; padding:0 0 0 11px;
	background:url(images/bull_topmenu.gif) 0 40% no-repeat;
}
#header ul li a:hover {
	color:#ffaac7;
	background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat;
}
#header ul li span {
	color:#fff; height:18px; display:block; padding:0 0 0 11px; cursor:default;
	background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat;
}
/*------------------- BODY -----------------------*/
#body {
	width:768px; background:#E4DDCB url(images/body_bg.gif) 0 0 repeat-x;
	padding:21px 0 0 12px; margin:0 auto; color:#4C081F;
}
/*----------- LEFT PANEL ----------*/
#leftPanel {width:228px; float:right; padding:0 35px 0 0;} 
#leftPanel form {
	background:#D8CDB4; padding:1px 1px 15px 1px; color:#000; margin:0 0 37px 0;
}
#leftPanel form h2.formHeader {
	height:30px;margin:0 0 12px 0; color:#fff;
	background:#CDC4AE url(images/form_hdr.gif) 0 0 no-repeat;	
}
#leftPanel form label {
	float:left; width:92px; line-height:16px; height:16px; background:#D8CDB4;
	padding:0 0 12px 16px; font-weight:bold; color:#D84576;
}
#leftPanel form input {
	width:109px; height:15px; float:left; padding:1px 0 0 1px;
}
#leftPanel form .small {width:34px; padding:1px 0 0 1px;} 
#leftPanel form input.goBtn {
	width:31px; height:20px; margin:3px 0 0 187px; float:none;
}
#leftPanel h2.latestHeader {
	background:url(images/latest_hdr.gif) 0 0 no-repeat;
	height:44px;
}
#leftPanel h2.diesdasHeader {
	background:url(images/diesdas.gif) 0 0 no-repeat; height:10px;
}
#leftPanel p {
	font:normal 11px/15px Arial, Helvetica, sans-serif; padding:24px 4px 0 12px;
	clear:both;
}

#leftPanel a.readmoreBtn {
	color:#7C0E33; text-decoration:underline; font-weight:bold; float:right;
	font-size:11px; background-color:#E4DDCB;
}
#leftPanel a.readmoreBtn:hover {text-decoration:none;}

#leftPanel ul { 
	padding:15px 0px 12px 0px; font-style:italic;float:left;
}
#leftPanel ul li {
	background:url(images/topmenu_libg.gif) left bottom repeat-x;
	padding:0px 0px 6px 0;
}
#leftPanel ul li a {
	color:#4C081F;padding:0 0 0 11px;
	background:url(images/bull_topmenu.gif) 0 40% no-repeat;
}
#leftPanel ul li a:hover {
	color:#CF215A;
	background:url(images/bull_topmenu_hover.gif) 0 40% no-repeat;
}

/*----------- RIGHT PANEL ----------*/
#rightPanel {
	width:466px; float:left; padding:0 0 0px 0;
}
#rightPanel h2.welcomeHeader {
	background:url(images/welcome_hdr.gif) 0 0 no-repeat; height:38px;	
}
#rightPanel p {padding:0 0 10px 3px;}
#rightPanel p.readmore {
	height:16px; background:url(images/midline_bg.gif) 0 50% repeat-x;
	margin:0 5px 5px 5px; padding:0;
}
#rightPanel p.readmore a {
	background:#E4DDCB url(images/readmore_bg.gif) 0 0 no-repeat; display:block; width:158px;
	height:16px; float:right; color:#ffaac7; text-align:center;
	font:bold 10px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
#rightPanel p.readmore a:hover {
	color:#ffffff; background:#E4DDCB url(images/readmore_bg.gif) 0 0 no-repeat;
}
#rightPanel h2.coupleHeader {
	background:url(images/couple_hdr.gif) 0 0 no-repeat; height:40px;	
}
#rightPanel h2.profilesHeader {
	background:url(images/profiles_hdr.gif) 0 0 no-repeat; height:45px;	
}
#rightPanel ul.profiles li {float:left; padding:0 1px 0 0;}
#rightPanel ul.pagination li {
	float:left; color:#7C1F3E; background-color:#E4DDCB; font-weight:bold;
	padding:0 6px 0 0;
}
#rightPanel ul.pagination {padding:10px 0 0 7px;}
#rightPanel ul.pagination li a {color:#7C1F3E; background-color:#E4DDCB; margin:0 6px 0 0;}
#rightPanel ul.pagination li.left { padding-right:116px;}
#rightPanel ul.pagination li.right { padding-left:122px;}

#footer {
	width:780px; margin:0 auto; padding:15px 0 0 0; color:#000;
	background: url(images/fo0ter_bg.gif) 0 0 repeat-x;
}
#footer ul {font-weight:bold; width:780px; margin:0 auto;}
#footer ul li { float:left; padding:0 1px;}
#footer ul li a {
	padding:1px 10px; color:#7C1F3E; display:block; background:#F4F2EA;
}
#footer ul li a:hover {
	color:#F4F2EA; background:#7C1F3E;
}
#footer p {color:#A79C86; clear:both; padding:0px 0 10px 0; font-size:11px; text-align:center;}
#footer p a{ color:#A79C86; text-decoration:underline;}
#footer p a:hover{ text-decoration:none;}
/*--------------- MISCLENIOUS -----------------*/
.centerAlign {text-align:center !important;}
.botPad {padding-bottom:25px !important;}

fieldset {
border: 1px dashed #DBD2BC;
color: #FC5D95;
width: 95%;
padding-left:10px;
padding-right:0px;
padding-bottom:10px;
font-style:italic;
}

legend {
color: #7B0D32;
border: 1px dashed #DBD2BC;
padding: 5px 20px;
font-weight:bold;
font-style:italic;
}