Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» rogator.de
» grandeidea.info
» walther-flender-gruppe...
» billigfluege.de
» pregnancymiracle44.com
» More in the ARCHIVE
Tipp
Let's see what we've done for www.sy-binna.de
CSSCruncher.com has crunched this CSS to
24.57 %
Less Size!
That's Incredible!
Crunched CSS code:
html,body{height: background:url() center bottom no-repeat fixed;background-color:#CDFFA8;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:100.01%;text-align:left;/* Seiteninhalt wieder links ausrichten */ margin:0% auto;/* standardkonforme horizontale Zentrierung */ padding:0;min-width:680px;max-width:1024px;width:expression (document.body.clientWidth < 680? "680px":"1024px" && document.body.clientWidth > 750? "1024px":"1024px") /* font-size:100.01%;legt die Standradgr?aller Schriften und Boxen fest, und bietet mit dieser Einstellung die M?chkeit auch im IE6 und Firefox skalierbare HTML-Elemente zu erzeugen.Um sp?r Pixelgr? auszurechnen benutzt man die Regel "Pixel:16=em" also z.B. "780:16=48.75em" um eine skalierbare Box f?in auf 800x600 optimiertes Layout zu erzeugen oder 12:16=0.75em f?eine Schriftgr?von 12px */} /************* HEADER STUFF ************/ /*Anweisungen f?en Header (H?Hintergrundfarbe,Rahmen unten)*/ #header{width:100%;height:170px;margin:0px auto;padding:0px 0px;background:url(../fotoalbum/anim_gif/head.jpg) center top fixed no-repeat;border-bottom:0px solid #333} /*Anweisungen f?en Header-Text (Dein Header-Subtitel)*/ #header p{font-family:Georgia,"Times New Roman",Times,serif;font-size:85%;padding:0px;margin:0px;padding-left:0.8em} /*wichtige Einstellung,um ?erschriften und Paragraphen richtig darzustellen und die Abst?e festzulegen*/ h1,h2,h3,h4,h5{margin:0px;padding:0px;margin-bottom:0em;margin-top:0em;padding:0.10em} p{color:#0000cc;margin:0px;padding:0px;padding-bottom:0px;font-size:0,875em;line-height:20px} h1,h2,h3,h4,h5,h6{background:transparent;color:#0000cc;display:block;font-weight:bold;text-align:center} h1{font-size:35px;color:#0000cc}/*?erschrift 1 -> Pixelgr?35px*/ h2{font-size:30px;color:#0000ff}/*?erschrift 2 -> Pixelgr?30px*/ h3{font-size:25px;color:#FE2603}/*?erschrift 3 -> Pixelgr?25px*/ h4{font-size:12px}/*?erschrift 4 -> Pixelgr?12px*/ h5{font-size:11px}/*?erschrift 5 -> Pixelgr?11px*/ h6{font-size:25px;color:0000ff}/*?erschrift 6 -> Pixelgr?25px*/ /*Schriftart,-farbe,und Auszeichnung von Links ? das gesamte Dokument*/ A:link{color:#0000ff;text-decoration:underline;font-size:12px} A:visited{color:#0000cc;text-decoration:underline;font-size:12px} A:hover{color:#ff0000;text-decoration:underline;font-size:12px} div.c1{text-align:left} div.c2{text-align:center} div.c3{text-align:right} span.c1{color:#0000ff;font-family:arial;font-size:20px} span.c2{color:#0000ff;font-family:arial;font-size:16px}/*blau */ span.c3{color:#ff0000;font-family:arial;font-size:18px}/*rot */ span.c4{color:#0000ff;font-family:arial;font-size:16px}/*blau */ span.c5{color:#000000;font-family:arial;font-size:20px}/*schw */ span.c6{color:#0000ff;font-family:arial;font-size:12px}/*dblau */ span.c7{color:#ffff00;font-family:arial;font-size:35px}/*gelb */
» Show original CSS code
« Hide original CSS code
html, body { height: background:url() center bottom no-repeat fixed; background-color:#CDFFA8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; text-align: left; /* Seiteninhalt wieder links ausrichten */ margin: 0% auto; /* standardkonforme horizontale Zentrierung */ padding: 0; min-width: 680px; max-width: 1024px; width:expression (document.body.clientWidth < 680? "680px": "1024px" && document.body.clientWidth > 750? "1024px": "1024px") /* font-size: 100.01%; legt die Standradgr?aller Schriften und Boxen fest, und bietet mit dieser Einstellung die M?chkeit auch im IE6 und Firefox skalierbare HTML-Elemente zu erzeugen.Um sp?r Pixelgr? auszurechnen benutzt man die Regel "Pixel:16=em" also z.B. "780:16=48.75em" um eine skalierbare Box f?in auf 800x600 optimiertes Layout zu erzeugen oder 12:16=0.75em f? eine Schriftgr?von 12px */ } /************* HEADER STUFF ************/ /*Anweisungen f?en Header (H? Hintergrundfarbe, Rahmen unten)*/ #header { width: 100%; height: 170px; margin: 0px auto; padding: 0px 0px; background: url(../fotoalbum/anim_gif/head.jpg) center top fixed no-repeat; border-bottom:0px solid #333; } /*Anweisungen f?en Header-Text (Dein Header-Subtitel)*/ #header p { font-family:Georgia, "Times New Roman", Times, serif; font-size:85%; padding:0px; margin:0px; padding-left: 0.8em; } /*wichtige Einstellung, um ?erschriften und Paragraphen richtig darzustellen und die Abst?e festzulegen*/ h1, h2, h3, h4, h5 { margin:0px; padding:0px; margin-bottom:0em; margin-top:0em; padding:0.10em; } p { color:#0000cc; margin:0px; padding:0px; padding-bottom:0px; font-size:0,875em; line-height:20px; } h1, h2, h3, h4, h5, h6 { background:transparent; color:#0000cc; display:block; font-weight:bold; text-align:center; } h1 {font-size: 35px; color:#0000cc} /*?erschrift 1 -> Pixelgr? 35px*/ h2 {font-size: 30px; color:#0000ff} /*?erschrift 2 -> Pixelgr? 30px*/ h3 {font-size: 25px; color:#FE2603} /*?erschrift 3 -> Pixelgr? 25px*/ h4 {font-size: 12px;} /*?erschrift 4 -> Pixelgr? 12px*/ h5 {font-size: 11px;} /*?erschrift 5 -> Pixelgr? 11px*/ h6 {font-size: 25px; color:0000ff} /*?erschrift 6 -> Pixelgr? 25px*/ /*Schriftart, -farbe, und Auszeichnung von Links ? das gesamte Dokument*/ A:link { color: #0000ff; text-decoration: underline; font-size: 12px; } A:visited { color: #0000cc; text-decoration: underline; font-size: 12px; } A:hover { color: #ff0000; text-decoration: underline; font-size: 12px; } div.c1 {text-align: left} div.c2 {text-align: center} div.c3 {text-align: right} span.c1 {color: #0000ff; font-family: arial; font-size: 20px} span.c2 {color: #0000ff; font-family: arial; font-size: 16px} /*blau */ span.c3 {color: #ff0000; font-family: arial; font-size: 18px} /*rot */ span.c4 {color: #0000ff; font-family: arial; font-size: 16px} /*blau */ span.c5 {color: #000000; font-family: arial; font-size: 20px} /*schw */ span.c6 {color: #0000ff; font-family: arial; font-size: 12px} /*dblau */ span.c7 {color: #ffff00; font-family: arial; font-size: 35px} /*gelb */