style.css

MisCMS源码

/*下面是主定义*/
body{
	background: #3097D1;/*总背景,背景图片,这个定义的是横向重复*/
	font: 12px Verdana, Helvetica, sans-serif;
	margin: 15 0 0; padding: 0;/*上边界定为15px*/
	text-align: center;/*居中对齐*/
}
input,textarea{  /*这里定义的是输入框和文本框的样式*/
	color: #5B7D93; /*字体颜色*/
	background-color: #E1E9F4;/*背景颜色*/
	border: 3px double #E1E9F4;/*边框颜色,这里用的是3px的双线*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

a{ /*主链接样式*/
	color: #003366;
	padding: 5px 0;
	text-decoration: none;
}
	a:hover{
		text-decoration: underline;
	}
    a:visited{
		text-decoration: none;
	}
h1{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 14px;
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	width: 60px;
	background-color: #2F94CE;
	font-weight: bold;
}
	h1 a{
	display: block;
	text-decoration: none;
	width: 100%;
	color: #FFFFFF;
	}
	
h2{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 24px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	width: 100%;
	font-weight: bold;
	background-color: #2F94CE;
}
	h2 a{
		display: block;
		text-decoration: none;
		width: 100%;
	}

h3{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 14px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	width: 120px;
	font-weight: normal;
	background-color: #2F94CE;
	float: right;
}
	h3 a{
	display: block;
	text-decoration: none;
	width: 100%;
	color: #FFFFFF;
	}
h4{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 14px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	width: 60px;
	font-weight: bold;
	float: right;
}
h4 a{
	display: block;
	text-decoration: none;
	width: 100%;
	color: #FFFFFF;
	}
h5{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 14px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	width: 60px;
	font-weight: bold;
	float: right;
}
h5 a{
	display: block;
	text-decoration: none;
	width: 100%;
	color: #FFFFFF;
	}
hr{ /*水平线样式*/
	color: #CCC; 
	height: 1px;
}
h6{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 14px;
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	font-weight: bold;
}

#top {/*头部样式*/
	width: 98%;/*参考(1)*/
	height: 90px;
	background-color: #2C8EC7;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-top: 4px solid #ffffff;
	text-align: left;
} 
#fav {/*收藏层ID*/
	width: 60px;/*参考(1)*/
	height: 90px;
	text-align: left;
	float: right;
} 
#content{/*内容主框架id*/
	/*margin: 10px auto 0;/*上下边距10px,居中对齐*/
	text-align: left;
	width: 98%;/*参考(1)*/
	height: auto;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
}

/*div's id 下面是层的id*/
#copyright{ /*的版权的样式*/
	color: #fff;
	text-align: center;
	width: 98%;/* */
	padding: 10px;
	clear: both;
	background-color: #2C8EC7;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	border-top: 4px solid #ffffff;
}
	#copyright a{
		color: #fff;
	}

#wrapper{/*总框架*/

	margin: 5 auto 0;

/*下边一段是防止浏览器过大或过小的设置,不加会在firefox里正确居中
	position: relative;
	text-align: center;
	max-width: 950px;
	min-width: 770px;
	_width:expression(document.body.clientWidth > 1000? "1000px": "auto" );*/
}

#menue{/*导航条
	width: 98%;/*参考(1)*/
	line-height: 24px;
	text-align: center;
	clear: both;
	height: 24px;
	background-color: #2C8EC7;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-top: 4px solid #ffffff;
	width: 98%;
}
  #menue ul{ /*用ul和li标签可以轻松做出非常美观的链接样式,程序中的导航链接是用<li></li>包裹的,大家只要修改menue的样式就可以轻松控制了*/

	margin:0; /*其实ul本身并没有什么用,只是作为li的容器,控制位置*/
	padding:0;
  }
  #menue li{ 
	float:left;
	margin:0;
	list-style-type:none; /*去掉本身带有的圆点*/
	display: block;/*块显示,这样就可以把链接的文字和背景融合在一起,成块的变化*/
  }

#menue a {/*链接文字样式*/
	padding: 0 9px;
	display:block;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	background-color: #2C8EC7;
	color: #FFFFFF;
}
 #menue a:hover/*鼠标经过样式*/
  {
	background-color:#9EB6D8;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left center;
  }
  #menue a:active {/*鼠标点击样式*/
	background-color:#FF6600;
	font-weight: bold;
	color: #003366;
  }

#left1{/*左侧层id*/
	text-align: center;
	clear: both;
	width: 150px;/*参考(1)*/
	float: left;
	line-height: 100%;
	color: #FFFFFF;
    }
#left2{/*左侧层id*/
	margin: 2px auto;
	text-align: left;
	width: 150px;/*参考(1)*/
	float: left;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
    }	
#left2 ul{
	padding-bottom:0px;
	margin:1px;
	list-style:none;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	overflow: hidden;
}
#left2 ul li{
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCC00;
	margin: 1px;
}
#left3{/*左侧层id*/
	text-align: center;
	width: 150px;/*参考(1)*/
	float: left;
	clear: both;
	line-height: 100%;
	color: #FFFFFF;
    }
#left4{/*左侧层id*/
	margin: 2px auto;
	text-align: left;
	width: 150px;/*参考(1)*/
	float: left;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
    }
