Results of the CSS crunched for pinx-design.com

Let's see what we've done for pinx-design.com

CSSCruncher.com has crunched this CSS to
22.61 %Less Size! That's Incredible!

Crunched CSS code:

body{color:#fff;background:#000 url("../i/ly/bg_body.png") repeat-x top left}
#head{background:transparent url("../i/ly/logo.png") no-repeat 32px 27px}
#nav li a{color:#fff}
#nav li a:hover,#nav li a.hi{background:transparent url("../i/ly/bg_navbutton.png") repeat-x top left;border-bottom:1px solid #AAE01B}
#buero{border-top:1px solid #424242;border-right:none;border-bottom:1px solid #424242;border-left:1px solid #424242}
#projekte{border-top:1px solid #424242;border-right:none;border-bottom:1px solid #424242;border-left:1px solid #424242}
#leistungen{border-top:1px solid #424242;border-right:none;border-bottom:1px solid #424242;border-left:1px solid #424242}
#kontakt{border-top:1px solid #424242;border-right:1px solid #424242;border-bottom:1px solid #424242;border-left:1px solid #424242}
#inhalt{background:transparent url("../i/ly/bg_inhalt.png") repeat-y top left}
#ms form input{color:#fff;background:#000;border:1px solid #424242}
#ms form input:focus{border:1px solid #424242;border-bottom:1px solid #AAE01B}
#footer{color:#424242}
#subnav ul{border-top:1px solid #424242}
#subnav li a:link,#subnav li a:visited{color:#fff;border-bottom:1px solid #424242}
#subnav li a:hover{color:#fff;background:transparent url("../i/ly/bg_subnavbutton.png") repeat-x bottom left;border-bottom:1px solid #AAE01B}
#subnav li a:link.hi,#subnav li a:visited.hi{background:transparent url("../i/ly/bg_subnavbutton.png") repeat-x bottom left;border-bottom:1px solid #AAE01B}
#hs img.ohnelink{border:1px solid #424242}
#hs a.bildlink:link,#hs a.bildlink:visited{border:1px solid #424242}
#hs a.bildlink:hover{border:1px solid #aae01b}
#hs div.infobox a.bildlink:link,#hs div.infobox a.bildlink:visited,#ms a.bildlink:link,#ms a.bildlink:visited{border:1px solid #fff}
#hs div.infobox a.bildlink:hover,#ms a.bildlink:hover{border:1px solid #aae01b;background:none}
#hs li{background:transparent url("../i/ly/bullet.png") no-repeat 0 8px}
#hs .infobox li{background:none}
h1,h2,h3{color:#c0c0c0}
#ms h3{border-bottom:1px solid #424242}
#ms h4{color:#c0c0c0}
.trenner{background:transparent url("../i/ly/trenner.png") repeat-x bottom left}
#ms .trenner{border-bottom:1px solid #424242;background:none}
#hs p a:link,#hs p a:visited,#hs li a:link,#hs li a:visited,#ms a:link,#ms a:visited,.infobox a:link,.infobox a:visited{color:#aae01b;border-bottom:1px solid #232323}
#hs div.infobox li a:link,#hs div.infobox li a:visited{border-bottom:1px solid #444}
#hs p a:hover,#hs li a:hover,#ms a:hover,#hs div.infobox li a:hover{color:#000;background-color:#aae01b;border-bottom:1px solid #fff}
#ms a:link,#ms a:visited{border-bottom:1px solid #181818}
#ms a:hover{border-bottom:1px solid #fff}
#footer a:link,#footer a:visited{color:#424242;background:transparent}
#footer a:hover{color:#aae01b}
.infobox{border:1px solid #181818;background:#444444}

» Show original CSS code

« Hide original CSS code

/******************************
* Black Mamba
******************************/
body {
color: #fff;
background: #000 url("../i/ly/bg_body.png") repeat-x top left;
}

#head {
background: transparent url("../i/ly/logo.png") no-repeat 32px 27px;
}

#nav li a {
color: #fff;
}

#nav li a:hover, #nav li a.hi {
background: transparent url("../i/ly/bg_navbutton.png") repeat-x top left;
border-bottom: 1px solid #AAE01B; 
 }

