Ergebnisse des CSS Crunching von magichouse.com

Mal sehen was wir getan haben für magichouse.com

CSSCruncher.com hat dieser Webseite
28,02 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

#mainNav li{list-style:none;display:inline}
#mainNav a{text-decoration:none;color:#000000;font-size:1.1em;text-transform:uppercase;border-bottom:1px dashed #999999;display:block;padding:7px 5px 7px 30px;background:#E7E7E7 url(../prototype/layout3/images/link.png) no-repeat left center}
a#homeLink{background-image:url(../prototype/layout3/images/home.png);background-repeat:no-repeat;background-position:left center}
#logo{display:none}
#mainNav ul{border-top:1px dashed #999999;margin-top:20px;margin-bottom:20px}
#mainNav a:hover{background:#B2F511 url(../prototype/layout3/images/go.png) no-repeat left center;padding-right:15px;padding-left:30px;font-weight:bold}
#home #mainNav a#homelink, #feature #mainNav a#featureLink{background:#FFFFFF url(../prototype/layout3/images/bg_here.png) no-repeat 95% 50%;padding-right:15px;padding-left:30px;font-weight:bold}
#home #mainNav a#homelink:hover, #feature #mainNav a#featureLink:hover{color:#B2F511}
#nav p{padding:15px 15px 0 15px;color:#090;font-size:11pt;font-family:"Goudy Old Style","Times New Roman",Times,serif;font-weight:bold;text-align:center;line-height:1.6em;letter-spacing:0.7px}
#nav a{text-decoration:none;color:#522f91}
#banner img{float:left}
#banner ul{margin:0px;padding:0px;list-style:none}
#banner li{display:inline;float:right;margin-right:5px;padding-bottom:.5em}
#sitetools li a{font-size:1em;text-decoration:none;color:#FFFFFF;line-height:2em;background:#1B3A89;padding:5px;height:2em;border:1px solid #4D69B0;font-weight:bold}
#sitetools li a:hover{color:#10214E;background:#DCE5FF}
.warning{background:url(../prototype/layout3/images/warning.png) no-repeat left center;padding-top:2px;padding-left:30px;border-bottom:1px dotted #CCCCCC}
div.natEx{text-align:center;margin-top:25px;font-weight:bold}
.natEx p{margin-bottom:5px}
#news a.story:hover span.title{color:#000000}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* BASIC */

/* LAYOUT */

/* NAVIGATION */
#mainNav li {
	list-style: none;
	display: inline;
}
#mainNav a {
	text-decoration: none;
	color: #000000;
	font-size: 1.1em;
	text-transform: uppercase;
	border-bottom: 1px dashed #999999;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #E7E7E7 url(../prototype/layout3/images/link.png) no-repeat left center;
}
a#homeLink {
	background-image: url(../prototype/layout3/images/home.png); 
	background-repeat: no-repeat;
	background-position: left center;
}
#logo {
	display: none;
}
#mainNav ul {
	border-top: 1px dashed #999999;
	margin-top: 20px;
	margin-bottom: 20px;
}

#mainNav a:hover {
	background: #B2F511 url(../prototype/layout3/images/go.png) no-repeat left center;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}

#home #mainNav a#homelink,
#feature #mainNav a#featureLink {
	background: #FFFFFF url(../prototype/layout3/images/bg_here.png) no-repeat 95% 50%;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}

#home #mainNav a#homelink:hover,
#feature #mainNav a#featureLink:hover {
	color: #B2F511;
}

#nav p {
	/*
	color: #ED6733;
	padding-right: 5px;
	padding-left: 10px;
	*/
	padding: 15px 15px 0 15px;
	color: #090; 
	font-size: 11pt; 
	font-family: "Goudy Old Style", "Times New Roman", Times, serif;
	font-weight:bold;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.7px;
	
}

#nav a {
	text-decoration: none;
	color: #522f91;
}

/* BANNER STYLES */
#banner img {
	float: left;
}
#banner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#banner li {
	display: inline;
	float: right;
	margin-right: 5px;
	padding-bottom: .5em; /* to display bottom border on links in IE */
}

#sitetools li a {
	font-size: 1em;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 2em;
	background: #1B3A89;
	padding: 5px;
	height: 2em;
	border: 1px solid #4D69B0;
	font-weight: bold;

}
#sitetools li a:hover {
	color: #10214E;
	background: #DCE5FF;
}

/*********************** MAIN ****************************/

/* #main a {
	text-decoration: none;
	border-bottom: 1px dashed #B2F511;
	color: #152D6A;
}*/

/*********************** MAIN END ****************************/

/* headlines with warnings */
.warning {
	background: url(../prototype/layout3/images/warning.png) no-repeat left center;
	padding-top: 2px;
	padding-left: 30px;
	border-bottom: 1px dotted #CCCCCC;
}

/* ADVERTISING */
div.natEx {
	text-align: center;
	margin-top: 25px;
	font-weight: bold;
}

.natEx p {
	margin-bottom: 5px;
}
#news a.story:hover span.title {
	color: #000000;
}

Weitere Informationen über diese Webseite:

URL: http://magichouse.com/
CSS URL: http://magichouse.com/css/global.css
Charset: ISO-8859-1
Titel: The Magic House - St. Louis Children's Museum