Resultat de la compression du code CSS de meikk.com

Lasse nous voir ce que nous avons fait pour meikk.com

CSSCruncher.com à sauvgardé
19,08 % de code poour ce site! Wow!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

« Cache toutes les erreurs CSS et avertissement

Error on Line 60:
  rgba(255,255,255,0.15) is not a background-color value
  Class:     #content
  Property:  background-color
  Value:     rgba(255,255,255,0.15)

Error on Line 74:
  attempt to find a semi-colon before the property name. add it
  Class:     #foursquare
  Property:  background-color
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 74:
  Property opacity doesn't exist
  Class:     #foursquare
  Property:  opacity
  Value:     0.2

Error on Line 75:
  rgba(255,255,255,0.15) is not a background-color value
  Class:     #foursquare
  Property:  background-color
  Value:     rgba(255,255,255,0.15)

Error on Line 76:
  Property -ms-filter doesn't exist
  Class:     #foursquare
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"

Error on Line 77:
  Unrecognized  - opacity=20)
  Class:     #foursquare
  Property:  filter
  Value:     Unrecognized  - opacity=20)

Error on Line 113:
  Property -moz-box-shadow doesn't exist
  Class:     .shadow
  Property:  -moz-box-shadow
  Value:     0 3px 4px #333333

Error on Line 114:
  Property -webkit-box-shadow doesn't exist
  Class:     .shadow
  Property:  -webkit-box-shadow
  Value:     0 3px 4px #333333

Error on Line 115:
  Property box-shadow doesn't exist
  Class:     .shadow
  Property:  box-shadow
  Value:     0 3px 4px #000

Error on Line 117:
  Property -ms-filter doesn't exist
  Class:     .shadow
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#333333')"

Error on Line 119:
  attempt to find a semi-colon before the property name. add it
  Class:     .shadow
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 119:
  Property progid doesn't exist
  Class:     .shadow
  Property:  progid
  Value:     DXImageTransform

Error on Line 119:
  Line : 120 Context : .shadow 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#333333');
  Property:  
  Value:     

Error on Line 153:
  Property -ms-interpolation-mode doesn't exist
  Class:     #supersized img
  Property:  -ms-interpolation-mode
  Value:     bicubic

Error on Line 168:
  Property -webkit-box-shadow doesn't exist
  Class:     #nextthumb, #prevthumb
  Property:  -webkit-box-shadow
  Value:     0 0 5px #000

Code CSS comprimé:

