Resultat de la compression du code CSS de firstping.de

Lasse nous voir ce que nous avons fait pour firstping.de

CSSCruncher.com à sauvgardé
14,49 % de code poour ce site! Pas mal!

Code CSS comprimé:

html{padding:0;margin:0}
body{background:#f4f4f4 url(img/background.png) repeat-x;font-size:19px;font-family:'Verdana',sans-serif;color:#000000;padding:0;margin:0}
div,p,ul,h2,h3,h4,img{padding:0;margin:0}
.ie-float-bug{background-color:#aaaaaa}
.clear{clear:both;line-height:0;font-size:0;height:0}
.wrapper{position:relative;clear:both;font-family:'Verdana',sans-serif;font-size:8pt;width:900px;margin-left:auto;margin-right:auto}
#status{background:url('img/status.png') no-repeat;font-family:'Verdana',sans-serif;font-size:7pt;height:12px;padding:3px 10px 10px 60px;text-align:left}
#header{padding:0;margin-top:-3px;margin-left:5px}
#header .logo{background:url('img/logo.png') no-repeat;margin-top:-7px;height:67px}
#header .warum{background:url('img/head/box.png') no-repeat;margin-left:290px;padding:4px 4px;height:63px;z-index:9;text-align:left}
#header .warum li{color:#505050}
#header .warum top{font-weight:bold;font-size:9pt}
#header .meinung{background:url('img/head/box.png') no-repeat;margin-left:290px;padding:4px 4px;margin-top:-56px;height:63px;z-index:7}
#header .meinung top{font-weight:bold;font-size:9pt}
#header .meinung kunde{font-weight:bold;font-size:8pt}
#header .meinung p{text-align:center}
#angebot{height:30px;margin-top:-3px;width:900px;margin-left:0;z-index:1}
#angebot .advert{height:30px;background:url('img/angebot/root.png') no-repeat;margin-top:14px;height:214px;padding:1px 10px 74px 654px;z-index:1}
#angebot .navGAME{background:url('img/angebot/gameserver.png') no-repeat;padding:0 0;margin-top:0;height:70px}
#angebot .navROOT{background:url('img/angebot/rootserver.png') no-repeat;padding:0 0;margin-top:0;height:73px}
#angebot .navWEB{background:url('img/angebot/webspace.png') no-repeat;padding:0 0;margin-top:0;height:77px}
#nav{position:absolute;top:85px;left:0;padding:0;margin:0;text-align:left;margin-left:0;margin-top:221px;z-index:23;width:900px;display:block;text-align:center}
#trenner{text-indent:550px}
#content{position:absolute;top:115px;left:0;padding:0;margin:0;text-align:left;margin-left:0;margin-top:239px;z-index:23;width:900px;display:block}
#content .left{position:absolute;left:0;width:200px;height:200px;min-height:200px}
#content .right{position:absolute;right:0;width:670px;height:auto;min-height:200px;border-left:1px dotted #797979;border-bottom:1px dotted #797979;border-right:1px dotted #797979;padding:3px 10px 10px 10px}
#content .box{font-family:'Verdana',sans-serif;font-size:8pt;background:url('img/nav/box.png') no-repeat;padding:7px 10px;color:#464646;margin-top:0;height:171px;width:203px}
#content .box h2{font-family:'Verdana',sans-serif;font-size:8pt;padding:2px 6px;font-weight:bold;color:#efefef}
.clear{clear:both}
#gallery{position:relative}
#angebot a{float:left;position:absolute}
#angebot a img{border:none}
#angebot a.show{z-index:500}
#angebot .caption{z-index:600;background-color:#000;color:#ffffff;height:100px;width:100%;position:absolute;bottom:0}
#angebot .caption .content{margin:5px}
#angebot .caption .content h3{margin:0;padding:0;color:#1dccef}
#preload{font-size:9px;font-family:'Verdana',sans-serif;background-color:#f1f1f1;position:fixed;left:50%;top:50%;bottom:50%;text-align:center;z-index:100;top:0;left:0;height:100%;width:100%;line-height:200px}
.jqHandle{background:#d8d8d8;height:13px}
.jqDrag{font-weight:bold;width:99%;cursor:move;padding:3px}
.jqResize{background:url("img/cursor_nwse-resize.gif") no-repeat;font-family:bold verdana,sans-serif;font-size:11px;width:20px;height:20px;position:absolute;bottom:0;right:0;cursor:se-resize}
.jqExit{background:url("img/exit.png") no-repeat;font-weight:bold;font-family:verdana,sans-serif;font-size:14px;width:20px;height:20px;position:absolute;top:0;right:0;cursor:crosshair}
.forminput{background-color:#eee;font-family:bold verdana,sans-serif;font-size:11px;height:20px;position:absolute;padding:3px 1px;bottom:0;left:0}
.jqDnR{z-index:100;position:relative;font-family:verdana,sans-serif;font-size:7px;min-width:300px;min-height:200px;max-width:500px;max-height:300px;width:200px;height:200px;font-size:0.77em;margin:50px 10px 10px 60px;padding:3px;background-color:#eee;border:1px solid #ccc;overflow:hidden}
.info{z-index:3;position:relative;font-family:verdana,sans-serif;font-size:7px;min-width:300px;min-height:200px;max-width:500px;max-height:300px;width:200px;height:200px;font-size:0.77em;margin:50px 10px 10px 60px;padding:3px;background-color:#eee;border:1px solid #ccc;overflow:hidden}
.content{overflow:hidden;font-family:verdana,sans-serif;font-size:10px}
input,textarea,select{margin:1px;padding:2px;border:1px solid #cccccc;background-color:#fcfcfc;font:normal 10px verdana,arial,tahoma,helvetica,sans-serif;width:200px;color:#0d93fe}
input:active,textarea:active,select:active,input:focus,textarea:focus,select:focus{border:1px solid #666666;background-color:#eaf7fd;color:#666666}
input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{color:#0d93fe;border:1px solid #cccccc;background-color:#f6f6f6;padding:1px;font-weight:bold;width:55px}
#footer{z-index:100;font-family:verdana,sans-serif;font-size:9px;background-color:#eee;position:fixed;bottom:0;padding:5px;height:20px;width:900px;text-align:center}
.sty2 th{font-size:9px;padding:0 15px 0 15px;font-family:Verdana,Arial,sans-serif;text-align:center;font-weight:bold;text-align:left;width:600px;color:black;font-size:9px;font-family:Verdana,Arial,SunSans-Regular,Sans-Serif;border-left:3px solid #0d93fe}
.sty2 td{font-size:10px;padding:0 15px 0 15px;font-family:Verdana,Arial,sans-serif;text-align:center;font-weight:bold;text-align:left;width:600px;color:black;font-size:9px;font-family:Verdana,Arial,SunSans-Regular,Sans-Serif;border-left:0 solid #0d93fe}
.sty2 table{padding:0 15px 0 15px;color:black;width:600px;font-size:9px;font-family:Verdana,Arial,SunSans-Regular,Sans-Serif;font-family:Verdana,Arial,sans-serif}
body{background-color:#ffffff}
div.c2{text-align:center}
li.c1{list-style:none;display:inline}
#container{width:900px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:5px 15px;background-color:#FFFFFF;border-left:1px dotted;border-right:1px dotted;border-bottom:1px dotted}
#container{width:900px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:5px 15px;background-color:#FFFFFF;border-left:1px dotted;border-right:1px dotted;border-bottom:1px dotted}

» Montre le code CSS originaire

« Cache le code CSS originaire

html {
padding : 0;
margin : 0;
}
body {
background : #f4f4f4 url(img/background.png) repeat-x;
font-size : 19px;
font-family : 'Verdana', sans-serif;
color : #000000;
padding : 0;
margin : 0;
}
div, p, ul, h2, h3, h4, img {
padding : 0;
margin : 0;
}
.ie-float-bug {
background-color : #aaaaaa;
}
.clear {
clear : both;
line-height : 0;
font-size : 0;
height : 0;
}
.wrapper {
position : relative;
clear : both;
font-family : 'Verdana', sans-serif;
font-size : 8pt;
width : 900px;
margin-left : auto;
margin-right : auto;
}
#status {
background : url('img/status.png') no-repeat;
font-family : 'Verdana', sans-serif;
font-size : 7pt;
height : 12px;
padding : 3px 10px 10px 60px;
text-align : left;
}
#header {
padding : 0;
margin-top : -3px;
margin-left : 5px;
}
#header .logo {
background : url('img/logo.png') no-repeat;
margin-top : -7px;
height : 67px;
}
#header .warum {
background : url('img/head/box.png') no-repeat;
margin-left : 290px;
padding : 4px 4px;
height : 63px;
z-index : 9;
text-align : left;
}
#header .warum li {
color : #505050;
}
#header .warum top {
font-weight : bold;
font-size : 9pt;
}
#header .meinung {
background : url('img/head/box.png') no-repeat;
margin-left : 290px;
padding : 4px 4px;
margin-top : -56px;
height : 63px;
z-index : 7;
}
#header .meinung top {
font-weight : bold;
font-size : 9pt;
}
#header .meinung kunde {
font-weight : bold;
font-size : 8pt;
}
#header .meinung p {
text-align : center;
}
#angebot {
height : 30px;
margin-top : -3px;
width : 900px;
margin-left : 0;
z-index : 1;
}
#angebot .advert {
height : 30px;
background : url('img/angebot/root.png') no-repeat;
margin-top : 14px;
height : 214px;
padding : 1px 10px 74px 654px;
z-index : 1;
}
#angebot .navGAME {
background : url('img/angebot/gameserver.png') no-repeat;
padding : 0 0;
margin-top : 0;
height : 70px;
}
#angebot .navROOT {
background : url('img/angebot/rootserver.png') no-repeat;
padding : 0 0;
margin-top : 0;
height : 73px;
}
#angebot .navWEB {
background : url('img/angebot/webspace.png') no-repeat;
padding : 0 0;
margin-top : 0;
height : 77px;
}
#nav {
position : absolute;
top : 85px;
left : 0;
padding : 0;
margin : 0;
text-align : left;
margin-left : 0;
margin-top : 221px;
z-index : 23;
width : 900px;
display : block;
text-align: center;
}

