Ergebnisse des CSS Crunching von www.w-und-w.v-make.de

Mal sehen was wir getan haben für www.w-und-w.v-make.de

CSSCruncher.com hat dieser Webseite
9,46 %Code erspart! OK!

Aber oh oh! Wir haben in deinem CSS code Fehler gefunden!

» Zeige alle CSS Code Fehler und/oder Warnings

« Verberge alle CSS Code Fehler und/oder Warnings

Error on Line 53:
  Property -o-transform doesn't exist
  Class:     #notiz
  Property:  -o-transform
  Value:     rotate(-10deg)

Error on Line 54:
  Property -moz-transform doesn't exist
  Class:     #notiz
  Property:  -moz-transform
  Value:     rotate(-10deg)

Error on Line 55:
  Property -webkit-transform doesn't exist
  Class:     #notiz
  Property:  -webkit-transform
  Value:     rotate(-10deg)

Error on Line 56:
  Property -ms-transform doesn't exist
  Class:     #notiz
  Property:  -ms-transform
  Value:     rotate(-10deg)

Error on Line 57:
  Property transform doesn't exist
  Class:     #notiz
  Property:  transform
  Value:     rotate(-10deg)

Error on Line 80:
  Property transform doesn't exist
  Class:     #navigation li
  Property:  transform
  Value:     rotate(-8deg)

Error on Line 81:
  Property -o-transform doesn't exist
  Class:     #navigation li
  Property:  -o-transform
  Value:     rotate(-8deg)

Error on Line 82:
  Property -moz-transform doesn't exist
  Class:     #navigation li
  Property:  -moz-transform
  Value:     rotate(-8deg)

Error on Line 83:
  Property -webkit-transform doesn't exist
  Class:     #navigation li
  Property:  -webkit-transform
  Value:     rotate(-8deg)

Error on Line 84:
  Property -ms-transform doesn't exist
  Class:     #navigation li
  Property:  -ms-transform
  Value:     rotate(-8deg)

Error on Line 117:
  Property -webkit-box-shadow doesn't exist
  Class:     #content_wrap
  Property:  -webkit-box-shadow
  Value:     2px 4px 21px #aaaaaa

Error on Line 118:
  Property -moz-box-shadow doesn't exist
  Class:     #content_wrap
  Property:  -moz-box-shadow
  Value:     2px 4px 21px #aaaaaa

Error on Line 169:
  Property -webkit-box-shadow doesn't exist
  Class:     #content .floatLeft, #content .floatRight
  Property:  -webkit-box-shadow
  Value:     2px 4px 21px #aaaaaa

Error on Line 170:
  Property -moz-box-shadow doesn't exist
  Class:     #content .floatLeft, #content .floatRight
  Property:  -moz-box-shadow
  Value:     2px 4px 21px #aaaaaa

Error on Line 244:
  Property -moz-box-shadow doesn't exist
  Class:     iframe
  Property:  -moz-box-shadow
  Value:     2px 4px 21px #aaaaaa

Error on Line 245:
  Property -webkit-box-shadow doesn't exist
  Class:     iframe
  Property:  -webkit-box-shadow
  Value:     2px 4px 21px #aaaaaa

Error on Line 255:
  Property transition doesn't exist
  Class:     input, textarea, select
  Property:  transition
  Value:     all 0.25s ease-in-out

Error on Line 256:
  Too many values or values are not recognized
  Class:     input, textarea, select
  Property:  border
  Value:     1px solid rgba(0,0,0,0.2)

Error on Line 261:
  Property -webkit-box-shadow doesn't exist
  Class:     input:focus, textarea:focus, input:hover, input:active, textarea:hover
  Property:  -webkit-box-shadow
  Value:     0 0 5px rgba(0,0,255,0.5)

Error on Line 262:
  Property -moz-box-shadow doesn't exist
  Class:     input:focus, textarea:focus, input:hover, input:active, textarea:hover
  Property:  -moz-box-shadow
  Value:     0 0 5px rgba(0,0,255,0.5)

Error on Line 263:
  0 is not a box-shadow value
  Class:     input:focus, textarea:focus, input:hover, input:active, textarea:hover
  Property:  box-shadow
  Value:     0 0 5px rgba(0,0,255,0.5)

Error on Line 267:
  Too many values or values are not recognized
  Class:     input:focus, textarea:focus
  Property:  border
  Value:     1px solid rgba(0,0,255,0.4)

Error on Line Line : 280:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 280
  Property:  280
  Value:     selected

Error on Line 283:
  Unrecognized  - this.hideFocus=true)
  Class:     a:active, a, a:focus
  Property:  ie-dummy
  Value:     Unrecognized  - this.hideFocus=true)