*{margin:0;padding:0}
a{color:#8FC2FF;text-decoration:none;outline:none}
img{border:none}
body{overflow:hidden;background:#999999;text-align:left}
p{text-align:left}
h1,h2,h3,h4,h4,h6{text-align:left;font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:14px;padding:10px}
h1{color:#999999;padding-left:40px;padding-bottom:30px !important}
#content-wrapper{width:100%;height:100%;position:absolute;top:0;overflow:auto;z-index:4;text-align:left}
#logo{width:578px;height:100px;text-align:left;float:left;margin-left:20px;margin-right:20px;margin-top:100px;margin-bottom:20px}
#content{font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:10px;width:550px;height:310px;background-color:rgba(255,255,255,0.15);float:left;margin-left:30px;margin-bottom:30px;clear:left}
#foursquare{font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:10px;width:200px;height:310px;background-color:#ffffff
opacity:.2;background-color:rgba(255,255,255,0.15);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);float:left;margin-left:30px}
#foursquareside{position:relative;z-index:100}
p{padding:10px;font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:14px;line-height:160%;text-align:left}
#twitter_div{margin:0px;padding:0px;position:relative;width:500px;overflow:hidden}
ul#twitter_update_list{list-style:none;font-size:14px}
ul#twitter_update_list li{margin-left:10px;color:#ffffff;margin-bottom:5px;padding-bottom:5px}
.shadow{-moz-box-shadow:0px 3px 4px #333333;-webkit-box-shadow:0px 3px 4px #333333;box-shadow:0px 3px 4px #000;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=0,Color='#333333')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=0,Color='#333333')}
#footer{width:100%;background-color:#ffffff;color:#999;margin:0px;padding:0px;clear:left;position:fixed;bottom:0px;z-index:28}
.black{color:#999;padding:15px;padding-left:40px}
#loading{position:absolute;top:49.5%;left:49.5%;z-index:10;width:24px;height:24px;text-indent:-999em;background-image:url(images/progress.gif)}
#supersized{position:fixed}
#supersized img{-ms-interpolation-mode:bicubic}
#supersized img,#supersized a{height:100%;width:100%;position:absolute;z-index:-1}
#supersized .prevslide,#supersized .prevslide img{z-index:1}
#supersized .activeslide,#supersized .activeslide img{z-index:2}
#nextthumb,#prevthumb{position:absolute;top:-30px;height:75px;width:100px;overflow:hidden;border:2px solid #fff;-webkit-box-shadow:0px 0px 5px #000}
#nextthumb{right:12px}
#prevthumb{left:12px}
#nextthumb img,#prevthumb img{width:150px}
#nextthumb:active,#prevthumb:active{top:-28px}
#controls > *:hover,#nextthumb:hover,#prevthumb:hover{cursor:pointer}

» Montre le code CSS originaire

« Cache le code CSS originaire

*{
	margin:0;
	padding:0;
}
a{
	color:#8FC2FF;
	text-decoration: none;
	outline: none;
}
img{
	border:none;
}
body {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background:#999999;
	text-align:left;
}
/*Area to place content normally*/
p {
	text-align:left;	
}
h1, h2, h3, h4, h4, h6 {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	padding:10px;
}
h1 {
	color: #999999;
	padding-left:40px;
	padding-bottom:30px !important;
}
#content-wrapper{ 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; 
	overflow:auto; 
	z-index:4; 
	text-align:left; 
}
#logo{
	/*background-color:rgba(255,255,255,0.15);*/
	width:578px;
	height:100px;
	text-align:left;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 100px;
	margin-bottom: 20px;
}
#content{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	width: 550px;
	height: 310px;
	background-color:rgba(255,255,255,0.15);
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	clear: left;
}
#foursquare{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	width: 200px;
	height: 310px;
	background-color: #ffffff
	/*filter: Alpha(Opacity=20); //IE*/
	opacity: .2;
	background-color:rgba(255,255,255,0.15);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	float: left;
	margin-left: 30px;
}
#foursquareside{
	position:relative;
	z-index:100;
}

p { 
	padding:10px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	line-height:160%; 
	text-align:left;	
}

#twitter_div {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 500px;
	overflow:hidden;
}
ul#twitter_update_list {
	list-style: none;
	font-size: 14px;
}
ul#twitter_update_list li {
	margin-left: 10px;
	color: #ffffff;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.shadow {
	-moz-box-shadow: 0px 3px 4px #333333;
	-webkit-box-shadow: 0px 3px 4px #333333;
	box-shadow: 0px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#333333');
}

#footer {
	width: 100%;
	background-color: #ffffff;
	color: #999;
	margin: 0px;
	padding: 0px;
	clear:left;
	position:fixed;
	bottom:0px;
	z-index: 28;
}
.black {
	color:#999;
	padding: 15px;
	padding-left:40px;
}

/*Supersize Plugin Styles*/
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 10;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}
#supersized{
	position:fixed;
}
#supersized img{ -ms-interpolation-mode: bicubic; }
#supersized img, #supersized a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: -1;
}

#supersized .prevslide, #supersized .prevslide img{
	z-index: 1;
}
#supersized .activeslide, #supersized .activeslide img{
	z-index: 2;
}

#nextthumb, #prevthumb{ position:absolute; top:-30px; height:75px; width:100px; overflow:hidden; border:2px solid #fff; -webkit-box-shadow: 0px 0px 5px #000; }
#nextthumb{ right:12px; }
#prevthumb{ left:12px; }
#nextthumb img, #prevthumb img{ width:150px; }
#nextthumb:active, #prevthumb:active{ top:-28px; }
	
/*Add hover pointer*/
#controls > *:hover, #nextthumb:hover, #prevthumb:hover{ cursor:pointer; }

Plus d'information sur ce site:

URL: http://meikk.com/
CSS URL: http://meikk.com/media/supersized.css
Charset: UTF-8
Titre: Michael Wegmüller - meikk
Meta-Description: Persönliche Website von Michael Wegmüller.
Meta-Keywords: Michael Wegmüller, Michael Wegmueller, Michael Ian Wegmüller, meikk, Mike Wegmüller, meikkcom, meik