Ergebnisse des CSS Crunching von www.pheenom.de

Mal sehen was wir getan haben für www.pheenom.de

CSSCruncher.com hat dieser Webseite
14,86 %Code erspart! Schön!

Crunched CSS Code:

html,body{background-image:url(Bilder/bg.jpg);margin:0;height:100%;padding:0;background-repeat:repeat}
#wrapper{background-image:url(Bilder/portfolio_02_04.png);margin:0px;width:1010px;height:100%;height:auto !important;min-height:100%;overflow:hidden !important;position:absolute}
#header{background-image:url(Bilder/portfolio_01.png);width:1010px;height:342px;float:left;display:block}
#content{width:1000px;float:left;display:block;margin:0px;height:100%;height:auto !important;min-height:100%;padding-left:10px}
#footer{background-image:url(Bilder/portfolio_04.png);width:1010px;height:66px;float:left;display:block;bottom:0px;position:static;background-repeat:no-repeat}
.box{width:308px;height:208px;float:left;display:block;margin:0px 10px 56px 10px}
#header_link_all{width:1010px;height:296px;float:left;display:block;margin:107px 32px 46px 26px}
#header_link{width:952px;height:189px;float:left;display:block;margin:107px 32px 0px 26px}
#head_spots{width:189px;height:21px;float:left;display:block;padding:6px 16px 19px 795px}
#love{width:45px;height:21px;float:left;display:block;margin-right:3px;cursor:pointer;outline:none}
#mediengestalter{width:45px;height:21px;float:left;display:block;margin-right:3px;cursor:pointer;outline:none}
#axelspringer{width:45px;height:21px;float:left;display:block;margin-right:3px;cursor:pointer;outline:none}
#xing{width:45px;height:21px;float:left;display:block;cursor:pointer;outline:none}
.text_head{font-family:Tahoma;color:#cd391b;font-weight:bold;font-size:15px;text-align:center;margin:auto}
.text_kategorie{font-family:Tahoma;color:#818181;font-weight:normal;font-size:12px;text-align:center}
.text_feld{text-align:center;margin-top:5px}
#impressum{width:974px;float:left;display:block;margin:0px;height:100%;height:auto !important;min-height:100%;padding:0px 20px 20px 20px}
#impressum_content{width:956px;font-family:Tahoma;font-size:13px;font-weight:normal;float:left;display:block}
#strich{width:964px;height:1px;margin-top:9px;margin-bottom:10px;float:left;display:block;background-color:#bf8217}
.impressum_rot{color:#bf2d16;font-family:Tahoma;font-size:14px;font-weight:bold}
.impressum_head{margin:0px;padding:0px;font-family:Tahoma;font-size:13px;font-weight:bold;color:#000}
#kontakt{width:205px;float:left;display:block}
#kontakt_name{background-image:url(Bilder/impressum_11.png);width:121px;height:44px;float:left;display:block;margin:15px 97px 15px 0px}
#kontakt_mail{background-image:url(Bilder/impressum_14.png);width:201px;height:16px;float:left;display:block;margin:15px 0px 15px 0px}
a.impressum_link,a.impressum_link:visited{font-family:Tahoma;font-size:13px;font-weight:bold;text-decoration:none;color:#000}
a.impressum_link:hover,a.impressum_link:active,a.impressum_link:focus{font-family:Tahoma;font-size:13px;font-weight:bold;text-decoration:none;color:#bf2d16}
#copyright{width:165px;height:25px;float:left;display:block;margin:21px 0px 0px 20px;font-family:Tahoma;font-size:13px;color:#818181;font-weight:normal}
#links{margin:20px 30px 0px 0px;float:right;display:block}
a.foo_links,a.foo_links:hover,a.foo_links:active,a.foo_links:focus,a.foo_links:visited{color:#cd391b;font-family:Tahoma;font-size:13px;font-weight:bold;text-decoration:none;outline:none}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* Design alles */

html, body {
	background-image:url(Bilder/bg.jpg);
	margin:0;
	height:100%;
	padding: 0;
	background-repeat:repeat;
}

#wrapper {
	background-image:url(Bilder/portfolio_02_04.png);
	margin:0px;
	width:1010px;
	height:100%;
	height: auto !important;
	min-height:100%;
	overflow: hidden !important;
	position:absolute;
	
}

#header {
	background-image:url(Bilder/portfolio_01.png);
	width:1010px;
	height:342px;
	float:left;
	display:block;
}

#content {
	width:1000px;
	float:left;
	display:block;
	margin:0px;
	height:100%;
	height: auto !important;
	min-height:100%;
	padding-left:10px;
}

#footer {
	background-image:url(Bilder/portfolio_04.png);
	width:1010px;
	height:66px;
	float:left;
	display:block;
	bottom:0px;
	position:static;
	background-repeat:no-repeat;
}

/* Boxen */

.box {
	width:308px;
	height:208px;
	float:left;
	display:block;
	margin: 0px 10px 56px 10px;
}

/* Spots */

#header_link_all {
	width:1010px;
	height:296px;
	float:left;
	display:block;
	margin: 107px 32px 46px 26px;
}

#header_link {
	width:952px;
	height:189px;
	float:left;
	display:block;
	margin: 107px 32px 0px 26px;
}

#head_spots {
	width:189px;
	height:21px;
	float:left;
	display:block;
	padding: 6px 16px 19px 795px;
}