Error on Line 287:
  outline
  Class:     Line : 287 	Lexical error at line 285, column 3.  Encountered: "*" (42), after : "|" : **:-moz-any-link:focus {
  Property:  focus {
  Value:     none;

Error on Line 290:
  outline
  Class:     Line : 290 	Lexical error at line 288, column 3.  Encountered: "*" (42), after : "|" : **:focus {
  Property:  focus {
  Value:     none;

Error on Line Line : 294:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 294
  Property:  294
  Value:     -moz-focus-inner

Error on Line Line : 295:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 295
  Property:  295
  Value:     -moz-focus-inner

Error on Line Line : 296:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 296
  Property:  296
  Value:     -moz-focus-inner

Error on Line Line : 297:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 297
  Property:  297
  Value:     -moz-focus-inner

Error on Line Line : 298:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 298
  Property:  298
  Value:     -moz-focus-inner

Warning level 1 on Line 13:
  You have no color with your background-color
  Class:     body
  Property:  
  Value:     

Warning level 1 on Line 96:
  Line : 96 Level : 1 Same colors for color and background-color in two contexts body and #navigation a
  Class:     1 Same colors for color and background-color in two contexts body and #navigation a
  Property:  
  Value:     

Warning level 1 on Line 96:
  You have no background-color with your color
  Class:     #navigation a
  Property:  
  Value:     

Warning level 1 on Line 155:
  You have no color with your background-color
  Class:     #content
  Property:  
  Value:     

Warning level 1 on Line 197:
  You have no color with your background-color
  Class:     #footer
  Property:  
  Value:     

Warning level 1 on Line 229:
  You have no background-color with your color
  Class:     a
  Property:  
  Value:     

Warning level 1 on Line 234:
  You have no background-color with your color
  Class:     a:hover
  Property:  
  Value:     

Warning level 1 on Line 234:
  Line : 234 Level : 1 Same colors for color and background-color in two contexts body and a:hover
  Class:     1 Same colors for color and background-color in two contexts body and a:hover
  Property:  
  Value:

Crunched CSS Code:

@charset "utf-8";/* CSS Level 3 ! */
html{font-family:Verdana,Geneva,sans-serif;font-size:15px;font-weight:normal;font-style:normal;overflow-y:scroll;height:100%;width:100%}
body{background-color:#000000;margin:0px auto 0px auto;background-image:url(../bilder/layout/background-repeat-x.png);background-repeat:repeat-x}
/* --------------------- HINTERGRUND */
#bg{position:absolute}
/* ----------------------------------------------------------------------------------------- */
/* --------------------- HÜLLE UM ALLES */
#wrapper{padding-top:100px;width:1090px;height:850px;margin:0px auto auto auto}
/* ----------------------------------------------------------------------------------------- */
/* --------------------- LINKER BEREICH */
#left_content{position:relative;float:left;width:350px;min-height:850px;margin-right:-75px;z-index:1}
/* --------------------- NOTIZ BOX */
#notiz{font-size:16px;font-family:"Comic Sans MS",cursive;padding-left:50px;position:relative;float:left;background-image:url(../bilder/layout/notiz.png);background-repeat:no-repeat;width:310px;height:310px;-o-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);z-index:1}
#notiz h3{text-align:left;padding-top:25px;margin-left:50px}
/* --------------------- NAVIGATION */
#navigation{margin-left:10px;text-align:left;position:relative;float:left;width:350px;height:300px}
#navigation ul{position:relative;list-style-type:none}
#navigation li{background-image:url(../bilder/layout/klammer.png);transform:rotate(-8deg);-o-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);width:254px;height:95px;position:relative;float:left}
#navigation a{display:block;padding-left:45px;padding-top:30px;padding-bottom:30px;color:#000000;text-decoration:none;font-size:17px;font-weight:bold;opacity:0.75}
#navigation a:hover,#navigation .current{text-decoration:underline;opacity:1}
/* ----------------------------------------------------------------------------------------- */
/* Hällt Content,Header und Footer zusammen,falls längere Texte vorkommen */
#content_wrap{position:relative;float:left;width:740px;border-top:solid #FFFFFF 1px;border-left:solid #FFFFFF 1px;border-right:solid #FFFFFF 1px;border-radius:5px;-webkit-box-shadow:2px 4px 21px #AAAAAA;-moz-box-shadow:2px 4px 21px #AAAAAA;box-shadow:2px 4px 21px #AAAAAA;margin-bottom:50px}
/* --------------------- HEADER */
#header,#verlauf{position:relative;float:left;width:740px;height:278px;border-top-left-radius:5px;border-top-right-radius:5px}
#header{background-image:url(../bilder/layout/header.png);background-repeat:no-repeat}
/* --------------------- LOGO */
#logo{float:right;width:335px;height:140px}
#logo a,img{border:none}
#verlauf{height:138px;background-image:url(../bilder/layout/weisser-verlauf.png);background-position:bottom;background-repeat:repeat-x}
/* --------------------- INHALT */
#content{position:relative;float:left;background-color:#FFFFFF;width:660px;min-height:422px;padding-left:40px;padding-top:15px;padding-right:40px}
#content table{padding-top:15px;padding-left:25px}
#content .floatLeft,#content .floatRight{border:1px dotted #000000;border-radius:5px;-webkit-box-shadow:2px 4px 21px #AAAAAA;-moz-box-shadow:2px 4px 21px #AAAAAA;box-shadow:2px 4px 21px #AAAAAA;margin:10px 10px 0px 10px}
#content .floatLeft{float:left}
#content .floatRight{float:right}
#content h1{border-bottom:dotted #0000FF 1px;margin:5px}
#content .img_wrap{float:left;width:100%;margin-bottom:50px}
/* --------------------- FOOTER */
#footer{padding-top:25px;font-size:12px;padding-left:40px;position:relative;float:left;background-color:#FFFFFF;width:700px;height:75px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
#footer table td{width:200px}
.op1{opacity:0.75}
.op2{opacity:0.6}
.op3{opacity:0.5}
.b1,.b2{float:left;height:75px;width:150px}
.b1{width:225px}
/* --------------------- SONSTIGES */
.rAlign{text-align:right}
a{color:#333333;text-decoration:none;font-weight:bold}
a:hover{color:#000000;text-decoration:underline}
iframe{float:left;width:400px;height:300px;border:#000 1px dotted;border-radius:5px;margin:10px;-moz-box-shadow:2px 4px 21px #AAAAAA;-webkit-box-shadow:2px 4px 21px #AAAAAA;box-shadow:2px 4px 21px #AAAAAA}
form{margin:10px}
input,textarea,select{cursor:pointer;outline:none;transition:all 0.25s ease-in-out;border:1px solid rgba(0,0,0,0.2);border-radius:4px}
input:focus,textarea:focus,input:hover,input:active,textarea:hover{-webkit-box-shadow:0 0 5px rgba(0,0,255,0.5);-moz-box-shadow:0 0 5px rgba(0,0,255,0.5);box-shadow:0 0 5px rgba(0,0,255,0.5)}
input:focus,textarea:focus{border:1px solid rgba(0,0,255,0.4);border:1px solid #7777FF}
input[type=text],textarea{width:335px}
select{width:150px}
/* Schaltet den "dotted" outline bei Links aus */
a:active,a:selected,a:focus{border:none;outline:none;ie-dummy:expression(this.hideFocus=true)}
*|*:-moz-any-link:focus{outline:none}
*|*:focus{outline:none}
button,input[type="reset"],input[type="button"],input[type="submit"]{outline:none}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0px 2px 0px 2px;border:1px dotted transparent}
.italic{font-style:italic}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* ----------------------------------------------------------------------------------------- */
/* --------------------- HÜLLE UM ALLES */
#wrapper {
	padding-top:100px;
	width:1090px;
	height:850px;
	margin:0px auto auto auto;
}

/* ----------------------------------------------------------------------------------------- */
/* --------------------- LINKER BEREICH */
#left_content {
	position:relative;
	float:left;
	width:350px;
	min-height:850px;
	margin-right:-75px;
	z-index:1;
}
/* --------------------- NOTIZ BOX */
#notiz {
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
	padding-left:50px;
	position:relative;
	float:left;
	background-image:url(../bilder/layout/notiz.png);
	background-repeat:no-repeat;
	width:310px;
	height:310px;
	-o-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	transform:rotate(-10deg);
	z-index:1;
}
#notiz h3 {
	text-align:left;
	padding-top:25px;
	margin-left:50px;
}
/* --------------------- NAVIGATION */
#navigation {
	margin-left:10px;
	text-align:left;
	position:relative;
	float:left;
	width:350px;
	height:300px;
}
#navigation ul {
	position:relative;
	list-style-type:none;
}
#navigation li {
	background-image:url(../bilder/layout/klammer.png);
	transform:rotate(-8deg);
	-o-transform:rotate(-8deg);
	-moz-transform:rotate(-8deg);
	-webkit-transform:rotate(-8deg);
	-ms-transform:rotate(-8deg);
	width:254px;
	height:95px;
	position:relative;
	float:left;
}

#navigation a {
	display:block;
	padding-left:45px;
	padding-top:30px;
	padding-bottom:30px;
	color:#000000;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	opacity:0.75;
}
#navigation a:hover, #navigation .current {
	text-decoration:underline;
	opacity:1;
}

