style.css

ZD-BS是一个基于asp+access的个人blog系统 程序特点: 1.数据结构合理

/*General*/
body {
	background-color:#333333;
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color:#333;
	margin:0px;
	padding:0px;
	word-break: break-all;
	margin:10px 0;
}
a{
	color:#16387C;
	text-decoration:none;
}
a:hover {
	color:#16387C;
	text-decoration:underline;
}
table{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
form{
	margin: 0px;
	padding: 0px;
}
img {
	vertical-align: middle;
	border: none;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px dashed #CCCCCC;
}
h1,h2,h3,h4,h5,h6,h7,small{
	font-size:100%;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	color: #333333;
	padding: 0px;
	margin: 0px;
}
p{
	margin-top:0px;
}

/*Layout*/
#wrapper{
	background-color:#FFFFFF;
	width:760px;
	margin:0 auto;
	padding:20px;
}
#header{}
#footer{
	clear:both;
	margin-top:10px;
	padding:8px;
	text-align:center;
}
#footer li{
	padding:2px;
}
#navBar{
	width:760px;
	height:60px;
	padding:0;
	border-bottom:#8b0000 2px solid;
}
#main{
	width: 100%;
	clear:both;
}
#content{
	margin-top:20px;
}
#sideBar{
	width: 190px;
	float: right;
	padding-right:4px;
	font-size:12px;
	margin-top:20px;
}

/*header block*/
#navBar h1{
	font-size:18px;
	padding:8px 0 0 8px;
	font-weight:bold;
}
#navBar h1 a{
	color:#000;
}
#navBar h1 a:hover{
	color:#000;
	text-decoration:underline;
}
#navBar .menu{
	padding:6px 0 0 8px;
}
#navBar .menu a{
	color:#666;
	margin-right:8px;
}
#navBar .menu a:hover{
	color:#666;
	text-decoration:underline;
}

/*content block*/
.narrow{
	width: 540px;
	float: left;
	padding-left:4px;
}
.wide{
	padding:0 16px;
}
.errBox{
	border: #8B0000 1px solid;
	background-color:#FFCCCC;
	padding: 16px;
	color: #8B0000;
}
.errBox li{
	padding:2px 0;
}
.msgBox{
	border: #00008B 1px solid;
	background-color:#CCCCFF;
	padding: 16px;
}
.msgBox li{
	padding:2px 0;
}
.empty{
	padding: 4px;
	font-size: 150%;
}
.nav{
	font-size: 150%;
	font-weight: bold;
	border-bottom: #999999 1px dashed;
	padding: 4px;
	margin-bottom: 10px;
}
.nav a,
.nav a:hover{
	color:#333333;
}
.page-count{
	margin-top: 20px;
	padding: 4px;
}
.announce-fixed{
	margin-top:10px;
	width:760px;
}
.announce{
	padding: 8px;
	margin-bottom: 10px;
	background-color:#FEFAAD;
}
.article-unit{
	margin-bottom:10px;
}
.article-unit h1{
	font-size: 16px;
	font-weight: bold;
	color:black;
	margin-bottom:10px;
}
.article-unit h1 a,
.article-unit h1 a:hover{
	text-decoration:none;
	padding-left:4px;
	color:black;
}
.article-unit h4{
	padding-left:4px;
	font-size:12px;
}
.article-unit td{
	padding: 4px;
}
.article-info{
	font-size: 14px;
	font-style: italic;
	padding: 4px;
	text-align: right;
}
.article-link{
	padding: 4px;
}
.article-item{
	text-align:right;
	padding: 4px;
	border-top:#E6E6E6 1px solid;
	font-size:12px;
}
.article-unit h2{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom:10px;
	color:black;
}
.article-unit h3{
	font-size: 150%;
	font-weight: bold;
	height:30px;
	padding:4px;
}
.comment-unit{
	margin-bottom: 20px;
	padding: 0px 8px 0px 8px;
}
.comment-unit ul{
	margin-left: 20px;
}
.comment-unit li{
	padding: 8px;
	padding-left: 0px;
	list-style: decimal;
	list-style-position: outside;
}
.comment-content{
	padding:8px;
	line-height: 170%;
}
.comment-info{
	padding: 4px;
	font-style: italic;
	text-align: right;
}
.page-unit{}
.page-unit h1{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color:black;
}
.page-unit h2{
	font-size:12px;
	padding:10px 0;
	text-align: center;
	color:#666666;
}
.form-unit{
}
.form-unit h1{
	font-size: 150%;
	font-weight: bold;
	border-bottom: #999999 1px dashed;
	padding: 4px;
	margin-bottom: 10px;
}
.form-unit h2{
	font-size: 150%;
	font-weight: bold;
	height:30px;
	padding:4px 0;
	margin-top:20px;
}
.form-unit li{
	padding:4px;
	padding-left: 0px;
}

/*sideBar block*/
.sideBar-unit{
	margin-bottom:10px;
	background-color:#DAEDED;
}
#sideBar h1{
	font-size:100%;
	font-weight:bold;
	padding: 8px 5px 2px 5px;
}
.sideBar-content{
	padding: 5px 0px 5px 5px;
}
#sideBar li{
	padding: 4px;
}
#sideBar a,
#sideBar a:hover{
	color:#333333;
}

/*entry block*/
.entry{
	line-height: 200%;
	padding:4px;
}
.entry a,
.entry a:hover{
	text-decoration:underline;
}

/*left side*/
#side_left{
	width:150px;
	float:left;
	height:100%;
}
#side_left li{
	padding:0px;
	list-style-position: outside;
	border-bottom:#DEDEDE 1px solid;
	text-align:center;
}
#side_left li a{
	display: block;
	font-weight:normal;	
	width: 100%;
	color:#333;
	text-decoration: none;
	padding:8px 0 8px 0;
}
#side_left li a:hover{
	font-weight:normal;	
	width: 100%;
	color:#fff;
	background-color:#333;
	text-decoration: none;
}

/*plug-forum style*/
.forum-menu{
	font-weight:bold;
	text-align:right;
	padding:4px;
}
.forum-option{
	border-top:#CCCCCC 1px dashed;
	text-align:right;
	padding:4px;
}
.forum-list{
	padding:0;
	border:#CCCCCC 1px solid;
}
.forum-name{
	font-weight:bold;
}
.forum-describe{
	padding-top:4px;
}
.forum-top{
	font-weight:bold;
}
.forum-topic{
	border:#CCCCCC 1px solid;
}
.forum-topic h1{
	font-size: 150%;
	font-weight: bold;
	padding:4px;
}
.forum-author{
	padding:8px;
}
.forum-author li{
	padding:2px 0;
}
.forum-edit{
	text-align:right;
	padding:4px;
	color:#999999;
	font-style: italic;
}
.forum-replay{
	margin-top:20px;
	border:#CCCCCC dashed;
	border-width:1px 0;
}