Ergebnisse des CSS Crunching von corinnemitchell.info

Mal sehen was wir getan haben für corinnemitchell.info

CSSCruncher.com hat dieser Webseite
18,23 %Code erspart! Wow!

Crunched CSS Code:

*{padding:0;margin:0}
body{font:110%/14pt georgia,verdana,arial,sans-serif;text-align:center;color:#2a2a2a;line-height:120%;background:#F7F7F7;border-top:6px solid}
p{padding-bottom:15px}
a:link{color:#091932;background:inherit;border-bottom:#3A0000 dotted 1px;text-decoration:none}
a:active,a:visited{color:#B0171F;background:inherit;text-decoration:none}
a:hover{color:#555;border-bottom:#3A0000 dotted 1px;background:inherit;text-decoration:none}
h1{background:inherit;color:#4497cd;font:30pt/1.5em "Monofur","Times New Roman",serif;margin:0px 0px 0px 0px;padding-bottom:4px;text-shadow:#4497cd 1px 1px 2px}
h2{background:inherit;color:#4497cd;font:20pt/1.5em "Monofur",georgia,"Times New Roman",serif;font-weight:700;letter-spacing:4px;margin:20px 0px 10px 0px;padding-bottom:4px;text-shadow:#4497cd 1px 1px 2px;text-transform:uppercase}
@font-face{font-family:Monofur;src:url('monof55.ttf')}
h2 span{font-weight:bold;font-size:15pt}
h3{display:inline;color:#4497cd;font:bold 18pt "Rez",georgia,"Times New Roman",serif;margin:0px;padding-bottom:4px;padding-right:5px;text-shadow:#4497cd 1px 1px 2px}
h3 a{color:#4497cd !important}
@font-face{font-family:Rez;src:url('REZ.ttf')}
h4{font:14pt "Monofur",georgia,"Times New Roman",serif;margin:0;padding-bottom:2px}
h4 a,h4 a:visited{border-bottom:none !important;color:#2a2a2a}
ul,ol{margin-left:2.6em;list-style-image:url(/images/sitemap.png);list-style:inside}
ol.vcalendar{margin-left:0}
ol.vcalendar li{list-style:none}
ol.vcalendar li a{border:0;text-decoration:none}
ol.vcalendar li.vevent{background:url(/images/divider.png) repeat-x;padding:25px 5px}
div.section{padding:30px 15px;background:url(/images/divider.png) 0 100% repeat-x}
div.section div.contactform,div.section div.other1{width:450px;float:left;margin:0 15px 0 0;background:url(/images/vertical-line.png) 100% 50% no-repeat}
div.section div.contactlist,div.section div.other2{width:450px;float:right}
fieldset{border:0px;margin:0 2%}
form{margin:auto;padding:0 10px;width:500px}
label{clear:left;display:block;float:left;margin:.5em 5px 0 0;padding-top:0.25em;text-align:right;width:20%}
input,select,textarea{background:#f5f5f5;border:1px solid #cbcbcb;color:#222;font:8pt verdana,arial,sans-serif;margin:1em 0 0 0;padding:5px;width:60%}
input:hover,textarea:hover{background:#fff;border:1px solid #571137}
input:focus,textarea:focus{background:#ededed;border:1px solid #14aebc}
#buttons{margin:0 auto;text-align:center}
input.button{background:#f5f5f5;border:1px solid #cbcbcb;color:#222;font:8pt verdana,arial,sans-serif;width:auto}
.vcrd{float:right;margin-top:-50px;text-align:right}
table.skills{margin:auto;width:100%}
table.skills td{vertical-align:top}
table.skills td ul{margin-left:0}
table.skills td.con{padding:0 5px;width:30% !important}
table.skills td.img{width:52px !important}
table.downloads{margin:auto;width:85%}
table.downloads td{text-align:center;vertical-align:top;width:45%}
table.downloads td img{width:75px}
/* general classes and id's */
.clear{clear:both}
.phone{float:left;padding-bottom:5px;padding-left:60px;text-align:left;width:40%}
.phone img{vertical-align:middle}
.email2{float:right;padding-bottom:5px;padding-right:60px;text-align:right;width:40%}
.email2 img{vertical-align:middle}
.listing{width:90%;margin:0 auto;text-align:left;padding-bottom:20px}
hr#spacer,hr#spacer1,hr#spacer2,hr#spacer3,hr#spacer4,hr#spacer5,hr#spacer6,hr#spacer7,hr#spacer8{border:none 0;border-top:2px solid #777;width:100%;height:3px}
hr.space{margin-bottom:10px}
#columns{width:90%;margin:0 auto;padding-bottom:20px}
.columna{float:left;width:30%}
.columnb{float:left;width:30%}
.columnc{float:right;width:40%}
/* */
#wrap{background:#fffdd4;width:1000px;margin:0 auto;padding:9px;color:#2a2a2a;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;text-align:left}
#outerwrap{width:1020px;margin:0 auto;padding:0}
#navigation{width:900px;height:24px;margin:0 auto;margin-top:21px;text-align:left}
ul#nav{list-style:none}
ul#nav li{display:inline}
ul#nav li a:link,ul#nav a:visited,ul#nav a:active{padding:5px 8px 5px 8px;color:#777;background:#fff;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
ul#nav li img{margin-left:5px;vertical-align:middle}
#middlec{margin:auto;width:60%}
#footer{color:#000;margin:0 auto;width:850px}
#downloads{width:100%;height:30px;text-align:right}
ul#dl{list-style:none}
ul#dl li{font:8pt verdana,arial,sans-serif;display:inline}
.about_me_top{background:url(/images/about/about_top.jpg) no-repeat;height:22px;margin:15px auto 0;width:850px}
.about_me{background:url(/images/about/about_con.jpg) repeat-y;color:#494949;margin:0 auto;padding:0 20px;width:810px}
.about_me_bot{background:url(/images/about/about_bot.jpg) no-repeat;height:22px;margin:-10px auto 15px;width:850px}
.qr{float:left;padding:0 5px;position:fixed;bottom:45%;left:0}
img.qr{width:75px}
.right{float:right;padding:0 5px}
.left{float:left;padding:0 5px}
.none{display:none}

» Zeige den Original CSS code

« Verberge den Original CSS code

* {
	padding: 0;
        margin: 0;
	}
body{
 	font: 110%/14pt georgia, verdana, arial, sans-serif;
	text-align: center;
	color: #2a2a2a;
	line-height: 120%;
	background: #F7F7F7;
	border-top: 6px solid;
	}
p{
	padding-bottom: 15px;
	}
a:link{
	color: #091932;
	background: inherit;
	border-bottom:#3A0000 dotted 1px;
	text-decoration:none;
	}
a:active, a:visited{
	color: #B0171F;
	background: inherit;
	text-decoration: none;
	}
a:hover{
	color: #555;
	border-bottom:#3A0000 dotted 1px;
	background: inherit;
	text-decoration: none;
	}
h1{
	background: inherit;
	color: #4497cd;
	font: 30pt/1.5em "Monofur", "Times New Roman", serif;
	margin: 0px 0px 0px 0px;
	padding-bottom: 4px;
	text-shadow: #4497cd 1px 1px 2px;
	}
h2{
	background: inherit;
	color: #4497cd;
	font: 20pt/1.5em "Monofur", georgia, "Times New Roman", serif;
	font-weight: 700;
	letter-spacing: 4px;
	margin: 20px 0px 10px 0px;
	padding-bottom: 4px;
	text-shadow: #4497cd 1px 1px 2px;
	text-transform: uppercase;
	}
@font-face {
	font-family: Monofur;
	src: url('monof55.ttf');
}
h2 span{
	font-weight: bold;
	font-size: 15pt;
	}
h3{
	display: inline;
	color: #4497cd;
	font: bold 18pt "Rez", georgia, "Times New Roman", serif;
	margin: 0px;
	padding-bottom: 4px;
	padding-right: 5px;
	text-shadow: #4497cd 1px 1px 2px;
	}
	h3 a{
		color: #4497cd !important;
	}
@font-face {
	font-family: Rez;
	src: url('REZ.ttf');
}
h4{
	font: 14pt "Monofur", georgia, "Times New Roman", serif;	
	margin: 0;
	padding-bottom: 2px;
	}
	h4 a, h4 a:visited{
		border-bottom:none !important;
		color: #2a2a2a;
		}
ul,ol{
	margin-left: 2.6em;
	list-style-image: url(/images/sitemap.png);
	list-style: inside;
	}
ol.vcalendar{
	margin-left:0;
}
ol.vcalendar li{
	list-style: none;
	}
ol.vcalendar li a{
	border:0;
	text-decoration:none;
	}
ol.vcalendar li.vevent{
	background: url(/images/divider.png) repeat-x;
	padding: 25px 5px;
}
div.section {
	padding: 30px 15px;
	background: url(/images/divider.png) 0 100% repeat-x;
}
div.section div.contactform, div.section div.other1{
	width: 450px;
	float: left;
	margin: 0 15px 0 0;
	background: url(/images/vertical-line.png) 100% 50% no-repeat;
}
div.section div.contactlist, div.section div.other2{
	width: 450px;
	float: right;
}
fieldset{
	border: 0px;
	margin: 0 2%;
	}
form{
	margin: auto;
	padding: 0 10px;
	width: 500px;
}
label{
	clear: left;
	display: block;
	float: left;
	margin: .5em 5px 0 0;
	padding-top: 0.25em;
	text-align: right;
	width: 20%;
	}
input, select,textarea{
	background: #f5f5f5;
	border: 1px solid #cbcbcb;
	color: #222;
	font: 8pt verdana, arial, sans-serif;
	margin: 1em 0 0 0;
	padding: 5px;
	width: 60%;
	}
input:hover, textarea:hover {
	background: #fff;
	border: 1px solid #571137;
}
input:focus, textarea:focus {
	background: #ededed;
	border: 1px solid #14aebc;
}
#buttons{
	margin: 0 auto;
	text-align: center;
	}
input.button{
	background: #f5f5f5;
	border: 1px solid #cbcbcb;
	color: #222;
	font: 8pt verdana, arial, sans-serif;
	width: auto;
	}
.vcrd{
	float:right;
	margin-top:-50px;
	text-align:right;
	}
table.skills {
	margin:auto;
	width:100%;
	}
table.skills td{
	vertical-align:top;
	}
table.skills td ul{
	margin-left:0;
	}
table.skills td.con{
	padding:0 5px;
	width:30% !important;
}
table.skills td.img{
	width:52px !important;
}
table.downloads{
	margin:auto;
	width:85%;
}
table.downloads td{
	text-align:center;
	vertical-align:top;
	width:45%;
	}
table.downloads td img{
	width:75px;
	}

/* general classes and id's */
.clear{
	clear: both;
	}
.phone{
	float: left;
	padding-bottom: 5px;
	padding-left: 60px;
	text-align: left;
	width: 40%;
	}
.phone img{
	vertical-align:middle;
	}
.email2{
	float: right;
	padding-bottom: 5px;
	padding-right: 60px;
	text-align: right;
	width: 40%;
	}
.email2 img{
	vertical-align:middle;
	}
.listing{
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
	}
hr#spacer,hr#spacer1,hr#spacer2,hr#spacer3,hr#spacer4,hr#spacer5,hr#spacer6,hr#spacer7,hr#spacer8{
	border: none 0; 
	border-top: 2px solid #777;
	width: 100%;
	height: 3px;
	}

hr.space{
	margin-bottom: 10px;
	}
#columns{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
	}
.columna{
	float: left;
	width: 30%;
	}
.columnb{
	float: left;
	width: 30%;
	}
.columnc{
	float: right;
	width: 40%;
	}
/* */

#wrap{
	background:#fffdd4;
	width: 1000px;
	margin: 0 auto;
	padding: 9px;
	color: #2a2a2a;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	text-align: left;
	}
#outerwrap{
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	}
#navigation{
	width: 900px;
	height: 24px;
	margin: 0 auto;
	margin-top: 21px;
	text-align: left;
	}
ul#nav{
	list-style: none;		
	}
	ul#nav li{
		display: inline;
		}	
		ul#nav li a:link, ul#nav a:visited, ul#nav a:active{
			padding: 5px 8px 5px 8px;
			color: #777;
			background: #fff;
			border-top: 1px solid #e3e3e3;
			border-left: 1px solid #e3e3e3;
			border-right: 1px solid #e3e3e3;
			}
			ul#nav li img{
				margin-left: 5px;
				vertical-align: middle;
				}
#middlec{
	margin:auto;
	width:60%;		
}
#footer{
	color:#000;
	margin: 0 auto;
	width: 850px;
	}
#downloads{
	width: 100%;
	height: 30px;
	text-align: right;
	}
	ul#dl{
		list-style: none;
		}
		ul#dl li{
			font: 8pt verdana, arial, sans-serif;
			display: inline;
			}
.about_me_top{
	background:url(/images/about/about_top.jpg) no-repeat;
	height:22px;
	margin:15px auto 0;
	width:850px;
}
.about_me{
	background:url(/images/about/about_con.jpg) repeat-y;
	color:#494949;
	margin:0 auto;
	padding:0 20px;
	width:810px;
}
.about_me_bot{
	background:url(/images/about/about_bot.jpg) no-repeat;
	height:22px;
	margin:-10px auto 15px;
	width:850px;
}
.qr{
	float:left;
	padding:0 5px; 
	position: fixed;
	bottom: 45%;
	left:0;
}
img.qr{
	width:75px;
}
.right { float:right; padding:0 5px; }
.left { float:left; padding:0 5px; }
.none { display:none; }