/* ----------------------------------------------------------------------------------------- */
/* Hällt Content, Header und Footer zusammen, falls längere Texte vorkommen */
#content_wrap {
	position:relative;
	float:left;
	width:740px;
	border-top:solid #FFFFFF 1px;
	border-left:solid #FFFFFF 1px;
	border-right:solid #FFFFFF 1px;
	border-radius:5px;
	-webkit-box-shadow:2px 4px 21px #AAAAAA;
	-moz-box-shadow:2px 4px 21px #AAAAAA;
	box-shadow:2px 4px 21px #AAAAAA;
	margin-bottom:50px;
}
/* --------------------- HEADER */
#header, #verlauf {
	position:relative;
	float:left;
	width:740px;
	height:278px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#header {
	background-image:url(../bilder/layout/header.png);
	background-repeat:no-repeat;
}
/* --------------------- LOGO */
#logo {
	float:right;
	width:335px;
	height:140px;
}
#logo a, img {
	border:none;
}
#verlauf {
	height:138px;
	background-image:url(../bilder/layout/weisser-verlauf.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

/* --------------------- INHALT */
#content {
	position:relative;
	float:left;
	background-color:#FFFFFF;
	width:660px;
	min-height:422px;
	padding-left:40px;
	padding-top:15px;
	padding-right:40px;
}
#content table  {
	padding-top:15px;
	padding-left:25px;
}
#content .floatLeft, #content .floatRight {
	border:1px dotted #000000;
	border-radius:5px;
	-webkit-box-shadow:2px 4px 21px #AAAAAA;
	-moz-box-shadow:2px 4px 21px #AAAAAA;
	box-shadow:2px 4px 21px #AAAAAA;
	margin:10px 10px 0px 10px;
}
#content .floatLeft {
	float:left;
}
#content .floatRight {
	float:right;
}
#content h1 {
	border-bottom:dotted #0000FF 1px;
	margin:5px;
}
#content .img_wrap {
	float:left;
	width:100%;
	margin-bottom:50px;
}

