Resultat de la compression du code CSS de www.footpower.de

Lasse nous voir ce que nous avons fait pour www.footpower.de

CSSCruncher.com à sauvgardé
21,31 % de code poour ce site! Incroyable!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

Code CSS comprimé:

body{background:#fff no-repeat 50% 0;margin:0;padding:0}
body,table,input,textarea,select,button{font-family:verdana,sans-serif;font-size:11px;line-height:1.4em;color:2F2F2F}
h1,h2,h3,h4,h5,h6,p,ol,ul,table,form{margin:0 0 .8em 0}
h1{font-family:arial black,arial,sans-serif;font-size:22px;line-height:22px}
h2{font-family:arial black,arial,sans-serif;font-size:18px;line-height:20px}
h3{font-family:arial black,arial,sans-serif;font-size:14px}
h4,h5,h6{font-size:12px}
a{color:#5a810c;text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
ul{margin:0 0 .8em 0;padding:0;list-style-image:url(/assets/images/li.gif)}
ul li{margin:0 0 0 20px;padding:0}
table th{vertical-align:bottom;text-align:left;padding:3px 1em 3px 0;border-bottom:solid #555 2px}
table td{vertical-align:top;text-align:left;padding:3px 1em 3px 0;border-bottom:dotted #555 1px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* + html .clearfix{display:inline-block}
* html .clearfix{height:1%}
#container{height:678px;margin:0 auto}
#header{height:76px;background:url(/assets/images/nv-bg.png)}
#header .viewport{width:988px;height:76px;margin:0 auto}
#logo{float:left;width:268px;height:76px}
#logo img{display:block;width:268px;height:76px}
#nv{float:left;width:720px;height:76px}
#nv ul.nv1{line-height:55px;width:756px;height:55px;overflow:hidden;list-style-type:none;list-style-image:none;margin:0;padding:0;color:#fff;text-transform:uppercase}
#nv ul.nv1 li{float:left;margin:0;padding:0;border-right:dashed #555859 1px}
#nv ul.nv1 li a{color:#fff;display:block;float:left;padding:0 20px}
#nv ul.nv1 li a:hover{color:#82B60A;text-decoration:none}
#nv ul.nv1 li.a1 a, #nv ul.nv1 li.s1 a{background:url(/assets/images/darr.png) 50% 38px no-repeat;color:#82B60A}
#nv ul.nv2{line-height:9px;height:12px;margin:0;padding:6px 10px 6px 10px;font-size:10px;text-transform:none;list-style-image:none;list-style-type:none}
#nv ul.nv2 li{border-right:solid #555859 1px;float:left;margin:0;padding:0}
#nv ul.nv2 li a{padding:0 10px;color:#A6A5A5 !important}
#nv ul.nv2 li a:hover{color:#fff !important;text-decoration:none}
#nv ul.nv2 li.a1 a, #nv ul.nv2 li.s1 a{color:#fff !important}
#main{}
#main-viewport{width:988px;height:357px;margin:65px auto 45px auto}
#content-background{margin:0;position:absolute;z-index:1;border:solid #fff 1px;width:986px;height:355px}
#content-background .viewport{overflow:auto;height:355px;xpadding:23px 0 23px 23px}
#content-background .viewport *{max-width:935px !important}
#content-bg{width:988px;height:357px;background:#fff;-moz-opacity:.5;opacity:.5}
#content{margin:0;position:absolute;z-index:1;width:988px;height:351px;overflow:hidden}
#footer{height:165px;background:url(/assets/images/footer-bg.png) repeat-x 0 5px}
#footer .viewport{width:1018px;height:165px;margin:0 auto;background:url(/assets/images/paper-bg.png) no-repeat;padding:0 0 0 65px;width:953px}
#footer .col-1{float:left;margin:0 20px 0 65px;padding:20px 0 20px 0;width:200px;margin:0 20px 0 0}
#footer .col-2{float:left;margin:0 20px 0 0;padding:20px 0 20px 0;width:200px}
#footer .col-2 label{float:left;margin:0 5px 0 0}
#footer .col-2 label span{display:block}
#footer .col-3{float:left;margin:0 0 0 20px;padding:0 0 20px 0;width:480px;overflow:hidden}
#footer .col-3 h4{margin-top:5px;height:31px;line-height:31px}
#footer .col-3 ul.products{margin:0;padding:0;list-style-type:none;list-style-image:none}
#footer .col-3 ul.products li{margin:0;padding:0;float:left;width:130px;margin:0 30px 0 0}
form#search{position:absolute;top:640px;left:50%;margin:0 0 0 -469px}
form#search label{display:none}
form#search input.text{width:120px;margin:0}
form#search input.image{vertical-align:middle}
#partner-werden{position:absolute;right:50%;top:0;margin:0 -512px 0 0;width:142px;height:127px}
#partner-werden a{display:block;width:142px;height:127px;background:url(/assets/images/partner-werden.png)}
#partner-werden a:hover{background-position:0 127px}
#partner-werden a span{position:absolute;left:-9999px}
#facebook{display:block;position:absolute;left:50%;margin:0 0 0 -500px;box-shadow:5px 5px 10px #000;-webkit-box-shadow:5px 5px 10px #000;-moz-box-shadow:5px 5px 10px #000}
#facebook p{margin:0}
#lang{position:absolute;right:50%;top:15px;margin:0 -440px}
#lang a{display:block;float:left;margin:0 10px 0 0}
body.lang-en #partner-werden a{background:url(/assets/images/partner-werden.en.png)}

» Montre le code CSS originaire

« Cache le code CSS originaire

body {
  background:#fff no-repeat 50% 0;
  margin:0;
  padding:0;
}
body,table,input,textarea,select,button {
  font-family:verdana,sans-serif;
  font-size:11px;
  line-height:1.4em;
  color:2F2F2F;
}

h1,h2,h3,h4,h5,h6,p,ol,ul,table,form {
  margin:0 0 .8em 0;
}
h1 {
  font-family:arial black,arial,sans-serif;
  font-size:22px;
  line-height:22px;
}
h2 {
  font-family:arial black,arial,sans-serif;
  font-size:18px;
  line-height:20px;
}
h3 {
  font-family:arial black,arial,sans-serif;
  font-size:14px;
}
h4,h5,h6 {
  font-size:12px;
}
a {
  color:#5a810c;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
img {
  border:0;
}
ul {
  margin:0 0 .8em 0;
  padding:0;
  list-style-image:url(/assets/images/li.gif);
}
ul li {
  margin:0 0 0 20px;
  padding:0;
}

table th {
  vertical-align:bottom;
  text-align:left;
  padding:3px 1em 3px 0;
  border-bottom:solid #555 2px;
}
table td {
  vertical-align:top;
  text-align:left;
  padding:3px 1em 3px 0;
  border-bottom:dotted #555 1px;
}

/* clearfix
********************************/
.clearfix:after {  /* fÃ¼r Firefox, IE8, Opera, Safari, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* + html .clearfix { /* fÃ¼r IE7 */
  display: inline-block;
}
* html .clearfix { /* fÃ¼r IE6 */
  height: 1%;
}

#container {
  height:678px;
  margin:0 auto;
}
#header {
  height:76px;
  background:url(/assets/images/nv-bg.png);
}
#header .viewport {
  width:988px;
  height:76px;
  margin:0 auto;
}
#logo {
  float:left;
  width:268px;
  height:76px;
}
#logo img {
  display:block;
  width:268px;
  height:76px;
}
#nv {
  float:left;
  width:720px;
  height:76px;
}

