Resultat de la compression du code CSS de www.xyzettgraphix.com

Lasse nous voir ce que nous avons fait pour www.xyzettgraphix.com

CSSCruncher.com à sauvgardé
29,86 % de code poour ce site! je n\'y crois pas!

Code CSS comprimé:

ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;font-weight:normal}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd{margin:0;padding:0}
img,a img,:link img,:visited img,fieldset{border:none}
img{margin:0;padding:0;vertical-align:bottom}
address{font-style:normal}
table{border:none;padding:0px;margin:0px;border-spacing:0px;font-size:1em}
tr{border:none;padding:0px;margin:0px}
td{border:none;padding:0px;margin:0px;vertical-align:top;border-spacing:0px}
legend{display:none}
hr{margin:0px;padding:0px}
dl{margin:0 0 0 0}
dl dt{margin:0 0 0 0}
dl dd+dt{margin-top:0}
dl dd{margin:0 0 0 0}
ol{list-style:none}
ol li{margin:0 0 0 0}
ol li ol{margin:0 0 0 0}
ol li ul{margin:0 0 0 0}
p{margin-bottom:0em}
ul{list-style:none}
ul li{margin:0 0 0 0}
ul li ul{margin:0 0 0 0;list-style:none}
ul li ol{margin:0 0 0 0}
pre{font-size:1.2em}
a, a:hover{text-decoration:none}
html,body{color:#666;font-family:Georgia,Tahoma,Helvetica,Arial;font-size:11px;width:100%;height:100%;background-color:#000}
a{color:#fff;text-decoration:underline}
div#wrapper{background-image:url("http://www.xyzettgraphix.com/files/wrapperbg.gif");background-repeat:repeat-x;height:auto !important;margin:0 auto;position:relative;width:800px;z-index:3}
div#innerwrap{height:auto !important;margin:0 auto;padding:0px;position:relative;width:800px;background-repeat:repeat-y;z-index:3}
#header{background-image:url("http://www.xyzettgraphix.com/files/header.png");background-position:0% 0%;background-repeat:no-repeat;float:left;height:156px;width:800px}
#navi{background-position:0% 100%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;padding:18px 0 18px 0;float:left;line-height:24px;width:800px}
#navi ul li a,#footer ul li a{color:#AE9962;font-family:Georgia;font-weight:normal;font-size:16px;letter-spacing:0.15em;font-style:italic;text-decoration:none}
#navi ul li a:hover,#navi ul li a.active,#navi ul li a.rex-current, #footer ul li a:hover,#footer ul li a.active,#footer ul li a.rex-current{color:#fff}
#footer ul li a{font-size:12px;line-height:23px}
#header ul{float:left;margin-top:205px}
#header ul li{float:left;font-size:11px;background-repeat:no-repeat;background-position:0px 3px}
#header ul li a{padding:0 5px 0 5px}
#header ul li a:hover, #header ul li a.rex-current{color:#0baee6}
div#content{float:left}
div#content p{padding-bottom:12px;line-height:18px}
div#content h2{font-size:29px;padding-bottom:5px}
.box{}
div#footnote{background-position:100% 0%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;font-size:11px;float:left;width:800px;padding-top:10px;height:10px;margin-top:20px}
#metro{width:1px;height:1px;bottom:0px}
div#footer{background-position:100% 100%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;width:800px;position:relative;margin:0 auto;height:130px;margin-bottom:20px}
div#footer .l,div#footer .r{color:#FFF;float:left;width:300px}
div#footer .r{line-height:20px;width:500px}
#navi{background-position:0% 100%;background-image:url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");background-repeat:repeat-x;padding:18px 0 18px 0;float:left;line-height:24px;width:800px}
pre{display:none}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
#outerwrap{margin:auto;min-height:100%;height:auto !important;height:100%;overflow:hidden !important}
#toolbar{position:fixed;top:145px;width:158px;z-index:10;float:left;left:-129px}
#toolbar #top{height:12px;float:left;width:133px;background-image:url("http://www.xyzettgraphix.com/files/toolbar_top.png")}
#toolbar #center{float:left;width:133px;background-color:#AE9962}
#toolbar #bottom{height:12px;width:133px;float:left;background-image:url("http://www.xyzettgraphix.com/files/toolbar_bottom.png")}
#toolbar ul{padding:0 0 5px 11px}
#toolbar ul li,#toolbar ul li a{color:#FFF;letter-spacing:0.12em;font-size:10px;text-decoration:none}
#toolbar ul li,#toolbar ul li a{color:#FFF}
#toolbar hr{height:2px;border:0px;width:120px;float:left;background-image:url("http://www.xyzettgraphix.com/files/border.gif");background-repeat:repeat-x;margin-bottom:8px}
#toolbar ul li{padding-bottom:5px}
#toolbar ul li a{font-style:italic;font-weight:bold;text-transform:uppercase;line-height:17px;padding-bottom:0px}
#toolbar ul li a.active, #toolbar ul li a:hover, #toolbar ul li a.rex-current{color:#000}
#toolbar #panel1,#toolbar #panel2{width:23px;height:80px;cursor:pointer;padding-top:50px;float:left}
.newsblock,.simple{height:223px;float:left;width:799px;margin:24px 0px 0 0;border:1px solid #fff}
.simple{height:223px}
.newsblock hr,.newsdetail hr{border:0px;height:1px;margin-top:10px;width:290px;background-color:#FFF;float:left}
.newsblock img,.newsdetail img{float:left}
.newsblock .l,.newsdetail .l,.simple .l{padding:5px;width:290px;float:left;height:213px;background-color:#ae9962}
.newsblock h2,.newsdetail h2{float:left;font-weight:bold;color:#FFF;padding-top:95px}
.newsblock p,.newsdetail p,.simple p{color:#FFF;float:left;font-size:12px;line-height:30px;padding:10px 5px 5px 5px}
.newsdetail p{padding:4px 5px 5px 5px}
.newsblock .newsmore img{position:relative;top:-59px;left:300px}
.newsdetail .hidedetails img{position:absolute;top:50px;z-index:10;left:299px}
.newsdetail .showdetails img{position:absolute;top:50px;z-index:102;left:0px}
.newsdetail{height:488px;float:left;width:798px;margin:24px 0px 0 0;border:1px solid #fff}
.newsdetail .detailinfo .l{height:478px;width:289px}
.newsdetail h3{padding:10px 0 0 5px;margin:0px;color:#fff;float:left;font-weight:bold;font-style:italic}
.jqGSPagination ul{position:relative;top:-30px;float:right;width:auto;height:30px}
.diawrap{cursor:pointer}
.jqGSPagination ul li{float:left}
.jqGSPagination ul li a{background-color:#AE9962;margin:0 5px 0px 0;float:left;padding:2px 8px 2px 8px}
.jqGSPagination ul li a{color:#fff;display:block;font-size:12px;text-decoration:none}
.detailinfo{position:relative}
.detailinfo p a{color:#000;text-decoration:underline}
.detailinfo .l{width:300px;position:absolute;z-index:100;background-color:#AE9962;height:488px}
.detailinfo .l p,.detailinfo .l h3{clear:both}
#content .newsblock .l h2,#content .newsdetail .detailinfo .l h2{font-size:25px}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

» Montre le code CSS originaire

« Cache le code CSS originaire

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }

/* reset */

hr{
margin: 0px;
padding: 0px;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a,
a:hover { text-decoration:none; }

html, body{
        color: #666;
        font-family: Georgia, Tahoma, Helvetica, Arial;
        font-size: 11px;
        width: 100%;
        height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
        background-color: #000;
}

a{
        color: #fff;
	text-decoration: underline;
}

div#wrapper{
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg.gif");
        background-repeat: repeat-x;
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        position: relative;
        width: 800px;
        z-index: 3;

}

div#innerwrap{
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        padding: 0px;
        position: relative;
        width: 800px;
        background-repeat: repeat-y;
        z-index: 3;
}

#header{
        background-image: url("http://www.xyzettgraphix.com/files/header.png");
        background-position: 0% 0%;
        background-repeat: no-repeat;
        float: left;
        height: 156px;
        width: 800px;  
}

#navi{
        background-position: 0% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        padding: 18px 0 18px 0;
        float: left;
        line-height: 24px;
        width: 800px;  
}

#navi ul li a,#footer ul li a{
        color: #AE9962;
        font-family: Georgia;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.15em;
        font-style: italic;
	text-decoration: none;
}

#navi ul li a:hover,#navi ul li a.active,#navi ul li a.rex-current,
#footer ul li a:hover,#footer ul li a.active,#footer ul li a.rex-current{
        color: #fff;
}

#footer ul li a{
        font-size: 12px;
        line-height: 23px;
}

#header ul{
        float: left;
        margin-top: 205px;
}

#header ul li{
        float: left;
        font-size: 11px;
        background-repeat: no-repeat;
        background-position: 0px 3px;
}

#header ul li a{
        padding: 0 5px 0 5px;
}

#header ul li a:hover,
#header ul li a.rex-current{
        color: #0baee6;
}

div#content{
        float: left;

}

div#content p{
        padding-bottom: 12px;
        line-height: 18px;
}