/* --------------------- FOOTER */
#footer {
	padding-top:25px;
	font-size:12px;
	padding-left:40px;
	position:relative;
	float:left;
	background-color:#FFFFFF;
	width:700px;
	height:75px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#footer table td {
	width:200px;
}
.op1 {
	opacity:0.75;
}
.op2 {
	opacity:0.6;
}
.op3 {
	opacity:0.5;
}
.b1, .b2 {
	float:left;
	height:75px;
	width:150px;
}
.b1 {
	width:225px;
}

/* --------------------- SONSTIGES */
.rAlign {
	text-align:right;
}
a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}	
iframe {
	float:left;
	width:400px;
	height:300px;
	border:#000 1px dotted;
	border-radius:5px;
	margin:10px;
	-moz-box-shadow:2px 4px 21px #AAAAAA;
	-webkit-box-shadow:2px 4px 21px #AAAAAA;
	box-shadow:2px 4px 21px #AAAAAA;
}
form {
	margin:10px;
}

input, textarea, select {
	cursor:pointer;
	outline:none;
    transition:all 0.25s ease-in-out;
	border:1px solid rgba(0,0,0,0.2);
    border-radius:4px;
}

input:focus, textarea:focus, input:hover, input:active, textarea:hover {
	-webkit-box-shadow:0 0 5px rgba(0, 0, 255, 0.5);
	-moz-box-shadow:0 0 5px rgba(0, 0, 255, 0.5);
    box-shadow:0 0 5px rgba(0, 0, 255, 0.5);
}

input:focus, textarea:focus {
	border:1px solid rgba(0,0,255, 0.4);
	border:1px solid #7777FF;
}

input[type=text], textarea {
	width:335px;
}
select {
	width:150px;
}

/* Schaltet den "dotted" outline bei Links aus */
a:active, a:selected, a:focus {  
    border:none;
    outline:none;
   	ie-dummy:expression(this.hideFocus=true);
}
*|*:-moz-any-link:focus { 
	outline:none; 
} 
*|*:focus { 
	outline:none; 
} 
button, input[type="reset"], input[type="button"], input[type="submit"] { 
	outline:none; 
} 
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner { 
	padding:0px 2px 0px 2px; 
	border:1px dotted transparent; 
}

.italic {
	font-style:italic;
}

Weitere Informationen über diese Webseite:

URL: http://www.w-und-w.v-make.de/
CSS URL: http://www.w-und-w.v-make.de/css/style.css
Charset: utf-8
Titel: W&W | Willkommen
Meta-Description: Wasch und Weg: Der SB-Waschsalon für Jedermann. Willkommen auf Webseite des SB-Waschsalons Wasch und Weg.
Meta-Keywords: Michael Sternke, Michael, Sternke, Bewerbungshomepage, SB-Waschsalon, Waschsalon, Wasch und Weg, Waschen