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 www.pi-band.com
CSSCruncher.com à sauvgardé
26,00 %
de code poour ce site!
je n\'y crois pas!
Code CSS comprimé:
body{background:#191919 url("../gfx/background-x.png") repeat-x fixed left top;color:#222222;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:12px;margin:0;line-height:150%} a{color:#222222} a:hover{text-decoration:none} p{margin:0.5em 0} p span.detail{background:#191919;color:#ffffff;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-style:italic;padding:0 3px;font-weight:normal;text-decoration:none} p.align-right{text-align:right} p.align-center{text-align:center} h1{height:10px;color:#ffffff;margin:0;font-size:10px;line-height:100%} #wrapper{background:#ffffff url("../gfx/ballon-x.jpg") no-repeat 650px bottom;position:relative;padding:10px 0 0 0;margin:0 auto;width:960px} #socialmedia{background:#FFFFFF;height:40px;padding:7px 15px 3px 15px;position:absolute;right:0;bottom:42px;width:240px} .hd{background:#003a5a;background:transparent;padding:0;position:relative;margin:0 auto;width:960px} .hd .csc-default DIV.csc-textpic DIV.csc-textpic-single-image IMG{border:1px solid #ffffff;border-top:none;margin:0} .hd .sm{position:absolute;right:0;bottom:0;height:45px} .hd .sm img{border:none;padding:0} .hd a.home{position:absolute;left:0;top:230px} #wrapper .bd{margin:0;padding:0 0 0 20px;position:relative} x .hd img{border:1px solid #ffffff;border-top:none} .hd a img{border:none} .hd .menu{font-family:Georgia,Times,serif;padding-top:2px;height:45px} .hd .menu a{color:#ffffff;display:inline-block;line-height:45px;padding:0 0 0 20px;width:85px;text-decoration:none;font-size:24px} .hd .menu a:hover{text-decoration:underline} .hd .menu a.act,.hd .menu a.act:hover{text-decoration:underline} #left{float:left;min-height:600px;padding:20px 0 0 0;width:600px} h2{font-family:Georgia,"Times New Roman",Times,serif;margin:0 0 5px 0;padding:0 0 0 0;font-size:20px;font-weight:normal;font-style:italic} #left h3{background:#191919;color:#ffffff;font-style:italic;font-size:12px;font-weight:normal;margin:0 0 2px 0;padding:0 0 0 3px} #left .contentblock{margin-bottom:1em} .contentblock h6{background:#191919;color:#ffffff;padding:0 3px;font-weight:normal;font-size:12px;margin:0;text-decoration:none} #right{background:transparent url("../gfx/ballon_klein.jpg") no-repeat 0px top;float:right;min-height:160px;padding:20px 0 0 55px;width:270px} #right h3{font-family:Georgia,"Times New Roman",Times,serif;background:#191919;color:#ffffff;font-size:15px;margin:0 -10px 10px -10px;padding:0 0 0 4px;font-style:italic;font-weight:normal} #right h3 a{background:#191919;color:#ffffff;font-size:15px;text-decoration:none;display:block} #right .contentblock{background:url("../gfx/xyz.png") repeat center center;padding-top:10px;padding:0 10px;margin:0 0 1em 0} #right .facebook-box{margin:-10px 0 0 -10px} #ft{background:transparent url("../gfx/ballon_unten-x.jpg") no-repeat left top;height:140px;position:relative} #ft a{font-weight:normal} #ft .content{bottom:0;position:absolute;right:20px;text-align:right} .clear{clear:both} .clearfix:after,#center .contentblock:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .clearfix,#center .contentblock{display:inline-block} * html .clearfix{height:1%} .left{left:0} .right{right:0} .top{top:0} .bottom{bottom:0} .tx-ffblog-pi1 .blogentry{margin-bottom:3.5em;padding-bottom:0em;position:relative} .tx-ffblog-pi1 .right{float:right;margin:0 0 6px 10px} .tx-ffblog-pi1 .blogentry-single{margin-bottom:0.5em;padding-bottom:0;border:none} #left .tx-ffblog-pi1 .blogentry-single h2{margin:3px 0 5px 0} #left .tx-ffblog-pi1 .blogentry-single h3{background:transparent;color:#000000;font-size:14px;font-weight:bold;margin:0.5em 0;padding:0} .tx-ffblog-pi1 .sbookmarks{float:none;padding:4px 0 0 0;border-top:1px solid #222222;position:relative;padding-left:180px} .tx-ffblog-pi1 .sbookmarks .tweet_nm{position:absolute;top:4px;left:0} .tx-ffblog-pi1 .sbookmarks .facebook_nm{position:absolute;top:3px;left:60px} .sbookmarks .twitter-share-button{position:relative;top:4px} .sbookmarks .fb_iframe_widget{left:5px;position:relative;top:1px} .tx-ffblog-pi1 .datum .sbookmarks{border:none;margin:0;position:absolute;right:0;text-align:right;top:0;width:208px;padding-right:9px;padding-left:0} .tx-ffblog-pi1 .blogentry .datum .sbookmarks a{background:transparent;color:#191919} .tx-ffblog-pi1 .image img{border:1px solid #191919} .tx-ffblog-pi1 .blogentry-single .image img{margin:0 10px 10px 0} #left .tx-ffblog-pi1 h2{margin:0 0 2px 0;padding:7px 0 0 0;clear:both} h2 a{text-decoration:none} .blogentry .datum{position:relative} .blogentry .datum a{background:#191919;color:#ffffff;font-size:12px;margin:0 0 2px 0;padding:0 3px;text-decoration:none} .tx-ffblog-pi1 h3{background:transparent} .tx-bctourdates-list-table-past,.tx-bctourdates-list-table-future{margin-bottom:1.5em} .tx-bctourdates-pi1 table td{padding:0 5px 4px 0} .tx-bctourdates-pi1 table td .blacklabel,.tx-bctourdates-list-table-future1 .blacklabel,.datum .blacklabel{background:#191919;color:#ffffff;padding:0 3px;font-weight:normal;text-decoration:none;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:12px;font-style:normal} .blacklabel,.goback a{background:#191919;color:#ffffff;padding:0 3px;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-weight:normal;text-decoration:none;font-style:italic} .tx-bctourdates-pi1 table td.locate{width:200px} .blacklabel a{font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;background:#191919;color:#ffffff;padding:0;font-weight:normal;text-decoration:none} .tx-bctourdates-pi1 table td.date{width:70px;vertical-align:top} .tx-bctourdates-pi1 table td.date_fut{vertical-align:top} .tx-ffsignup-pi1 label{font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-style:italic;background:#191919;color:#ffffff;padding:0 3px;margin-right:8px} .tx-ffsignup-pi1 div{clear:both;height:25px} .tx-ffsignup-pi1 input{font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;border:1px solid #000000;padding:1px;float:right;margin-right:20px;width:160px} .tx-ffsignup-pi1 .align-right{text-align:right;margin:3px 0 0 0} .tx-ffsignup-pi1 .align-right input{float:none;margin:0 0 0 0} .tx-ffsignup-pi1 .action_button{background:#191919;font-size:12px;cursor:pointer;border:none;color:#eee;float:none;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-style:italic;margin:2px 0 0 0;padding:0;width:auto} .tx-ffsignup-pi1 div.message{background:#CA3D3D;padding:1px 3px;color:#fff;text-transform:uppercase;font-weight:bold;height:auto} .tx-pitv-pi1-listrowField-image{margin-bottom:0;position:relative} .tx-pitv-pi1-listrowField-image img{border:1px solid #000000} .tx-pitv-pi1 .vid-item h2 a{display:block} .tx-pitv-pi1 .vid-item{float:left;width:270px;padding:0 30px 0 0;height:205px;position:relative} .tx-pitv-pi1 .even{padding:0 0 0 30px} .tx-pitv-pi1 .vid-item .date{position:absolute;right:3px;bottom:4px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:12px;font-style:normal;z-index:2} .tx-pitv-pi1-singleView .blacklabel{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:12px;font-style:normal} .tx-pitv-pi1-singleView .back{font-size:13px;font-style:italic} .tx-pitv-pi1-singleView h2{position:relative} .tx-pitv-pi1-singleView .datesingle{position:absolute;right:0;top:0px} .tx-pitv-pi1-singleView .back{position:absolute;right:0;top:8px} .tvbokooks{height:25px;position:absolute;top:150px;right:0;height:25px;width:270px;background:#191919;z-index:1} .odd .tvbokooks{left:0} .tvbokooks span.facebook_nm{left:3px;position:absolute;top:3px} .tx-pitv-pi1-singleView .tvbokooks{position:relative;background:transparent;width:auto;top:0} .tx-pitv-pi1-singleView .tvbokooks span.facebook_nm{top:8px} .langmenu{position:absolute;top:0;left:1px;height:18px;width:60px;overflow:hidden} #ft .langmenu{top:122px} .langmenu a{display:inline-block;padding:0 4px;margin:0 2px 0 0;text-decoration:none;font-size:12px;font-style:italic;text-decoration:none} .langmenu a:hover{text-decoration:underline} .langmenu a.active-language,.langmenu a.active-language:hover{background:#000;color:#ffffff;font-family:Georgia,"Times New Roman",Times,serif;text-decoration:none} .hd .les-couleurs{background:#000000;border:1px solid #000;border-top:none;position:absolute;right:1px;top:0;cursor:pointer;width:140px;height:auto;text-align:center;color:#FFFFFF;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;font-style:italic;font-weight:normal;padding:0;text-decoration:none} .hd .les-couleurs .color{cursor:pointer;display:inline-block;margin:1px 0 0 1px;height:20px;width:20px} .hd .les-couleurs .ask{height:20px;padding:0} .hd .les-couleurs .colors{background:#fff;padding:3px 8px 1px 8px;display:none} .radiotable{margin-bottom:3em;width:100%} #left .radiotable h3{font-family:Georgia,"Times New Roman",Times,serif;font-size:15px} .radiotable td{padding:2px 2px 2px 3px} .radiotable .sender,.radiotable .gebiet,.radiotable .link{padding:0 0 5px 0} #twitter_update_list{list-style-type:none;padding:0;margin:0} #twitter_update_list a{display:block} div#twitter{padding:10px 55px 10px 0;border-bottom:1px solid #191919;margin-bottom:1em;position:relative;background:url("http://www.pi-band.com/fileadmin/perfect/gfx/twitter.jpg") no-repeat right center} #left h3.twitter a,#left h3.twitter{background:none repeat scroll 0 0 #191919;color:#FFFFFF;display:block;font-family:Georgia,"Times New Roman",Times,serif;font-size:15px;text-decoration:none} #piOnAir{height:110px;overflow:hidden;position:fixed;left:-15px;top:50%;margin-top:-55px;z-index:100}
» Montre le code CSS originaire
« Cache le code CSS originaire
body { background: #191919 url("../gfx/background-x.png") repeat-x fixed left top; color: #222222; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 12px; margin: 0; line-height: 150%; } a { color: #222222; } a:hover { text-decoration: none; } p { margin: 0.5em 0; } p span.detail { background: #191919; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; padding: 0 3px; font-weight: normal; text-decoration: none; } p.align-right { text-align: right; } p.align-center { text-align: center; } h1 { height: 10px; color: #ffffff; margin: 0; font-size: 10px; line-height: 100%; } #wrapper { background: #ffffff url("../gfx/ballon-x.jpg") no-repeat 650px bottom; position: relative; padding: 10px 0 0 0; margin: 0 auto; width: 960px; } #socialmedia { background: #FFFFFF; height: 40px; padding: 7px 15px 3px 15px; position: absolute; right: 0; bottom: 42px; width: 240px; } .hd { background: #003a5a; background: transparent; padding: 0; position: relative; margin: 0 auto; width: 960px; } .hd .csc-default DIV.csc-textpic DIV.csc-textpic-single-image IMG { border: 1px solid #ffffff; border-top: none; margin: 0; } .hd .sm { position: absolute; right: 0; bottom: 0; height: 45px; } .hd .sm img { border: none; padding: 0; } .hd a.home { position: absolute; left: 0; top: 230px; } #wrapper .bd { margin: 0; padding: 0 0 0 20px; position: relative; } x .hd img { border: 1px solid #ffffff; border-top: none; } .hd a img { border: none; } .hd .menu { font-family: Georgia, Times, serif; padding-top: 2px; height: 45px; } .hd .menu a { color: #ffffff; display: inline-block; line-height: 45px; padding: 0 0 0 20px; width: 85px; text-decoration: none; font-size: 24px; } .hd .menu a:hover { text-decoration: underline; } .hd .menu a.act, .hd .menu a.act:hover { text-decoration: underline; } #left { float: left; min-height: 600px; padding: 20px 0 0 0; width: 600px; } h2 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 5px 0; padding: 0 0 0 0; font-size: 20px; font-weight: normal; font-style: italic; } #left h3 { background: #191919; color: #ffffff; font-style: italic; font-size: 12px; font-weight: normal; margin: 0 0 2px 0; padding: 0 0 0 3px; } #left .contentblock { margin-bottom: 1em; } .contentblock h6 { background: #191919; color: #ffffff; padding: 0 3px; font-weight: normal; font-size: 12px; margin: 0; text-decoration: none; } #right { background: transparent url("../gfx/ballon_klein.jpg") no-repeat 0px top; float: right; min-height: 160px; padding: 20px 0 0 55px; width: 270px; } #right h3 { font-family: Georgia, "Times New Roman", Times, serif; background: #191919; color: #ffffff; font-size: 15px; margin: 0 -10px 10px -10px; padding: 0 0 0 4px; font-style: italic; font-weight: normal; } #right h3 a { background: #191919; color: #ffffff; font-size: 15px; text-decoration: none; display: block; } #right .contentblock { background: url("../gfx/xyz.png") repeat center center; padding-top: 10px; padding: 0 10px; margin: 0 0 1em 0; } #right .facebook-box { margin: -10px 0 0 -10px; } #ft { background: transparent url("../gfx/ballon_unten-x.jpg") no-repeat left top; height: 140px; position: relative; } #ft a { font-weight: normal; } #ft .content { bottom: 0; position: absolute; right: 20px; text-align: right; } .clear { clear: both; } .clearfix:after, #center .contentblock:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, #center .contentblock { display: inline-block; } * html .clearfix { height: 1%; } .left { left: 0; } .right { right: 0; } .top { top: 0; } .bottom { bottom: 0; } /*BLOG & SOCIAL*/ .tx-ffblog-pi1 .blogentry { margin-bottom: 3.5em; padding-bottom: 0em; position: relative; } .tx-ffblog-pi1 .right { float: right; margin: 0 0 6px 10px; } .tx-ffblog-pi1 .blogentry-single { margin-bottom: 0.5em; padding-bottom: 0; border: none; } #left .tx-ffblog-pi1 .blogentry-single h2 { margin: 3px 0 5px 0; } #left .tx-ffblog-pi1 .blogentry-single h3 { background: transparent; color: #000000; font-size: 14px; font-weight: bold; margin: 0.5em 0; padding: 0; } .tx-ffblog-pi1 .sbookmarks { float: none; padding: 4px 0 0 0; border-top: 1px solid #222222; position: relative; padding-left: 180px; } .tx-ffblog-pi1 .sbookmarks .tweet_nm { position: absolute; top: 4px; left: 0; } .tx-ffblog-pi1 .sbookmarks .facebook_nm { position: absolute; top: 3px; left: 60px; } .sbookmarks .twitter-share-button { position: relative; top: 4px; } .sbookmarks .fb_iframe_widget { left: 5px; position: relative; top: 1px; } .tx-ffblog-pi1 .datum .sbookmarks { border: none; margin: 0; position: absolute; right: 0; text-align: right; top: 0; width: 208px; padding-right: 9px; padding-left: 0; } .tx-ffblog-pi1 .blogentry .datum .sbookmarks a { background: transparent; color: #191919; } .tx-ffblog-pi1 .image img { border: 1px solid #191919; } .tx-ffblog-pi1 .blogentry-single .image img { margin: 0 10px 10px 0; } #left .tx-ffblog-pi1 h2 { margin: 0 0 2px 0; padding: 7px 0 0 0; clear: both; } h2 a { text-decoration: none; } .blogentry .datum { position: relative; } .blogentry .datum a { background: #191919; color: #ffffff; font-size: 12px; margin: 0 0 2px 0; padding: 0 3px; text-decoration: none; } .tx-ffblog-pi1 h3 { background: transparent; } /*TOURDATES*/ .tx-bctourdates-list-table-past, .tx-bctourdates-list-table-future { margin-bottom: 1.5em; } .tx-bctourdates-pi1 table td { padding: 0 5px 4px 0; } .tx-bctourdates-pi1 table td .blacklabel, .tx-bctourdates-list-table-future1 .blacklabel, .datum .blacklabel { background: #191919; color: #ffffff; padding: 0 3px; font-weight: normal; text-decoration: none; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 12px; font-style: normal; } .blacklabel, .goback a { background: #191919; color: #ffffff; padding: 0 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: normal; text-decoration: none; font-style: italic; } .tx-bctourdates-pi1 table td.locate { width: 200px; } .blacklabel a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; background: #191919; color: #ffffff; padding: 0; font-weight: normal; text-decoration: none; } .tx-bctourdates-pi1 table td.date { width: 70px; vertical-align: top; } .tx-bctourdates-pi1 table td.date_fut { vertical-align: top; } /*NEWSLETTER*/ .tx-ffsignup-pi1 label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; background: #191919; color: #ffffff; padding: 0 3px; margin-right: 8px; } .tx-ffsignup-pi1 div { clear: both; height: 25px; } .tx-ffsignup-pi1 input { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; border: 1px solid #000000; padding: 1px; float: right; margin-right: 20px; width: 160px; } .tx-ffsignup-pi1 .align-right { text-align: right; margin: 3px 0 0 0; } .tx-ffsignup-pi1 .align-right input { float: none; margin: 0 0 0 0; } .tx-ffsignup-pi1 .action_button { background: #191919; font-size: 12px; cursor: pointer; border: none; color: #eee; float: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; margin: 2px 0 0 0; padding: 0; width: auto; } .tx-ffsignup-pi1 div.message { background: #CA3D3D; padding: 1px 3px; color: #fff; text-transform: uppercase; font-weight: bold; height: auto; } /*piTV*/ .tx-pitv-pi1-listrowField-image { margin-bottom: 0; position: relative; } .tx-pitv-pi1-listrowField-image img { border: 1px solid #000000; } .tx-pitv-pi1 .vid-item h2 a { display: block; } .tx-pitv-pi1 .vid-item { float: left; width: 270px; padding: 0 30px 0 0; height: 205px; position: relative; } .tx-pitv-pi1 .even { padding: 0 0 0 30px; } .tx-pitv-pi1 .vid-item .date { position: absolute; right: 3px; bottom: 4px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 12px; font-style: normal; z-index: 2; } .tx-pitv-pi1-singleView .blacklabel { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 12px; font-style: normal; } .tx-pitv-pi1-singleView .back { font-size: 13px; font-style: italic; } .tx-pitv-pi1-singleView h2 { position: relative; } .tx-pitv-pi1-singleView .datesingle { position: absolute; right: 0; top: 0px; } .tx-pitv-pi1-singleView .back { position: absolute; right: 0; top: 8px; } .tvbokooks { height: 25px; position: absolute; top: 150px; right: 0; height: 25px; width: 270px; background: #191919; z-index: 1; } .odd .tvbokooks { left: 0; } .tvbokooks span.facebook_nm { left: 3px; position: absolute; top: 3px; } .tx-pitv-pi1-singleView .tvbokooks { position: relative; background: transparent; width: auto; top: 0; } .tx-pitv-pi1-singleView .tvbokooks span.facebook_nm { top: 8px; } /*LANG-MENU*/ .langmenu { position: absolute; top: 0; left: 1px; height: 18px; width: 60px; overflow: hidden; } #ft .langmenu { top: 122px; } .langmenu a { display: inline-block; padding: 0 4px; margin: 0 2px 0 0; text-decoration: none; font-size: 12px; font-style: italic; text-decoration: none; } .langmenu a:hover { text-decoration: underline; } .langmenu a.active-language, .langmenu a.active-language:hover { background: #000; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; } .hd .les-couleurs { background: #000000; border: 1px solid #000; border-top: none; position: absolute; right: 1px; top: 0; cursor: pointer; width: 140px; height: auto; text-align: center; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; font-weight: normal; padding: 0; text-decoration: none; } .hd .les-couleurs .color { cursor: pointer; display: inline-block; margin: 1px 0 0 1px; height: 20px; width: 20px; } .hd .les-couleurs .ask { height: 20px; padding: 0; } .hd .les-couleurs .colors { background: #fff; padding: 3px 8px 1px 8px; display: none; } .radiotable { margin-bottom: 3em; width: 100%; } #left .radiotable h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; } .radiotable td { padding: 2px 2px 2px 3px; } .radiotable .sender, .radiotable .gebiet, .radiotable .link { padding: 0 0 5px 0; } #twitter_update_list { list-style-type: none; padding: 0; margin: 0; } #twitter_update_list a { display: block; } div#twitter { padding: 10px 55px 10px 0; border-bottom: 1px solid #191919; margin-bottom: 1em; position: relative; background: url("http://www.pi-band.com/fileadmin/perfect/gfx/twitter.jpg") no-repeat right center; } #left h3.twitter a, #left h3.twitter { background: none repeat scroll 0 0 #191919; color: #FFFFFF; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; text-decoration: none; } #piOnAir { height: 110px; overflow: hidden; position: fixed; left: -15px; top: 50%; margin-top: -55px; z-index: 100; }