简易在线投票系统(php)——前端设计（css）

css.css

@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	height:auto;
	font-size:14px;
	color:#666;
}
a{
	text-decoration:none;
	color:#999;
}
a:hover{
	color:#CCC;
}
#bottom{
	width:10px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
#contend_top{
	border-bottom:#999 dashed 2px;
	width:750px;
	padding-bottom:2px;
}
#contend_title{
	border-bottom:#999 solid 2px;
	width:750px;
	font-weight:bold;
}
.contend_item{
	width:700px;
	background-color:#FFF;
	border-bottom:#999 dashed 2px;
	font-size:10px;
}
.contend_item_name{
	padding-left:20px;
	width:500px;
	font-size:16px;
	font-style:italic;
	height:20px;
	padding-top:0px;
	height:0px;
	font-weight:bold;
	color:#666;
}
#contend_form{
	margin-top:20px;
}
#contend_form td{
	padding-top:5px;
	color:#666;
}
#contend_form li{
	color:#F00;
}
#head{
	width:auto;
	height:70px;
	border-bottom:solid #666 2px;
	margin-top:0px;
}
#head_main{
	width:auto;
	height:60px;
	border-bottom:#666 dashed 2px;
	margin-top:0px;
}
#head_main_center{
	width:1000px;
	height:50px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}
#head_main_logo{
	height:35px;
	width:200px;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	padding-top:15px;
	font-style:italic;
	float:left;
	color:#666;
}
#head_main_account{
	width:300px;
	height:50px;
	float:right;
	font-size:12px;;
	margin-right:100px;
	color:#999;
	text-align:right;	
}
.inside{
	margin:5px;
	border:#999 dashed 2px;
	width:385px;
	height:230px;
}
.inside table{
	margin-left:20px;
	margin-top:20px;
	text-align:center;
	line-height:20px;
}
.inside td{
	padding:10px;
	line-height:20px;
}
#landing{
	width:400px;
	height:245px;
	position:absolute;
	background:#CCC;
	top:20px;
	left:400px;
}
#register{
	width:400px;
	height:245px;
	position:absolute;
	background:#CCC;
	top:20px;
	left:400px;
}
#main{
	margin-top:0px;
	height:auto;
	position:relative;
}
#main_contend{
	width:770px;
	margin-top:0px;
	float:left;
	padding-top:30px;
	padding-left:30px;
	height:auto;
}
#main_contend a{
	color:#666;
}
#main_contend a:hover{
	text-decoration:underline;
	color:#999;
}
#main_menu{
	width:300px;
	height:500px;
	margin-top:0px;
	float:left;
}
#main_menu_bottom{
	width:298px;
	height:200px;
	border-right:#666 solid 2px;
	border-bottom:#666 solid 2px;
}
#main_menu_top{
	width:298px;
	height:60px;
	border-right:#666 solid 2px;
}
.main_menu_item{
	height:30px;
	width:200px;
	margin-left:auto;
	text-align:center;
	border-top:#666 solid 2px;
	border-left:#666 solid 2px;
	border-bottom:#666 solid 2px;
}
.main_menu_item a{
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:59px;
	padding-right:59px;
}
.main_menu_item a:hover{
	background-color:#CCC;
	color:#999;
}
.main_menu_space{
	height:30px;
	width:200px;
	margin-left:auto;
	border-right:#666 solid 2px;
}
td{
	padding:0px;
	height:0px;
	color:#999;
}
tr{
	padding:0px;
	height:0px;
}
#vote td{
	width:400px;
	text-align:center;
}
#vote_intro{
	margin-left:50px;
	margin-right:50px;
	width:650px;
	border:#999 dashed 1px;
	text-indent: 2em;
	padding:10px;
	color:#666;
}
#vote_contend{
	width:500px;
	height:auto;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	padding-left:50px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
	border:#666 dashed 1px;
	line-height:25px;
}
.vote_contend_item{
	width:98px;
	float:left;
	height:30px;
	background-color:#CCC;
	margin-top:5px;
	border-right:#999 solid 1px;
	margin-right:1px;
}
.vote_contend_count{
	width:198px;
	float:left;
	height:30px;
	background-color:#ccc;
	margin-top:5px;
	border-left:#999 solid 1px;
	margin-left:1px;
}
.vote_contend_img{
	width:200px;
	float:left;
	height:30px;
	background-color:#ccc;
	margin-top:5px;
}
.vote_contend_strip{
	width:150px;
	height:16px;
	margin-top:7px;
	margin-bottom:7px;
	background-color:#999;
	
}