css.css

本代码是一个个人主页

/*--主体--*/
body{
margin:0px;
padding:0px;
text-align:center;
font-family:verdana,sans-serif;
font-size:12px;
color:#c8d3e8;
background-color:#3a4765;
margin-left:auto;
margin-right:auto;
}
/*-----------------------后台左边部分-----------------------------*/
#admin_left{
float:left;
width:20%;
}
#admin_left_title{
height:25px;
line-height:25px;
color:#fff;
font-weight:bold;
background-color:#3a4765;
}
#admin_left_list{
height:800px;
background-color:#3a4765;
}
#admin_left_list ul{
list-style:none;
margin:0px;
padding:0px;
}
#admin_left_list ul li{
display:block;
margin-bottom:5px;
}
#admin_left_list ul li a:link,#admin_left_list ul li a:visited{
width:100%;
height:35px;
line-height:35px;
display:block;
background-color:#7b8aa5;
color:#fff;
text-decoration:none;
}
#admin_left_list ul li a:hover{
background-color:#c8d3e8;
color:#4567a3;
}
/*-----------------------后台右面部分----------------------------*/
#admin_right{
float:right;
width:80%;
background-color:#ffff00;
}
#admin_right_body{
width:100%;
background-color:#3a4765;
}
#admin_right_title{
width:90%;
height:25px;
line-height:25px;
color:#fff;
font-weight:bold;
background-color:#3a4765;
border:1px solid #3a4765;
text-align:left;
}
#admin_right_content{
height:30px;
width:100%;
line-height:16px;
}
#admin_right_content_1{
display:block;
border:1px solid #7b8aa5;
height:50px;
width:90%;
padding:5px;
}
#admin_right_content_2{
float:left;
width:30%;
}
#admin_right_content_2 ul{
list-style:none;
margin:0px;
padding:0px;
text-align:right;
}
#admin_right_content_2 ul li{
display:block;
height:23px;
}
#admin_right_content_3{
float:right;
width:70%;
}
#admin_right_content_3 ul{
list-style:none;
margin:0px;
padding:0px;
text-align:left;
}
#admin_right_content_3 ul li{
display:block;
}
#admin_right_content2{
width:90%;
text-align:left;
}
#admin_right_class_1{
width:100%;
}
#admin_right_class_1 ul{
list-style:none;
margin:0px;
padding:0px;
text-align:left;
}
#admin_right_class_1 ul li{
float:left;
display:block;
height:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#586b91;
}
#admin_right_class_2{
width:100%;
}
#admin_right_class_2 ul{
list-style:none;
margin:0px;
padding:0px;
text-align:left;
}
#admin_right_class_2 ul li{
float:left;
display:block;
height:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#a{
width:100px;
line-height:20px;
border-right:1px solid #3a4765;
border-bottom:1px solid #3a4765;
}
#b{
width:200px;
line-height:20px;
border-right:1px solid #3a4765;
}
#c{
width:200px;
line-height:20px;
border-right:1px solid #3a4765;
}
#d{
width:200px;
line-height:20px;
border-right:1px solid #3a4765;
}
#a2{
width:50px;
line-height:20px;
border-right:1px solid #3a4765;
border-bottom:1px solid #3a4765;
}
#b2{
width:150px;
line-height:20px;
border-right:1px solid #3a4765;
}
#c2{
width:300px;
line-height:20px;
border-right:1px solid #3a4765;
}
#d2{
width:100px;
line-height:20px;
border-right:1px solid #3a4765;
}
#admin_skin{
width:100%;
}
/*-----------------------------表单相关--------------------*/
/*--按钮--*/
#button1{
padding-top:5px;
}
.button1{
width:80px;
color:#fff;
background-color:#7b8aa5;
border:1px solid #7b8aa5;
}
.button2{
width:40px;
color:#fff;
background-color:#7b8aa5;
border:1px solid #7b8aa5;
}
#input1{
height:12px;
width:20px;
font-size:12px;
}

.basic_input1{
width:200px;
height:16px;
border:1px solid #3a4765;
}
.basic_input2{
height:16px;
border:1px solid #3a4765;
}
#admin_data1{
width:400px;
text-align:left;
font-weight:bold;
}
#admin_data2{
width:400px;
text-align:left;
}
#admin_info{
width:400px;
height:100px;
line-height:100px;
border:1px solid #c8d3e8;
margin-top:100px;
}

/*-----------------------------链接相关--------------------*/
a:link,a:visited{
color:#c8d3e8;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}