#nv ul.nv1 {
  line-height:55px;
  width:756px;
  height:55px;
  overflow:hidden;
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;
  color:#fff;
  text-transform:uppercase;
}
#nv ul.nv1 li {
  float:left;
  margin:0;
  padding:0;
  border-right:dashed #555859 1px;
}
#nv ul.nv1 li a {
  color:#fff;
  display:block;
  float:left;
  padding:0 20px;
}
#nv ul.nv1 li a:hover {
  color:#82B60A;
  text-decoration:none;
}
#nv ul.nv1 li.a1 a,
#nv ul.nv1 li.s1 a {
  background:url(/assets/images/darr.png) 50% 38px no-repeat;
  color:#82B60A;
}
/* #nv 2. Ebene */
#nv ul.nv2 {
  line-height:9px;
  height:12px;
  margin:0;
  padding:6px 10px 6px 10px;
  font-size:10px;
  text-transform:none;
  list-style-image:none;
  list-style-type:none;
}
#nv ul.nv2 li {
  border-right:solid #555859 1px;
  float:left;
  margin:0;
  padding:0;
}
#nv ul.nv2 li a {
  padding:0 10px;
  color:#A6A5A5 !important;
}
#nv ul.nv2 li a:hover {
  color:#fff !important;
  text-decoration:none;
}
#nv ul.nv2 li.a1 a,
#nv ul.nv2 li.s1 a{
  color:#fff !important;
}