div#content h2{
       font-size: 29px;
       padding-bottom: 5px;
}

.box{

}

div#footnote {
        background-position: 100% 0%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        font-size: 11px;
        float: left;
        width: 800px;
        padding-top: 10px;
        height: 10px;
        margin-top: 20px;
}

#metro{width: 1px; height: 1px; bottom: 0px;}

div#footer {
        background-position: 100% 100%;
        background-image: url("http://www.xyzettgraphix.com/files/wrapperbg2.gif");       
        background-repeat: repeat-x;
        width: 800px;
        position: relative;
        margin: 0 auto; 
        height: 130px;
        margin-bottom: 20px;
}

div#footer .l,div#footer .r{
       color: #FFF;
       float: left;
       width: 300px;

}

div#footer .r{
       line-height: 20px;
       width: 500px;
}

pre { display:none }

.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

#outerwrap{
       margin: auto; /* Div soll zentriert werden */
       min-height: 100%; /* Mindesth?he f?r moderne Browser */
       height:auto !important; /* Important Regel f?r moderne Browser */
       height:100%; /* Mindesth?he f?r den IE */
       overflow: hidden !important; /* FF Scroll-leiste */ 
}

#toolbar{
       position: fixed;
       top: 145px;
       width: 158px;
       z-index: 10;
       float: left;
       left: -129px;
}