#love {
	width:45px;
	height:21px;
	float:left;
	display:block;
	margin-right:3px;
	cursor:pointer;
	outline:none;
}

#mediengestalter {
	width:45px;
	height:21px;
	float:left;
	display:block;
	margin-right:3px;
	cursor:pointer;
	outline:none;
}

#axelspringer {
	width:45px;
	height:21px;
	float:left;
	display:block;
	margin-right:3px;
	cursor:pointer;
	outline:none;
}

#xing {
	width:45px;
	height:21px;
	float:left;
	display:block;
	cursor:pointer;
	outline:none;
}

/* texte */

.text_head {
	font-family:Tahoma;
	color:#cd391b;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	margin:auto
}

.text_kategorie {
	font-family:Tahoma;
	color:#818181;
	font-weight:normal;
	font-size:12px;
	text-align:center;
}

.text_feld {
	text-align:center;
	margin-top:5px;
}

/* Impressum */

#impressum {
	width:974px;
	float:left;
	display:block;
	margin:0px;
	height:100%;
	height: auto !important;
	min-height:100%;
	padding: 0px 20px 20px 20px;
}

#impressum_content {
	width:956px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:normal;
	float:left;
	display:block;
}

#strich {
	width:964px;
	height:1px;
	margin-top:9px;
	margin-bottom:10px;
	float:left;
	display:block;
	background-color:#bf8217;
}

.impressum_rot {
	color:#bf2d16;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
}

.impressum_head {
	margin:0px;
	padding:0px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

#kontakt {
	width:205px;
	float:left;
	display:block;
}

#kontakt_name {
	background-image:url(Bilder/impressum_11.png);
	width:121px;
	height:44px;
	float:left;
	display:block;
	margin: 15px 97px 15px 0px;
}

#kontakt_mail {
	background-image:url(Bilder/impressum_14.png);
	width:201px;
	height:16px;
	float:left;
	display:block;
	margin: 15px 0px 15px 0px;
}

a.impressum_link, a.impressum_link:visited {
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

a.impressum_link:hover, a.impressum_link:active, a.impressum_link:focus {
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#bf2d16;
}

/* Footer */

#copyright {
	width:165px;
	height:25px;
	float:left;
	display:block;
	margin: 21px 0px 0px 20px;
	font-family:Tahoma;
	font-size:13px;
	color:#818181;
	font-weight:normal;
}

#links {
	margin: 20px 30px 0px 0px;
	float:right;
	display:block;
}

a.foo_links, a.foo_links:hover, a.foo_links:active, a.foo_links:focus, a.foo_links:visited {
	color:#cd391b;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}

Weitere Informationen über diese Webseite:

URL: http://www.pheenom.de/
CSS URL: http://www.pheenom.de/style.css
Charset: utf-8
Titel: Herzlich Willkommen - Startseite
Meta-Keywords: Mediengestaltung, Print, Web, Digital, Layout, Screendesign, pheenom, Gestaltung, Design, Webdesign, Web 2.0, Typographie, Typografie, Mediengestalter, Medien, digitale Medien, print Medien, Hamburg, Verlag