#left4 ul{
	padding:0;
	padding-bottom:0px;
	margin:1px;
	list-style:none;
	overflow: hidden;
}
#left4 ul li{
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCC00;
	margin: 1px;
}
#center1{/*中间层id*/
	text-align: left;
	line-height: 100%;
	background-color: #2F94CE;
	float: left;
	clear: both;
	width: 81%;	
	margin: 0px 0px 1px 2px;
	overflow: hidden;
	position: relative;
    }
#center1_1{/*二级中间层id*/
	text-align: left;
	width: 81%;
	clear: both;
	background-color: #2F94CE;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
    }
#center1_1 a{/*二级中间层id*/
	font-weight: bold;
	color: #FFFFFF;
    }
#center_n{/*中间层无数据id*/
	margin: 2px 0px 2px 2px;
	text-align: center;
	width: 81%;
	line-height: 150%;
	clear: both;
	background-color: #ffffff;
	float: left;
	overflow: hidden;
	position: relative;
	color: #006699;
	height: 30px;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
    }
#center2{/*中间层id*/
	margin: 2px 0px 2px 2px;
	text-align: left;
	width: 81%;/*参考(1)*/
	float: left;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	position: relative;
    }
#center2 ul {
	padding:1px 0 0 0;
	padding-bottom:0px;
	margin:1px 0 0 0;
	list-style:none;
	overflow: hidden;
	position: relative;
}
#center2 li {
	padding:1px 0 0 3px;
	float:left;
	display:block;
	width: 33%;
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCC00;
	position: relative;
}
#centerz{/*中间层id*/
	margin: 2px 0px 2px 2px;
	text-align: left;
	width: 81%;/*参考(1)*/
	float: left;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	position: relative;
    }
#centerz ul {
	padding:1px 0 0 0;
	padding-bottom:0px;
	margin:1px 0 0 0;
	list-style:none;
	overflow: hidden;
	position: relative;
}
#centerz li {
	padding:1px 0 0 3px;
	float:left;
	display:block;
	width: 20%;
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCC00;
	position: relative;
}
#center2_1{/*二级页中间层id*/
	margin: 2px 0px 2px 1px;
	text-align: left;
	width: 81%;/*参考(1)*/
	_width: 80.5%;/*适应不同浏览器*/
	float: left;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
    }
#center2_1 li{/*二级页中间层id*/
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCC00;
	margin: 1px 0px 0px 0px;
	list-style-type: none;
}
#pg{/*分页层id*/
	margin: 0px 0px 2px 1px;
	text-align: left;
	width: 81%;/*参考(1)*/
	_width: 80.5%;/*适应不同浏览器*/
	float: left;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
	position: relative;
    }
#right1{/*右侧层id*/
	text-align: center;
	width: 18%;/*参考(1)*/
	float: right;
	line-height: 100%;
	color: #FFFFFF;
    }
#right2{/*右侧层id*/
	margin: 2px auto;
	text-align: center;
	width: 18%;/*参考(1)*/
	float: right;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
    }
#right3{/*右侧层id*/
	margin: 2px auto;
	text-align: center;
	width: 18%;/*参考(1)*/
	float: right;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 240px;
    }		
#right4{/*右侧层id*/
	text-align: center;
	width: 18%;/*参考(1)*/
	float: right;
	clear: both;
	line-height: 100%;
	color: #FFFFFF;
    }
#right5{/*右侧层id*/
	margin: 2px auto;
	text-align: center;
	width: 18%;/*参考(1)*/
	float: right;
	line-height: 100%;
	color: #006699;
	clear: both;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 345px;
    }	
#right5 ul{ padding:0; padding-bottom:0px; margin:1px; list-style:none;}
#right5 ul li{
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCC00;
	margin: 1px;
}

#z{/*右侧主层id*/
	float: right;/*参考(1),左边距大小*/
	width: auto;/*参考(1)*/
	_width: auto;
	clear: none;
	overflow: hidden;
	}

table {
	table-layout: fixed; /*防止表格和层被字符撑开*/
	word-wrap:break-word;
}
div {
	word-wrap:break-word;
}

#gog {
	font-weight: bold;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	border: 1px solid #006699;
	overflow: hidden;
	color: #006699;
	text-align: center;
}

#tit {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	border: 1px solid #006699;
	overflow: hidden;
	color: #006699;
	text-align: center;
	vertical-align: middle;
}
#titmune {
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	border: 1px solid #006699;
	overflow: hidden;
	color: #006666;
	text-align: center;
	vertical-align: middle;
}
#read {
	color: #006699;
	margin: 1px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	border: 1px solid #006699;
	overflow: hidden;
	background-color:#F8F8F8;
} 	
#pl {
	font-weight: bold;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	border: 1px solid #006699;
	overflow: hidden;
	color: #006699;
	text-align: center;
	padding-top: 15px;
}
/*评论样式及公告列表样式*/
.comment{
	margin:5px;
	padding:1px;
	padding-bottom:8px;
	background-color:#F8F8F8;
	border:#CCC solid 1px;
	text-indent: 24px;
	line-height:21px;
}
#add {
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	border: 1px solid #006699;
	overflow: hidden;
	text-align: center;
}
#add li {
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	overflow: hidden;
	width: 500px;
	text-align: left;
	list-style-type: none;
}
td {
	font-size: 12px;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
}