View file wap/wap.css

File size: 3.46Kb
/* Light-weight embedded CSS to satisfy most mobile phones */

/* ====================== */
/* =====Simple Reset===== */
/* ====================== */

body, html, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, form, input {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	outline: none;
}

ul, ol {
	list-style: none;
}

/* ======================== */
/* =====General Styles===== */
/* ======================== */

body {
	background: #aaa;
	font: 62.5% Verdana, Arial, Trebuchet MS;
}

/* =================== */
/* =====Structure===== */
/* =================== */

#headerwrap {
	width: 100%;
}

	#header {
		background: #333;
		border-bottom: 1px solid #ccc;
		padding: 8px;
	}

#infoblock, #pageblock {
	background: #e4f2fd;
	border-bottom: 1px solid #c6d9e9;
	color: #333;
}

#contentwrap {
	width: 100%;
}

	.post {
		background: #f5f5f5;
		border-bottom: 1px solid #c6d9e9;
		padding: 8px;
	}
	
	.page {
		background: #f5f5f5;
		padding: 8px;
	}

#postfoot {
	background: #e4f2fd;
	color: #333;
	padding: 8px;
}

#indexpostfoot {
	background: #555;
	color: #333;
	padding: 8px;
}

#comments {
	background: #e4f2fd;
	border-top: 1px solid #c6d9e9;
	color: #333;
	padding: 8px;
}

#searchwrap {
	width: 100%;
}

	#search {
		background: #555;
		border-top: 1px solid #777;
		padding: 8px;
	}

#footerwrap {
	width: 100%;
}

	#footer {
		background: #333;
		padding: 8px;
	
	}

/* ================== */
/* =====Headings===== */
/* ================== */

h1 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

	#header h1 {
		color: #ccc;
		margin: 0;
	}
	
		#header h1 a {
			color: #ccc;
			text-decoration: none;
		}
		
h2 {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

	h2 a {
		color: #2583ad;
	}
	
	h2.title {
		margin: 0;
	}
	
	#infoblock h2 {
		padding: 8px;
		margin: 0;
	}

	#infoblock p.subtitle {	
		padding-left:8px;		
	}
	
	#pageblock h2 {
		padding: 8px;
		margin: 0;
	}
	
h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

/* ==================== */
/* =====Typography===== */
/* ==================== */

p {
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

	p a {
		color: #d54e21;
	}
	
	#header p {
		color: #888;
		font-size: 1.1em;
		margin: 0;
	}
	
		#header p a {
			color: #888;
		}

	.post p.subtitle {
		font-size: 1.1em;
		margin: 0;
	}

	
	
		.post p.singleline {
			margin: 0;
		}
		
		.post p.commentfoot {
			font-size: 1.1em;
		}
	
	.oneline p {
		margin: 0;
	}
	
	#postfoot p, #indexpostfoot p {
		font-size: 1.1em;
		margin: 0;
	}
	
		#postfoot p a {
			color: #d54e21;
		}
		
		#indexpostfoot p a {
			color: #ccc;
		}
	
	#comments p {
		font-size: 1.1em;
		margin: 0;
	}
	
		#comments p a {
			color: #d54e21;
		}
	
	#footer p {
		color: #666;
		font-size: 1.1em;
		margin: 0;
	}
	
		#footer p a {
			color: #666;
		}
ul {
	list-style: disc;
	margin: 0 0 10px 25px;
}

ol {
	list-style: decimal;
	margin: 0 0 10px 25px;
}

	ul li, ol li {
		color: #333;
		font-size: 1.2em;
		padding: 2px;
	}
	
	ol#pages {
		margin: 0 0 0 20px;
	}
	
		ol#pages li {
			color: #333;
			font-size: 1.1em;
			padding-left: 0;
		}
		
			ol#pages li a {
				color: #d54e21;
			}

blockquote {
	border-left: 4px solid #ccc;
	margin: 8px;
	padding-left: 4px;
}