Frisier dein CSS
CSSCruncher.com ist dein Anlaufpunkt für kleines, valides und schönes CSS!
» Startseite
» FAQ
» Partner
» Impressum
Zuletzt gecrunched
» hans-natur.de
» computer-notdienstsaw....
» madame-escort.de
» spd-oldenburg-nord.de
» juliaferraioli.com
» Mehr im ARCHIV
Tipp
Mal sehen was wir getan haben für www.lemkewebdesign.de
CSSCruncher.com hat dieser Webseite
9,48 %
Code erspart!
OK!
Crunched CSS Code:
body{margin:0;padding:0;background-color:#000;background-image:url('../images/background.jpg');background-repeat:repeat-x;background-position:left top;color:#FFF;font-size:0.7em;font-style:normal;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none} #container{color:#000;background-color:transparent;width:990px;font-size:1em;line-height:1.6em;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:0} #header{margin:0;padding:0;background-image:url('../images/damm.jpg');background-repeat:no-repeat;width:990px} div.firmenname{margin:0;padding:20px 0 0 0;width:400px;height:200px;font-style:italic;font-size:120.01%;color:#3399FF;background-color:transparent;float:left} a.firmenname,a:hover.firmenname,a:visited.firmenname,a:focus.firmenname,a:active.firmenname{color:#663300} div.firmenlogo{margin:0;padding:0;width:250px;height:60px;float:right} #inhalt{color:#000;background-color:#FFF;margin:0;padding:0} #inhalt-content{background-color:#FFF;color:#000;margin:20px 0 20px 0;padding:0 20px 0 0;width:650px;float:left;min-height:232px} #boxen{background-image:url('../images/erdkugel.jpg');background-repeat:no-repeat;background-position:20px 90%;color:#000;background-color:#FFF;margin:20px 0 20px 10px;padding:0 20px 0 10px;width:250px;border-left:2px dotted #CCCCCC;border-bottom:2px dotted #CCCCCC;min-height:420px;float:right} #boxen strong{color:#330000} #boxen a:link{color:#000;background-color:transparent;text-decoration:underline} #boxen a:hover{color:#6699FF;background-color:transparent;text-decoration:none} #boxen a:visited{color:#666666;background-color:transparent;text-decoration:none} ul#Navigation{margin:0 auto 0 auto;padding:0;text-align:center} ul#Navigation li{list-style:none;float:left;margin:0;padding:0;position:relative;width:165px} ul#Navigation a{color:#FFFFFF;background-color:#000;display:block;padding:3px 0 3px 0;text-decoration:none} ul#Navigation a:hover,ul#Navigation a:focus,ul#Navigation a:active{background-color:#330000;color:#FFF;padding:3px 0 3px 0} #Footer{margin:0;padding:2px 0 2px 0;border-top:1px solid #4682B4;font-size:0.95em;text-align:center;color:#FFFFCC;height:40px} #Footer ul{margin:0;padding:0;list-style-type:none;text-align:center} #Footer ul li{display:inline;padding:2px 5px} #Footerul li a,#footerlist li a:visited{color:#FFFFCC;text-decoration:none} #Footerul li a:hover,#footerlist li a:focus,#footerlist li a:active{color:#FFFFCC;text-decoration:underline} strong{color:#003366;background-color:transparent;font-weight:500} p{margin:10px 0 20px 10px;padding:0} div.center{text-align:center} .clearer{clear:both;font-size:0.1em;line-height:1px;display:block;height:0px} hr{border-top:solid 1px #000;width:100%;height:1px;text-align:left;margin:10px 0 10px 10px} a:link{color:#006600;background-color:transparent;text-decoration:underline} a:visited{color:#000033;background-color:transparent;text-decoration:underline} a:active{color:#000099;background-color:transparent;text-decoration:none} a:hover{color:#6699FF;background-color:transparent;text-decoration:none} a:focus{color:blue;background-color:transparent;text-decoration:underline} .img{border:0} h1{font-size:130.01%;font-weight:500;padding:0;margin:0 0 0 10px;color:#02689b;background-color:transparent} h2{font-size:130.01%;font-weight:500;padding:0;margin:0 0 0 10px;color:#02689b;background-color:transparent} h2.top{margin:20px 0 0 10px;font-size:130.01%;font-weight:500;padding:0;color:#02689b;background-color:transparent} h3{margin-top:15px;margin-left:20px;padding:0;font-size:110.01%;font-weight:500;color:#02689b;background-color:transparent} form.suche{margin:20px 0 10px 10px} label{cursor:pointer} input.suche{border:1px solid #e0e0e0;background:white;color:#02548e;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;width:100px} input:hover.suche,input:focus.suche{border:1px solid #990000} .suchbutton{color:#FFFFFF;background-color:#4682B4;border:1px solid #3f3f3f;cursor:pointer;width:4em;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em} .suchbutton:hover,.suchbutton:focus{background:#990000;border:1px solid #3f3f3f;color:white;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em} div.bestellbutton{margin:0 0 0 10px;padding:0;width:14em;float:left} div.bestellpreis{margin:0 0 0 10px;padding:1px;width:40%;float:left;font-size:1.2em;font-weight:bold;color:#FFF;background-color:#660000;text-align:center} .button{color:#FFFFFF;background-color:#4682B4;border:1px solid #3f3f3f;cursor:pointer;width:10em} .button:hover,.button:focus{background:#990000;border:1px solid #3f3f3f;color:white}
» Zeige den Original CSS code
« Verberge den Original CSS code
body { margin:0;padding:0; background-color: #000; background-image:url('../images/background.jpg'); background-repeat: repeat-x; background-position:left top; color:#FFF; font-size: 0.7em; font-style:normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } #container { color:#000; background-color:transparent; width: 990px; font-size:1em; line-height:1.6em; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; padding:0; } #header { margin:0; padding:0; background-image:url('../images/damm.jpg'); background-repeat: no-repeat; width: 990px; } div.firmenname { margin:0; padding:20px 0 0 0; width:400px; height:200px; font-style:italic; font-size:120.01%; color:#3399FF; background-color:transparent; float:left; } a.firmenname , a:hover.firmenname, a:visited.firmenname , a:focus.firmenname , a:active.firmenname { color: #663300; } div.firmenlogo { margin:0; padding:0; width:250px; height:60px; float:right; } #inhalt { color:#000; background-color:#FFF; margin:0; padding:0; } #inhalt-content { background-color:#FFF; color:#000; margin:20px 0 20px 0;padding:0 20px 0 0; width:650px; float:left; min-height: 232px; } #boxen { background-image:url('../images/erdkugel.jpg'); background-repeat: no-repeat; background-position:20px 90%; color:#000; background-color:#FFF; margin:20px 0 20px 10px; padding:0 20px 0 10px; width:250px; border-left: 2px dotted #CCCCCC; border-bottom: 2px dotted #CCCCCC; min-height: 420px; float:right; } #boxen strong { color: #330000; } #boxen a:link { color: #000; background-color:transparent; text-decoration:underline; } #boxen a:hover { color: #6699FF; background-color:transparent; text-decoration:none; } #boxen a:visited { color: #666666; background-color:transparent; text-decoration:none; } ul#Navigation { margin:0 auto 0 auto; padding:0; text-align: center; } ul#Navigation li { list-style: none; float:left; margin:0; padding: 0; position: relative; width:165px; } ul#Navigation a { color: #FFFFFF; background-color:#000; display: block; padding: 3px 0 3px 0; text-decoration: none; } ul#Navigation a:hover , ul#Navigation a:focus , ul#Navigation a:active { background-color: #330000; color:#FFF; padding: 3px 0 3px 0; } #Footer { margin:0; padding:2px 0 2px 0; border-top:1px solid #4682B4; font-size:0.95em; text-align:center; color: #FFFFCC; height: 40px; } #Footer ul { margin:0; padding:0; list-style-type:none; text-align:center; } #Footer ul li { display:inline; padding:2px 5px; } #Footerul li a, #footerlist li a:visited { color:#FFFFCC; text-decoration:none; } #Footerul li a:hover , #footerlist li a:focus , #footerlist li a:active { color: #FFFFCC; text-decoration:underline; } strong { color: #003366; background-color:transparent; font-weight: 500; } p { margin:10px 0 20px 10px;padding:0; } div.center { text-align:center; } .clearer { clear:both; font-size:0.1em; line-height:1px; display:block; height:0px; } hr { border-top:solid 1px #000; width:100%; height:1px; text-align:left; margin:10px 0 10px 10px; } a:link { color:#006600; background-color:transparent; text-decoration:underline; } a:visited { color: #000033; background-color:transparent; text-decoration:underline; } a:active { color: #000099; background-color:transparent; text-decoration:none; } a:hover { color: #6699FF; background-color:transparent; text-decoration:none; } a:focus { color:blue; background-color:transparent; text-decoration:underline; } .img { border:0; } h1 { font-size: 130.01%; font-weight:500; padding:0;margin:0 0 0 10px; color: #02689b; background-color:transparent; } h2 { font-size:130.01%; font-weight:500; padding:0;margin:0 0 0 10px; color:#02689b; background-color:transparent; } h2.top { margin:20px 0 0 10px; font-size:130.01%; font-weight:500; padding:0; color:#02689b; background-color:transparent; } h3 { margin-top:15px; margin-left:20px; padding:0; font-size:110.01%; font-weight:500; color:#02689b; background-color:transparent; } form.suche { margin: 20px 0 10px 10px; } label { cursor: pointer; } input.suche { border: 1px solid #e0e0e0; background: white; color: #02548e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; width: 100px; } input:hover.suche, input:focus.suche { border: 1px solid #990000; } .suchbutton { color: #FFFFFF; background-color:#4682B4; border: 1px solid #3f3f3f; cursor: pointer; width: 4em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } .suchbutton:hover, .suchbutton:focus { background: #990000; border: 1px solid #3f3f3f; color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } div.bestellbutton { margin:0 0 0 10px; padding:0; width:14em; float:left; } div.bestellpreis { margin:0 0 0 10px; padding:1px; width:40%; float:left; font-size:1.2em; font-weight:bold; color:#FFF; background-color:#660000; text-align:center; } .button { color: #FFFFFF; background-color:#4682B4; border: 1px solid #3f3f3f; cursor: pointer; width: 10em; } .button:hover, .button:focus { background: #990000; border: 1px solid #3f3f3f; color: white; }