#toolbar #top{
       height: 12px;
       float: left;
       width: 133px;
       background-image: url("http://www.xyzettgraphix.com/files/toolbar_top.png");
}

#toolbar #center{
       float: left;
       width: 133px;
       background-color: #AE9962;
}

#toolbar #bottom{
       height: 12px;
       width: 133px;
       float: left;
       background-image: url("http://www.xyzettgraphix.com/files/toolbar_bottom.png");
}

#toolbar ul{
        padding: 0 0 5px 11px;
}

#toolbar ul li,#toolbar ul li a{
       color: #FFF;
        letter-spacing: 0.12em;
       font-size: 10px;
	text-decoration: none;
}
           
#toolbar ul li,#toolbar ul li a{
       color: #FFF;
}

#toolbar hr{
       height: 2px;
       border: 0px;
       width: 120px;
       float: left;
       background-image: url("http://www.xyzettgraphix.com/files/border.gif");
       background-repeat: repeat-x;
       margin-bottom: 8px;
}

#toolbar ul li{
       padding-bottom: 5px;
}

#toolbar ul li a{
       font-style: italic;
       font-weight: bold;
       text-transform: uppercase;
       line-height: 17px;
       padding-bottom: 0px;
}

#toolbar ul li a.active,
#toolbar ul li a:hover,
#toolbar ul li a.rex-current{
       color: #000;
}

