标题样式优化 (1e88a5fd) · Commits · Wenchao Zhang / Wiki-in-box

files/css/main.css

+43 −36

Original line number	Original line	Diff line number	Diff line
	@@ -58,62 +58,75 @@ body > #footer a {
	}		}
	/内容样式/		/内容样式/
	body > #main #content p {		body > #main #content p {
	margin: 0;		margin: 0 0 20px;
	padding: .6em 0;		text-indent:2em;
	/text-indent:2em;/
	}		}
	body > #main #content h1 {		body > #main #content h1 {
	font-size: 2em;		font-size: 32px;
	line-height: 2.4em;		line-height: 2em;
	margin: 20px -60px;		margin: 0 -60px 20px;
	padding: 0 60px;		padding: 0 60px;
	border-bottom: 5px solid #ddd;		border-bottom: 5px solid #ddd;
	}		}
	body > #main #content h2 {		body > #main #content h2 {
	font-size: 1.4em;		font-size: 22px;
	line-height: 1.6em;		line-height: 36px;
	margin: 20px -60px;		margin: 0 -60px 20px;
	padding: 0 60px;		padding: 0 60px;
	color: #efefef;
	-webkit-border-radius: 3px;		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;		-moz-border-radius: 3px;
	border-radius: 3px;		border-radius: 3px;
	background-color: #22222c;		background-color: #DDD;
	-ms-border-radius: 3px;		color: #333;
	-o-border-radius: 3px;
	}		}
	body > #main #content h3 {		body > #main #content h3 {
	font-size: 1.4em;		font-size: 18px;
	line-height: 1.6em;		line-height: 28px;
	margin: 20px -60px;		margin: 0 -60px 20px;
	padding: 0 60px;		padding: 0 60px;
	-webkit-border-radius: 3px;		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;		-moz-border-radius: 3px;
	border-radius: 3px;		border-radius: 3px;
	background-color: #ddd;		background-color: #F3F3F3;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	}		}
	body > #main #content h4 {		body > #main #content h4 {
	font-size: 1.4em;		font-size: 18px;
	line-height: 1.8em;		line-height: 1.8em;
			margin: 0 0 20px;
			border-bottom: 2px solid #ddd;
	}		}
	body > #main #content h5 {		body > #main #content h5 {
	font-size: 1.2em;		font-size: 18px;
	font-weight: bold;		font-weight: bold;
	line-height: 1.8em;		line-height: 1.8em;
			margin: 0 0 20px;
	color: #666;		color: #666;
	}		}
	body > #main #content h6 {		body > #main #content h6 {
	font-size: 1.1em;		font-size: 18px;
	font-weight: bold;		font-weight: bold;
	line-height: 1.8em;		line-height: 1.6em;
			margin: 0 0 20px;
	color: #999;		color: #999;
	}		}
			body > #main #content ul,
			body > #main #content ol {
			margin: 0 0 20px;
			}
			body > #main #content ul ul,
			body > #main #content ol ul,
			body > #main #content ul ol,
			body > #main #content ol ol {
			margin: 10px 0;
			}
			body > #main #content ul li,
			body > #main #content ol li {
			margin: 0 0 10px;
			}
	pre {		pre {
	display: block;		display: block;
	overflow-x: auto;		overflow-x: auto;
	margin: .6em -60px;		margin: 0 -60px 20px;
	padding: 0 60px;		padding: 0 60px;
	word-wrap: break-word;		word-wrap: break-word;
	word-break: normal;		word-break: normal;
	@@ -142,7 +155,7 @@ pre code .code-line .line-num {
	color: #666;		color: #666;
	}		}
	body > #main #content .img-box {		body > #main #content .img-box {
	margin: .6em -60px;		margin: 0 -60px 20px;
	padding: 0;		padding: 0;
	}		}
	body > #main #content .img-box img {		body > #main #content .img-box img {
	@@ -154,17 +167,19 @@ body > #main #content .img-box img {
	body > #main #content blockquote,		body > #main #content blockquote,
	body > #main #content blockquote > blockquote>blockquote,		body > #main #content blockquote > blockquote>blockquote,
	body > #main #content blockquote > blockquote > blockquote > blockquote>blockquote {		body > #main #content blockquote > blockquote > blockquote > blockquote>blockquote {
			margin: 0 0 20px;
	border-left: 5px solid #dddde3;		border-left: 5px solid #dddde3;
	background: #f6f6f6;		background: #f6f6f6;
	}		}
	body > #main #content blockquote > blockquote,		body > #main #content blockquote > blockquote,
	body > #main #content blockquote > blockquote > blockquote>blockquote {		body > #main #content blockquote > blockquote > blockquote>blockquote {
	background: #fff;		background: #fff;
	} {		}
	background: #f6f6f6;		body > #main #content blockquote *:last-child {
			margin-bottom: 0;
	}		}
	body > #main #content table {		body > #main #content table {
	margin: .6em auto;		margin: 0 auto 20px;
	border: 2px solid #ddd;		border: 2px solid #ddd;
	}		}
	body > #main #content table td,		body > #main #content table td,
	@@ -191,8 +206,6 @@ body > #main #content table th {
	background-color: #22222c;		background-color: #22222c;
	-webkit-box-shadow: 0 -2px 12px #333;		-webkit-box-shadow: 0 -2px 12px #333;
	box-shadow: 0 -2px 12px #333;		box-shadow: 0 -2px 12px #333;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	}		}
	#toc-box .menu {		#toc-box .menu {
	font-size: 20px;		font-size: 20px;
	@@ -210,8 +223,6 @@ body > #main #content table th {
	-moz-border-radius: 40px;		-moz-border-radius: 40px;
	border-radius: 40px;		border-radius: 40px;
	background-color: #22222c;		background-color: #22222c;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	}		}
	#toc-box .menu:before {		#toc-box .menu:before {
	position: absolute;		position: absolute;
	@@ -227,8 +238,6 @@ body > #main #content table th {
	background-color: #22222c;		background-color: #22222c;
	-webkit-box-shadow: 0 -2px 12px #333;		-webkit-box-shadow: 0 -2px 12px #333;
	box-shadow: 0 -2px 12px #333;		box-shadow: 0 -2px 12px #333;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	}		}
	#toc {		#toc {
	position: relative;		position: relative;
	@@ -245,8 +254,6 @@ body > #main #content table th {
	background-color: #fff;		background-color: #fff;
	-webkit-box-shadow: 0 2px 3px #999 inset;		-webkit-box-shadow: 0 2px 3px #999 inset;
	box-shadow: 0 2px 3px #999 inset;		box-shadow: 0 2px 3px #999 inset;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	}		}
	#toc ul {		#toc ul {
	margin: 0;		margin: 0;

Admin message