Ergebnisse des CSS Crunching von www.xyzettgraphix.com

Mal sehen was wir getan haben für www.xyzettgraphix.com

CSSCruncher.com hat dieser Webseite
29,86 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

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}

» Zeige den Original CSS code

« Verberge den Original CSS code

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 */

Weitere Informationen über diese Webseite:

URL: http://www.xyzettgraphix.com/
CSS URL: http://www.xyzettgraphix.com/files/x.css
Charset: iso-8859-1
Titel: 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