Optimise ton CSS
CSSCruncher.com est le site pour optimiser ton Code CSS pour ton site Web. Reduit le temp de chargement de tes pages.
» Accueil
» FAQ
» Partenaires
» a propos
Nouveau sites
» comoil.de
» rogator.de
» grandeidea.info
» walther-flender-gruppe...
» billigfluege.de
» Plus de sites
Tipp
Lasse nous voir ce que nous avons fait pour rogerbeckers.nl
CSSCruncher.com à sauvgardé
22,64 %
de code poour ce site!
Incroyable!
Code CSS comprimé:
*{margin:0px;padding:0px} html,body{font-family:Verdana;font-size:11px;color:#000000;background:url('../../images/website/main-bg.gif') #f5f3f3 repeat-x top} input,select,textarea{font-family:Verdana;font-size:11px;color:#000000} body{background:url('images/main-bg.gif') repeat-x top} img{border:0px;display:block} .clear{clear:both;height:1px} #wrapper{display:block;position:relative;width:100%;min-height:100%} #mainCntr{margin:0 auto;width:900px} #logo{width:350px;padding-top:50px;float:left} #logo a{color:#000000;text-decoration:none} #logo a:hover{color:#000000;text-decoration:none} #logo #name1{font:30px Tahoma;font-weight:bold;float:left} #logo #name2{font:30px Tahoma;font-weight:normal;float:left} #logo #add{font:12px Tahoma;font-weight:normal;padding-left:75px} #logo #logo_image{float:left;width:70px;height:60px;background:url('../../images/website/logo.gif') no-repeat top} #header{width:898px;height:286px;top:150px;padding-bottom:5px} #content{padding:15px;width:864px;color:#777575;border:1px #dbdbdb solid;background-color:white} #content h1{border-bottom:1px solid #777575;margin-bottom:5px;font-weight:bold;font-size:12px} #menu{float:left;padding-top:70px;padding-left:98px;z-index:40} #footer{float:right;padding-top:10px;color:#777575;padding-bottom:10px} #formulier{padding-top:10px} .form_input{float:left;width:120px;padding-bottom:4px;font-weight:bold} .form_output{float:left;padding-bottom:4px} .form_description{float:left;color:#a19e9e;padding-left:3px;padding-bottom:4px} .clear{clear:both} #projects{display:table;padding-left:27px;padding-top:10px} #projects .projectItem{float:left;padding-right:29px;cursor:pointer} #projects .projectImage{cursor:pointer} #projects .projectImage img{width:250px;height:112px} #referenties{width:864px;margin-top:10px;color:#777575;display:block;padding-left:18px;padding-right:15px;padding-top:15px;border:1px #dbdbdb solid;background-color:white;display:table} #referenties .ref-item{padding:15px 10px 0px 15px;float:left} #referenties .ref-item img{width:250px;height:112px} .breadcrumb{padding-bottom:10px} .breadcrumb a{text-decoration:none} .breadcrumb a:hover{text-decoration:none;color:#c11d1c} .breadcrumb .current{text-decoration:none;color:#c11d1c} #font-size{color:#777575;padding-top:40px;padding-left:50px} #font-size #font-small{float:left;font-size:13px;padding-top:4px} #font-size #font-middle{float:left;font-size:15px;padding-left:5px;padding-top:2px;padding-bottom:2px} #font-size #font-bigg{float:left;font-size:17px;padding-left:5px} .projectpictures{display:table;padding-top:10px} .projectpictures .picture{margin:2px;border:1px solid #dbdbdb;float:left;padding:5px;background-color:#eeeded} .projectpictures .picture:hover{background-color:#dbdbdb} .projectpictures .picture img{width:145px;height:93px} .addmessage{display:none;float:right;margin-left:10px;padding:0 5px 0 5px;border:1px solid #c0c0c0} a,a:active{color:#777575;text-decoration:none} a:hover{color:#777575;text-decoration:underline} .sitemap a,a:active{color:#777575;text-decoration:none} .sitemap a:hover{color:#d72229;text-decoration:none} .sitemap{padding-left:10px} .sitemap li{list-style-type:square;color:#c11d1c;margin-left:15px} .sitemap ul{padding:0} .sitemap ul li{} .sitemap ul li ul li{} .jqueryslidemenu{font:bold 12px Verdana;width:100%} .jqueryslidemenu ul{margin:0;padding:0;list-style-type:none} .jqueryslidemenu ul li{position:relative;display:inline;float:left} .jqueryslidemenu ul li a.current{background:#c11d1c;color:white} .jqueryslidemenu ul li a{display:block;background:#6c6666;color:white;padding:8px 10px;border-right:1px solid #ffffff;color:#2d2b2b;text-decoration:none} * html .jqueryslidemenu ul li a{display:inline-block} .jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited{color:white} .jqueryslidemenu ul li a:hover{background:#c11d1c;color:white} .jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden} .jqueryslidemenu ul li ul li{display:list-item;float:none} .jqueryslidemenu ul li ul li ul{top:0} .jqueryslidemenu ul li ul li a{font:normal 13px Verdana;width:159px;padding:5px;margin:0;border-top-width:0;border-bottom:1px solid #ffffff} .jqueryslidemenuz ul li ul li a:hover{background:#eff9ff;color:black} .downarrowclass{position:absolute;top:12px;right:7px} .rightarrowclass{position:absolute;top:6px;right:5px} .jqueryslidemenu ul li a.current{display:block;background:#c11d1c;color:white;padding:8px 10px;border-right:1px solid #ffffff;text-decoration:none} #lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0} #lightbox img{width:auto;height:auto} #lightbox a img{border:none} #outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto} #imageContainer{padding:10px} #loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0} #hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} #imageContainer>#hoverNav{left:0} #hoverNav a{outline:none} #prevLink,#nextLink{width:49%;height:100%;background-image:url(data:../../images/lightbox/gif);display:block} #prevLink{left:0;float:left} #nextLink{right:0;float:right} #prevLink:hover,#prevLink:visited:hover{background:url(../../images/lightbox/prevlabel.gif) left 15% no-repeat} #nextLink:hover,#nextLink:visited:hover{background:url(../../images/lightbox/nextlabel.gif) right 15% no-repeat} #imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%} #imageData{padding:0 10px;color:#666} #imageData #imageDetails{width:70%;float:left;text-align:left} #imageData #caption{font-weight:bold} #imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em} #imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none} #overlay{position:absolute;top:0;left:0;z-index:50;width:100%;height:100%;background-color:#000}
» Montre le code CSS originaire
« Cache le code CSS originaire
/* ### GENERAL ### */ * { margin: 0px; padding: 0px; } html, body { font-family: Verdana; font-size: 11px; color: #000000; background: url('../../images/website/main-bg.gif') #f5f3f3 repeat-x top; } input, select, textarea { font-family: Verdana; font-size: 11px; color: #000000; } body { background: url('images/main-bg.gif') repeat-x top; } img { border: 0px; display: block; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; height: 1px; } /* ### WRAPPER ### */ #wrapper { display: block; position: relative; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 900px; } /* ### LOGO ### */ #logo {width:350px;padding-top:50px;float:left;} #logo a {color:#000000; text-decoration:none;} #logo a:hover {color:#000000; text-decoration:none;} #logo #name1{ font: 30px Tahoma; font-weight:bold; float:left;} #logo #name2{ font: 30px Tahoma; font-weight:normal; float:left;} #logo #add{ font: 12px Tahoma; font-weight:normal;padding-left:75px;} #logo #logo_image{float:left;width:70px;height:60px;background: url('../../images/website/logo.gif') no-repeat top; } /* ### header ### */ #header {width:898px;height:286px;top:150px; padding-bottom:5px;} /* ### content ### */ #content{padding:15px;width:864px; color:#777575; border:1px #dbdbdb solid; background-color:white;} #content h1 {border-bottom:1px solid #777575;margin-bottom:5px;font-weight:bold; font-size:12px;} /* ### menu ### */ #menu {float:left;padding-top:70px;padding-left:98px;z-index:40;} /* ### footer ### */ #footer {float:right; padding-top:10px;color:#777575;padding-bottom:10px;} /* ### formulier ### */ #formulier {padding-top:10px;} .form_input {float:left;width:120px;padding-bottom:4px;font-weight:bold;} .form_output {float:left;padding-bottom:4px;} .form_description {float:left;color:#a19e9e;padding-left:3px;padding-bottom:4px;} .clear{clear:both;} /* ### categories ### */ #projects {display:table;padding-left:27px;padding-top:10px;} #projects .projectItem{float:left;padding-right:29px;cursor:pointer;} #projects .projectImage{cursor:pointer;} #projects .projectImage img{width:250px;height:112px;} /* ### project pictures ### */ #referenties {width:864px; margin-top:10px;color:#777575; display:block; padding-left:18px;padding-right:15px;padding-top:15px; border:1px #dbdbdb solid; background-color:white;display:table;} #referenties .ref-item{padding:15px 10px 0px 15px;float:left;} #referenties .ref-item img{width:250px;height:112px;} /* ### ### */ .breadcrumb {padding-bottom:10px;} .breadcrumb a{text-decoration:none;} .breadcrumb a:hover{text-decoration:none; color:#c11d1c; } .breadcrumb .current {text-decoration:none; color:#c11d1c;} /* ### project pictures ### */ #font-size {color:#777575;padding-top:40px;padding-left:50px;} #font-size #font-small{float:left;font-size: 13px;padding-top:4px;} #font-size #font-middle{float:left;font-size: 15px;padding-left:5px;padding-top:2px;padding-bottom:2px;} #font-size #font-bigg{float:left;font-size: 17px;padding-left:5px;} /* ### project pictures ### */ .projectpictures {display:table;padding-top:10px;} .projectpictures .picture{margin:2px;border:1px solid #dbdbdb;float:left;padding:5px;background-color:#eeeded;} .projectpictures .picture:hover{background-color:#dbdbdb;} .projectpictures .picture img{width:145px; height:93px;} .addmessage {display:none;float:right;margin-left:10px;padding:0 5px 0 5px;border:1px solid #c0c0c0;} /* ### links ### */ a,a:active {color:#777575; text-decoration:none;} a:hover {color:#777575; text-decoration:underline;} /* ### Sitemap ### */ .sitemap a,a:active {color:#777575; text-decoration:none;} .sitemap a:hover {color:#d72229; text-decoration:none;} .sitemap {padding-left:10px;} .sitemap li{list-style-type: square; color:#c11d1c;margin-left:15px;} .sitemap ul{padding:0;} .sitemap ul li{} .sitemap ul li ul li{} /**************************************************************** Start menu ****************************************************************/ .jqueryslidemenu{ font: bold 12px Verdana; width: 100%; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } .jqueryslidemenu ul li a.current { background: #c11d1c; color: white; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; background: #6c6666; /*background of tabs (default state)*/ color: white; padding: 8px 10px; border-right: 1px solid #ffffff; color: #2d2b2b; text-decoration: none; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{ background: #c11d1c; color: white; } .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } .jqueryslidemenu ul li ul li{ display: list-item; float: none; } .jqueryslidemenu ul li ul li ul{ top: 0; } .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 159px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #ffffff; } .jqueryslidemenuz ul li ul li a:hover{ background: #eff9ff; color: black; } .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } .jqueryslidemenu ul li a.current { display: block; background: #c11d1c; /*background of tabs (default state)*/ color: white; padding: 8px 10px; border-right: 1px solid #ffffff; text-decoration: none; } /**************************************************************** Einde menu ****************************************************************/ /**************************************************************** Start lightbox ************************************************************/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../../images/lightbox/gif); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../../images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../../images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index:50; width: 100%; height: 100%; background-color: #000;} /**************************************************************** Einde lightbox ************************************************************/