main_01.css

大家一起研究研究,全部都是开源的CSHARP代码.带数据库的

@charset "utf-8";
/* CSS Document */
/****************/
body{scrollbar-face-color: #ffeade;
scrollbar-shadow-color: #ff9e71;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #ff9e71;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #ff9e71
}
body{margin: 0; padding: 0; font-family:Arial,"宋体"; font-size: 12px;}
div{padding: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 0;}
ul,ol,li,dl,dt,dd{margin: 0; padding: 0; list-style-type: none;}
span,p,form,input,label,img,h1,h2,h3,h4,h5,h6,hr{ margin: 0px; padding: 0px;}
/****************/
a{
	color: #1A3586;
	text-decoration:none;
}
a:hover {
	color: #1a3586;
	text-decoration:underline;
}
/*****************/
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{
	color:#1A3586;
}
/****************/
.fGrey{
	color:#5F5F5F;
	font-weight: normal;
}
.fRed{color: #FF0000;}
/***************/
.clear{clear: both; font-size:1px; width:1px; visibility: hidden;}
.marginTop{margin-top: 8px;}
/*****************/
#pageHeader{width: 950px; clear: both; margin-bottom: 10px;}
#pageHeader #logo{
	float: left;
	width: 130px;
	margin-top: 12px;
}
#pageHeader #globalNav{float: right; width: 815px;}
#pageHeader #globalNav #selfInfo{height: 100px; background-image: url(../images_01/pageHeader_bg1.gif); background-repeat: no-repeat;}
#pageHeader #globalNav #selfInfo #ad{float: left; width: 680px; margin-top: 10px; padding-left: 10px;}
#pageHeader #globalNav #selfInfo #info{width: 105px; float: right; padding-right: 10px; margin-top: 6px;}
#pageHeader #globalNav #selfInfo #info li{
	text-align: center;
	line-height: 22px;
}
#metamorphose{
	width: 84px;
	margin-top: 5px;

}
#metamorphose a{
	background-image: url(../images_01/function_bg.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	font-size: 0px;
	height: 10px;
	width: 10px;
}
#metamorphose #color1{
	background-position: 0px 0px;
}
#metamorphose #color1_1{
	background-position: 0px -20px;
}
#metamorphose #color2{
	background-position: -15px 0px;
}
#metamorphose #color2_2{
	background-position: -15px -20px;
}
#metamorphose #color3{
	background-position: -30px 0px;
}
#metamorphose #color3_3{
	background-position: -30px -20px;
}
#metamorphose #color4{
	background-position: -45px 0px;
}
#metamorphose #color4_4{
	background-position: -45px -20px;
}
#metamorphose #color5{
	background-position: -60px 0px;
}
#metamorphose #color5_5{
	background-position: -60px -20px;
}
#metamorphose #color6{
	background-position: -75px 0px;
}
#metamorphose #color6_6{
	background-position: -75px -20px;
}
#pageHeader #globalNav #navContent{font-size:12px; font-weight: bold; width: 815px; margin-top: 10px; background-repeat: no-repeat; background-position: 0px -125px; background-image: url(../images_01/pageHeader_bg1.gif); height: 37px;}
#pageHeader #globalNav #navContent ul {list-style:none; padding-left: 20px; padding-top: 9px;}
#pageHeader #globalNav #navContent li {display:inline; text-align: center;}
#pageHeader #globalNav #navContent li a {float:left; color:#FFFFFF; width: 85px; text-align: center; height: 20px; padding-top: 8px; background-image: url(../images_01/pageHeader_bg2.gif); background-repeat: no-repeat; background-position: right;}
#pageHeader #globalNav #navContent li a:hover {color:#000; background-image: url(../images_01/pageHeader_bg1.gif); background-repeat: no-repeat; background-position: 0px -185px;}
#pageHeader #globalNav #navContent #current a {color:#000; background-image: url(../images_01/pageHeader_bg1.gif); background-repeat: no-repeat; background-position: 0px -185px;}
#pageHeader #globalNav #navContent #current a:hover {background-image: url(../images_01/pageHeader_bg1.gif); background-repeat: no-repeat;}

/***************/
#footer{
	width: 948px;
	background-image: url(../images_01/footer_bg.gif);
	background-repeat: repeat-x;
	height: 99px;
	margin-top: 10px;
	border-left: 1px solid #FFC2A6;
	border-right: 1px solid #FFC2A6;
	padding-top: 10px;
}
#footer #logo{
	float:right;
	height: 85px;
	width: 120px;
	text-align: center;
	margin-top: 5px;
}
#footer #content{
	float: left;
	width: 778px;
	text-align: center;
	padding-left: 50px;
}
#footer #content p{
	line-height: 20px;
}
#footer a{
	text-align: center;
	margin-right: 4px;
	margin-left: 8px;
}
#footer span{
	margin-right: 8px;
	margin-left: 4px;
}
#footer #qq1{
	vertical-align: middle;
}
#footer #qq2{
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
/***************/
.box{
	width: 950px;
}