#main {
}
#main-viewport {
  width:988px;
  height:357px;
  margin:65px auto 45px auto;
}

/* Content Background
*******************************/
#content-background {
  margin:0;
  position:absolute;
  z-index:1;
  border:solid #fff 1px;
  width:986px;
  height:355px;

}
#content-background .viewport {
  overflow:auto;
  height:355px;
  xpadding:23px 0 23px 23px;
}
#content-background .viewport * {
  max-width:935px !important;
}
#content-bg {
  width:988px;
  height:357px;
  background:#fff;
  -moz-opacity:.5;
  opacity:.5;
}

/* Content No Background
*******************************/
#content {
  margin:0;
  position:absolute;
  z-index:1;
  width:988px;
  height:351px;
  overflow:hidden;
}

#footer {
  height:165px;
  background:url(/assets/images/footer-bg.png) repeat-x 0 5px;
}
#footer .viewport {
  width:1018px;
  height:165px;
  margin:0 auto;
  background:url(/assets/images/paper-bg.png) no-repeat;

padding:0 0 0 65px;
  width:953px;
}
#footer .col-1 {
  float:left;
  margin:0 20px 0 65px;
  padding:20px 0 20px 0;
  width:200px;
  /*height:95px;*/

margin:0 20px 0 0;
}
#footer .col-2 {
  float:left;
  margin:0 20px 0 0;
  padding:20px 0 20px 0;
  width:200px;
  /*height:95px;*/
}
#footer .col-2 label {
  float:left;
  margin:0 5px 0 0;
}
#footer .col-2 label span {
  display:block;
}
#footer .col-3 {
  float:left;
  margin:0 0 0 20px;
  padding:0 0 20px 0;
  width:480px;
  /*height:95px;*/
  overflow:hidden;
}
#footer .col-3 h4 {
  margin-top:5px;
  height:31px;
  line-height:31px;
}
#footer .col-3 ul.products {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-image:none;
}
#footer .col-3 ul.products li {
  margin:0;
  padding:0;
  float:left;
  width:130px;
  margin:0 30px 0 0;
}

form#search {
  position:absolute;
  top:640px;
  left:50%;
  margin:0 0 0 -469px;
}
form#search label {
  display:none;
}
form#search input.text {
  width:120px;
  margin:0;
}
form#search input.image {
  vertical-align:middle;
}

#partner-werden {
  position:absolute;
  right:50%;
  top:0;
  margin:0 -512px 0 0;
  width:142px;
  height:127px;
}
#partner-werden a {
  display:block;
  width:142px;
  height:127px;
  background:url(/assets/images/partner-werden.png);
}
#partner-werden a:hover {
  background-position:0 127px;
}
#partner-werden a span {
  position:absolute;
  left:-9999px;
}
#facebook {
  display:block;
  position:absolute;
  left:50%;
  margin:0 0 0 -500px;
  box-shadow:5px 5px 10px #000;
  -webkit-box-shadow:5px 5px 10px #000;
  -moz-box-shadow:5px 5px 10px #000;
}
#facebook p {
  margin:0;
}
#lang {
  position:absolute;
  right:50%;
  top:15px;
  margin:0 -440px;
}
#lang a {
  display:block;
  float:left;
  margin:0 10px 0 0;
}

/* Englische Version
*******************************/
body.lang-en #partner-werden a {
  background:url(/assets/images/partner-werden.en.png);
}

Plus d'information sur ce site:

URL: http://www.footpower.de/
CSS URL: http://www.footpower.de/assets/styles.css
Charset: UTF-8
Titre: Startseite | Footpower
Meta-Description: footpower bietet neuartige sensomotorische Einlagen die Schmerzen verhindern und den Körper zur Selbsthilfe anleiten.
Meta-Keywords: Einlagen, Sport, Bewegung, Selbsthilfe, Einzigartig, Schmerzfrei, Laufen, footpower, Sensomotorik, Sportsrunner, footpower-Service