#toolbar #panel1,#toolbar #panel2{
       width: 23px;
       height: 80px;
       cursor: pointer;
       padding-top: 50px;
       float: left;
}

.newsblock,.simple{
       height: 223px;
       float: left;
       width: 799px;
       margin: 24px 0px 0 0;
       border: 1px solid #fff;
}

.simple{
       height: 223px;
}

.newsblock hr,.newsdetail hr{
       border: 0px;
       height: 1px;
       margin-top: 10px;
       width: 290px;
       background-color: #FFF;
       float: left;
}

.newsblock img, .newsdetail img{
       float: left;
}

.newsblock .l,.newsdetail .l, .simple .l{
       padding: 5px;
       width: 290px;
       float: left;
       height: 213px;
       background-color:#ae9962;
}

.newsblock h2,.newsdetail h2{
       float: left;
       font-weight: bold;
       color: #FFF;
       padding-top: 95px;
}

.newsblock p,.newsdetail p, .simple p{
       color: #FFF;
       float: left;
       font-size: 12px;
       line-height: 30px;
       padding: 10px 5px 5px 5px;
}

.newsdetail p{
       padding: 4px 5px 5px 5px;
}

.newsblock .newsmore img{
       position: relative;
       top: -59px;
       left: 300px;
}

.newsdetail .hidedetails img{
       position: absolute;
       top: 50px;
       z-index: 10;
       left: 299px;
}

.newsdetail .showdetails img{
       position: absolute;
       top: 50px;
       z-index: 102;
       left: 0px;
}

.newsdetail{
       height: 488px;
       float: left;
       width: 798px;
       margin: 24px 0px 0 0;
       border: 1px solid #fff;
}

.newsdetail .detailinfo .l{
       height: 478px;
       width: 289px;
}

.newsdetail h3{
       padding: 10px 0 0 5px;
       margin: 0px;
       color: #fff;
       float: left;
       font-weight: bold;
       font-style: italic;
}

.jqGSPagination ul{
       position: relative;
       top: -30px;
float: right;
width: auto;

height: 30px;

}

.diawrap{
       cursor: pointer;
}

.jqGSPagination ul li{
float: left;
}

.jqGSPagination ul li a{

background-color: #AE9962;
       margin: 0 5px 0px 0;
       float: left;
       padding: 2px 8px 2px 8px;
}

.jqGSPagination ul li a{
       color: #fff;
       display: block;
       font-size: 12px;
       text-decoration: none;
}
.detailinfo{
       position: relative;
}

.detailinfo p a{
       color: #000;
       text-decoration: underline
}

.detailinfo .l{
       width: 300px;
       position: absolute;
       z-index: 100;
       background-color: #AE9962;
       height: 488px;
}
.detailinfo .l p,.detailinfo .l h3{
clear: both;
}
#content .newsblock  .l h2, #content .newsdetail .detailinfo .l h2{
        font-size: 25px;
}

.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */

Plus d'information sur ce site:

URL: http://www.xyzettgraphix.com/
CSS URL: http://www.xyzettgraphix.com/files/x.css
Charset: iso-8859-1
Titre: xyzettgraphix. | büro für visuellle kommunikation
Meta-Description: xyzettgraphix büro für visuelle kommunikation, xyzett, xyz, Zeljko Cavara, Grafik Design, Graphix, xyz, xyzett, büro, Design, Corporate, CI, Zeljko, Cavara, Logo, Webdesign, Web, CMS, Typo3, xyzettgraphix.,
Meta-Keywords: Büro für visuelle kommunikation, Zeljko, Cavara, Düsseldorf, Grafik Design, Web Design, Motion Design, Kommunikationsdesign, Grafikdesign, Internet, CMS, Webdesign, Typo3, Wordpress, jQuery, Content Management, x, y, z, xyz, xyzett, zett, graphix, grafik