/*************/
.box #left{
	width: 200px; 
	float: left;
}
.box #left #about{
	background-image: url(../images_01/gsjj.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 200px;
	display: block;
}
.box #left .nominate{
	background-image: url(../images_01/left_bg_01.gif);
	background-repeat: no-repeat;
	height: 140px;
	width: 200px;
}
.box #left .nominate ul{
	padding-top: 25px;
}
.box #left .nominate li{
	line-height: 22px;
}
.box #left .nominate a{
	color: #1a3586;
	text-decoration:none;
}
.box #left .nominate a:hover {
	color: #bc2931; 
	text-decoration:none;
}
.box #left .nominate li span{
	padding-left: 10px;
}
.box #left .z_news{
	background-image: url(../images_01/left_bg_01.gif);
	background-repeat: no-repeat;
	height: 140px;
	width: 200px;
	background-position: 0px -140px;
}
.box #left .z_news ul{
	padding-top: 25px;
}
.box #left .z_news li{
	line-height: 22px;
	background-image: url(../images_01/dot_01.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	padding-left: 15px;
}
.box #left .contact{
	background-image: url(../images_01/left_bg_02.gif);
	background-repeat: repeat-y;
}
.box #left .contact h1{
	background-image: url(../images_01/left_bg_01.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 200px;
	background-position: 0px -280px;
	overflow: hidden;
}
.box #left .contact p{
	margin-top: 14px;
	line-height: 18px;
	padding-left: 10px;
}
.box #left .line_200{
	background-image: url(../images_01/left_bg_01.gif);
	background-repeat: no-repeat;
	height: 8px;
	width: 200px;
	background-position: 0px -312px;
	font-size: 1px;
}
/*****************/
.box #right{
	width: 740px; 
	float:right;
}
/*****************/
.news{
	width: 430px; 
	float:left;
}
.news h1{
	background-image: url(../images_01/right_bg_01.gif);
	background-repeat: no-repeat;
	height: 17px;
	padding-top: 5px;
	font-size: 12px;
	padding-left: 10px;
}
.news .line_430{
	background-image: url(../images_01/right_bg_01.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	height: 1px;
	width: 430px;
	clear: both;
	background-position: 0px -31px;
}
.news .content{
	width: 428px; 
	border-left:1px solid #FF9E71; 
	border-right:1px solid #FF9E71;
}
.news .content .line_x{
	background-image: url(../images_01/line_x.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
	padding-top: 10px;
}
.news .content .top{
	clear: both;
	margin: 0px 10px;
	height: 100px;
	padding-top: 10px;
}
.news .content .top li{
	float: left;
	text-align: center;
	width: 124px;
	padding-right: 6px;
	padding-left: 6px;
}
.news .content .top img{
	height: 68px;
	width: 120px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin-bottom: 2px;
}
.news .content .down{
	height: 80px;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
}
.news .content .down li{
	background-image: url(../images_01/dot_01.gif);
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 48%;
	float: left;
	padding-left: 2%;
}

/***************/
#flash{
	width: 300px;
	float: right;
	height: 235px;
	background-image: url(../images_01/right_bg_01.gif);
	background-repeat: no-repeat;
	background-position: -430px 0px;
}
#flash h1{
	font-size: 12px;
	height: 17px;
	padding-top: 5px;
	padding-left: 10px;
}
#flash #img_show{
	width: 280px;
	height: 180px;
	border: 1px solid #ccc;
	padding: 1px;
	margin-top: 5px;
}
#flash #img_show img{
	width: 280px;
	height: 180px;
}
#flash #img_show_ctl{
	width: 284px;
	height: 24px;
}
#flash #img_show_ctl .title{
	margin-left: 3px;
	float:left; 
	margin-top: 6px; 
	font-weight: bold;
}
#flash #img_show_ctl .but{
	width: 40px; 
	float: right; 
	margin-top: 5px;
}
#flash_img {FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); OVERFLOW: hidden; HEIGHT: 100%}
#flash_show_ctl_msg {FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); OVERFLOW: hidden;}

/*******************/
table{}
.table{
	background-image: url(../images_01/img_show_02.gif);
	background-repeat: repeat-y;
}
.bg_01{
	background-image: url(../images_01/img_show_01.gif);
}
.bg_02{
	background-image: url(../images_01/img_show_04.gif);
	background-position: center top;
	width: 4px;
	background-repeat: no-repeat;
}
.bg_03{
	background-image: url(../images_01/img_show_05.gif);
	background-position: center top;
	width: 4px;
	background-repeat: no-repeat;
}
.bg_04{
	background-image: url(../images_01/img_show_03.gif);