#trenner { 
    text-indent: 550px;
}

#content {
position : absolute;
top : 115px;
left : 0;
padding : 0;
margin : 0;
text-align : left;
margin-left : 0;
margin-top : 239px;
z-index : 23;
width : 900px;
display : block;
}
#content .left {
position : absolute;
left : 0;
width : 200px;
height : 200px;
min-height : 200px;
}
#content .right {
position : absolute;
right : 0;
width : 670px;
height : auto;
min-height : 200px;
border-left : 1px dotted #797979;
border-bottom : 1px dotted #797979;
border-right : 1px dotted #797979;
padding : 3px 10px 10px 10px;
}
#content .box {
font-family : 'Verdana', sans-serif;
font-size : 8pt;
background : url('img/nav/box.png') no-repeat;
padding : 7px 10px;
color : #464646;
margin-top : 0;
height : 171px;
width : 203px;
}
#content .box h2 {
font-family : 'Verdana', sans-serif;
font-size : 8pt;
padding : 2px 6px;
font-weight : bold;
color : #efefef;
}
.clear {
clear : both;
}
#gallery {
position : relative;
}
#angebot a {
float : left;
position : absolute;
}
#angebot a img {
border : none;
}
#angebot a.show {
z-index : 500;
}
#angebot .caption {
z-index : 600;
background-color : #000;
color : #ffffff;
height : 100px;
width : 100%;
position : absolute;
bottom : 0;
}
#angebot .caption .content {
margin : 5px;
}
#angebot .caption .content h3 {
margin : 0;
padding : 0;
color : #1dccef;
}
#preload {
font-size : 9px;
font-family : 'Verdana', sans-serif;
background-color : #f1f1f1;
position : fixed;
left : 50%;
top : 50%;
bottom : 50%;
text-align : center;
z-index : 100;
top : 0;
left : 0;
height : 100%;
width : 100%;
line-height : 200px;
}
.jqHandle {
background : #d8d8d8;
height : 13px;
}
.jqDrag {
font-weight : bold;
width : 99%;
cursor : move;
padding : 3px;
}
.jqResize {
background : url("img/cursor_nwse-resize.gif") no-repeat;
font-family : bold verdana, sans-serif;
font-size : 11px;
width : 20px;
height : 20px;
position : absolute;
bottom : 0;
right : 0;
cursor : se-resize;
}
.jqExit {
background : url("img/exit.png") no-repeat;
font-weight : bold;
font-family : verdana, sans-serif;
font-size : 14px;
width : 20px;
height : 20px;
position : absolute;
top : 0;
right : 0;
cursor : crosshair;
}
.forminput {
background-color : #eee;
font-family : bold verdana, sans-serif;
font-size : 11px;
height : 20px;
position : absolute;
padding : 3px 1px;
bottom : 0;
left : 0;
}
.jqDnR {
z-index : 100;
position : relative;
font-family : verdana, sans-serif;
font-size : 7px;
min-width : 300px;
min-height : 200px;
max-width : 500px;
max-height : 300px;
width : 200px;
height : 200px;
font-size : 0.77em;
margin : 50px 10px 10px 60px;
padding : 3px;
background-color : #eee;
border : 1px solid #ccc;
overflow : hidden;
}
.info {
z-index : 3;
position : relative;
font-family : verdana, sans-serif;
font-size : 7px;
min-width : 300px;
min-height : 200px;
max-width : 500px;
max-height : 300px;
width : 200px;
height : 200px;
font-size : 0.77em;
margin : 50px 10px 10px 60px;
padding : 3px;
background-color : #eee;
border : 1px solid #ccc;
overflow : hidden;
}
.content {
overflow : hidden;
font-family : verdana, sans-serif;
font-size : 10px;
}
input, textarea, select {
margin : 1px;
padding : 2px;
border : 1px solid #cccccc;
background-color : #fcfcfc;
font : normal 10px verdana, arial, tahoma, helvetica, sans-serif;
width : 200px;
color : #0d93fe;
}
input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus {
border : 1px solid #666666;
background-color : #eaf7fd;
color : #666666;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
color : #0d93fe;
border : 1px solid #cccccc;
background-color : #f6f6f6;
padding : 1px;
font-weight : bold;
width : 55px;
}
#footer {
z-index : 100;
font-family : verdana, sans-serif;
font-size : 9px;
background-color : #eee;
position : fixed;
bottom : 0;
padding : 5px;
height : 20px;
width: 900px;
text-align : center;
}
.sty2 th {
font-size : 9px;
padding : 0 15px 0 15px;
font-family : Verdana, Arial, sans-serif;
text-align : center;
font-weight : bold;
text-align : left;
width : 600px;
color : black;
font-size : 9px;
font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
border-left : 3px solid #0d93fe;
}
.sty2 td {
font-size : 10px;
padding : 0 15px 0 15px;
font-family : Verdana, Arial, sans-serif;
text-align : center;
font-weight : bold;
text-align : left;
width : 600px;
color : black;
font-size : 9px;
font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
border-left : 0 solid #0d93fe;
}
.sty2 table {
padding : 0 15px 0 15px;
color : black;
width : 600px;
font-size : 9px;
font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
font-family : Verdana, Arial, sans-serif;
}
body {
background-color : #ffffff;
}
div.c2 {
text-align : center;
}
li.c1 {
list-style : none;
display : inline;
}

#container {
width: 900px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding:5px 15px;
background-color: #FFFFFF;
border-left: 1px dotted;
border-right: 1px dotted;
border-bottom: 1px dotted;
}