#buero {border-top: 1px solid #424242; border-right: none; border-bottom: 1px solid #424242; border-left: 1px solid #424242; }
#projekte {border-top: 1px solid #424242; border-right: none; border-bottom: 1px solid #424242; border-left: 1px solid #424242; }
#leistungen { border-top: 1px solid #424242; border-right: none; border-bottom: 1px solid #424242; border-left: 1px solid #424242; }
#kontakt { border-top: 1px solid #424242; border-right: 1px solid #424242; border-bottom: 1px solid #424242; border-left: 1px solid #424242; }

#inhalt {
background: transparent url("../i/ly/bg_inhalt.png") repeat-y top left;
}

#ms form input {
color: #fff;
background: #000;
border: 1px solid #424242;
}

#ms form input:focus {
border: 1px solid #424242;
border-bottom: 1px solid #AAE01B;
}

#footer {
color: #424242;
}

/******************************
* Navigation
******************************/
#subnav ul {
border-top: 1px solid #424242;
}

#subnav li a:link, #subnav li a:visited {
color: #fff;
border-bottom: 1px solid #424242;
}

#subnav li a:hover {
color: #fff;
background: transparent url("../i/ly/bg_subnavbutton.png") repeat-x bottom left;
border-bottom: 1px solid #AAE01B; 
}

#subnav li a:link.hi, #subnav li a:visited.hi {
background: transparent url("../i/ly/bg_subnavbutton.png") repeat-x bottom left;
border-bottom: 1px solid #AAE01B; 
}

/******************************
* Bilder
******************************/

#hs img.ohnelink {
border: 1px solid #424242;
}

#hs a.bildlink:link, #hs a.bildlink:visited {
border: 1px solid #424242;
}

#hs a.bildlink:hover {
border: 1px solid #aae01b;
}

#hs div.infobox a.bildlink:link, #hs div.infobox a.bildlink:visited, #ms a.bildlink:link, #ms a.bildlink:visited {
border: 1px solid #fff;
}

#hs div.infobox a.bildlink:hover, #ms a.bildlink:hover {
border: 1px solid #aae01b;
background: none;
}

/******************************
* Listen
******************************/
#hs li {
background: transparent url("../i/ly/bullet.png") no-repeat 0 8px;
}

/* Liste Infobox */
#hs .infobox li {
background: none;
}

/******************************
* TYPO
******************************/
h1, h2, h3 {
color: #c0c0c0;
}

#ms h3 {
border-bottom: 1px solid #424242;
}

#ms h4 {
color: #c0c0c0;
}

.trenner {
background: transparent url("../i/ly/trenner.png") repeat-x bottom left;
}

/* Marginalspalte */
#ms .trenner {
border-bottom: 1px solid #424242;
background: none;
}

/******************************
* Links
******************************/
#hs p a:link, #hs p a:visited, #hs li a:link, #hs li a:visited,#ms a:link, #ms a:visited, .infobox a:link, .infobox a:visited {
color: #aae01b;
border-bottom: 1px solid #232323;
}

#hs div.infobox li a:link, #hs div.infobox li a:visited {
border-bottom: 1px solid #444;
}

#hs p a:hover, #hs li a:hover, #ms a:hover, #hs div.infobox li a:hover {
color: #000;
background-color: #aae01b;
border-bottom: 1px solid #fff;
}

#ms a:link, #ms a:visited {
border-bottom: 1px solid #181818;
}

#ms a:hover {
border-bottom: 1px solid #fff;
}

#footer a:link, #footer a:visited {
color: #424242;
background: transparent;
}

#footer a:hover {
color: #aae01b;
}

/******************************
* Infobox
******************************/
.infobox {
border: 1px solid #181818;
background: #444444;
}

Some information about this website:

URL: http://pinx-design.com/
CSS URL: http://pinx-design.com/cnt/c/mamba.css
Charset: iso-8859-1
Title: pinx. | Büro für Mediendesign | Wiesbaden
Meta-Description: pinx. entwickelt und realisiert medienübergreifende Werbe- und Kommunikationsmittel. Unsere Schwerpunkte: Webdesign, Corporate Design, 3D-Illustration und Visualisierung
Meta-Keywords: design, webdesign, corporate design, print design, mediendesign, pinx, wiesbaden