css.css

本代码是一个个人主页

/*--主标题--*/
.h{
width:780px;
height:120px;
font-size:24px;
color:#fff;
margin-left: auto;
margin-right:auto;
background:url(header_bg.png) no-repeat top;
}
#headertitle{
width:92%;
font-family:Arial Black;
padding-top:30px;
text-align:left;
}
#headertitle2{
font-family:Arial;
font-size:14px;
}

/*--顶站导航栏--*/
#mainlist{
width:770px;
height:20px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:url(main_bg.png) repeat left;
padding-left:10px;
padding-bottom:1px;
}
#mainlist ul{
clear:left;
list-style:none;
display:inline;
}
#mainlist li{
float:left;
display:block;
line-height:25px;
}
#mainlist li a{
display:block;
width:60px;
margin:0px;
padding:0px;
text-align:center;
}
#one{
font-size:12px;
color:#fff;
background:url(menu_bg2.png) repeat left;
border-right:1px solid #647d8f;
}
#one a:link,#one a:visited{
text-decoration:none;
color:#fff;

}
#one a:hover{
text-decoration:underline;
}

#two{
font-size:12px;
border-right:1px solid #647d8f;
}
#two a:link,#two a:visited{
text-decoration:none;
font-weight:bold;
}
#two a:hover{
text-decoration:underline;
font-weight:bold;
}

/*--主体--*/
body{
margin:0px;
padding:0px;
text-align:center;
font-family:verdana,sans-serif;
font-size:12px;
color:#356080;
background-color:#cdd6dd;
margin-left:auto;
margin-right:auto;
}

#mainbody{
width:780px;
background:url(main_bg.png) repeat left top;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
}

/*--左侧--*/

#mainleft{
float:right;
width:230px;
text-align:center;
padding-bottom:10px;
}


/*--用户图片--*/
#facepic{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/*--用户菜单--*/
#mainlistup{width:185px;height:5px;}
#login{
width:150px;
margin-left:auto;
margin-right:auto;

}

#userpanel-1{
width:185px;
height:20px;
color:#fff;
line-height:20px;
font-size:12px;
font-weight:bold;
background:url(panel_header.png) no-repeat top;
}

#userpanel-2{
font-size:12px;
padding-top:6px;
padding-left:6px;
padding-right:6px;
padding-bottom:6px;
width:171px;
text-align:left;
border:1px solid #bfcad2;
margin-left:auto;
margin-right:auto;
}
#userpanel-2 ul{
clear:left;
list-style:none;
display:inline;
}
#userpanel-3{
padding:0px 0px 2px 2px;
text-align:left;
}
#login{
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

/*--内容主体--*/

#fontzoomc{
width:93%;
text-align:right;
height:24px;
padding-top:5px;
padding-right:5px;
}
#fontzoomc a{
width:60px;
margin;0px;
padding:0px;
}

#mainright{
float:left;
text-align:right;
width:550px;
}

.contenttop{
font-size:14px;
color:#666;
margin:0px auto;
text-align:left;
}
.contenttitle2{
width:93%;
height:25px;
padding-left:12px;
text-align:left;
font-weight:bold;
color:#356080;
background:url(title_bg.png) no-repeat;
}

#zdtitleleft{
float:left;
}

#zdtitleright{
float:right;
padding-right:5px;
font-weight:100;
}

.contentauthor2{
width:93%;
font-size:11px;
font-weight:100;
color:#356080;
padding-left:10px;
padding-bottom:4px;
text-align:left;
}
'.contenttitle{
'font-size:12px;
'color:#fff;
'border-bottom:1px solid #999;
'padding-bottom:4px;
'margin:0;
'background-color:#000;
'}
'.contentauthor{
'font-size:11px;
'color:#666;
'padding-left:20px;
'padding-bottom:4px;
'margin:0;
'font-weight:100;
'}

.contentbody{
font-size:12px;
color:#000;
overflow:hidden;
text-align:left;
width:93%;
line-height:150%;
padding:5px;
padding-bottom:10px;
}
.noblog{
width:93%;
font-size:12px;
padding:5px 0px 5px 0px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#contenttags{
width:93%;
height:25px;
text-align:left;
}

#contentbottom{
width:93%;
font-size:12px;
padding:0px;
text-align:center;
padding-bottom:24px;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
}
#ct{clear:both;color:#356080;}

#contentlink{
font-size:12px;
text-align:left;
padding:10px 0px 10px 0px;
width:93%;
border-bottom:1px solid #8fcad2;
}

#content6{
font-size:12px;
text-align:right;
padding:5px 0px 5px 0px;
width:93%;
}

#readblog_7{
font-size:12px;
color:#356080;
text-align:left;
padding:5px 0px 5px 0px;
width:93%;
}
#readblog_7_1{font-size:12px;}
#readblog_7_2{
font-size:12px;
color:437cae;
text-align:left;
padding-bottom:5px;
padding-top:5px;
height:20px;
border-bottom:1px solid #bfcad2;
}
#readblog_7_3{
font-size:12px;
text-align:left;
height:50px;
padding-top:8px;
}
#readblog_7_4{color:#D8D8D8;padding-bottom:8px;}

#readblog_8{
font-size:12px;
color:#437cae;
border:1px solid #bfcad2;
width:80%;
margin-left:auto;
margin-right:auto;
}
#readblog_8_1{
font-size:12px;
color:#437cae;
padding:5px 0px 0px 0px;
width:350px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#readblog_8_2,#readblog_8_3{
width:350px;
text-align:left;
padding-bottom:5px;
margin-left:auto;
margin-right:auto;
}
#readblog_8_4{
width:350px;
padding-bottom:5px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#input{
font-size:12px;
color:#437cae;
border:1px solid #437cae;
width:30px;
}
#input2{font-size:12px;
color:#437cae;
border:1px solid #437cae;
width:120px;
}
.input2{
font-size:12px;
color:#437cae;
border:1px solid #437cae;
width:100px;
}

.textarea{border:1px solid #437cae;font-size:12px;color:#666;}
select{
border:1px solid #666;
}
#readblog_9{height:20px;}

/*--底部信息--*/
.footer{
clear:both;
width:780px;
height:66px;
margin-right: auto;
margin-left: auto;
padding: 0px;
font-size:12px;
padding-top:10px;
background:url(footer_bg.png) no-repeat;
}
#changeskin{
padding-top:10px;
padding-bottom:10px;
height:40px;
}
/*--发表日志相关--*/
#post{
width:650px;
margin-left:auto;
margin-right:auto;
border:1px solid #bfcad2;
}
#post_1{
width:650px;
height:20px;
background-color:#67a5dc;
font-weight:bold;
color:#fff;
text-align:center;
padding-top:5px;
padding-left:20px;
}
#postbody{
width:600px;
font-size:12px;
color:#437cae;
text-align:left;
padding-left:20px;
margin-left:auto;
margin-right:auto;
}
.inputtitle{
width:300px;
height:14px;
border:1px solid #437cae;
font-size:12px;
color:#437cae;
}
.inputaddress1{
width:100px;
border:1px solid #437cae;
font-size:12px;
color:#437cae;
}
.inputaddress2{
width:250px;
border:1px solid #437cae;
font-size:12px;
color:#437cae;
}
#posttitle,#postconfig,#postaddress,#postcontent,#posttextarea{
padding-top:3px;
}
#postcontent{width:600px;}
#postbutton{
text-align:center;
padding-top:10px;
}
.button{
width:50px;
height:20px;
font-size:12px;
color:#437cae;
border:1px solid #437cae;
background-color:#fff;
}
#postselect{width:540px;}
#wrEditor{border:1px solid #666;}
#content1{
width:500px;
border:1px solid #666;
}

/*--分页相关--*/
#fy{
width:93%;
font-size:12px;
color:437cae;
height:20px;
text-align:left;
padding-left:8px;
font-weight:bold;
}
#fy a:link,#fy a:visited{
font-weight:100;
width:12px;
text-align:center;
}
.link4:link,.link4:visited{font-size:12px;color:#000;text-decoration:none;}
.link4:hover{font-size:12px;color:#999;text-decoration:underline;}

/*--设置相关--*/
#admin_1{
width:80%;
border:1px solid #ccc;
padding:8px;
text-align:left;
}
#admin_2{
text-align:left;
padding-bottom:5px;
font-weight:bold;
}
#admin_3{
padding-left:5px;
padding-bottom:5px;
}
#admin_4{float:left;width:30%;text-align:right;}
#admin_5{float:right;width:70%;text-align:left;}
#admin_6{text-align:right;padding:4px 5px 4px 0px;}
#admin_7{text-align:left;padding:2px 5px 2px 0px;}

/*--信息报告页面--*/
#info{
width:400px;
height:20px;
background-color:#d7e4ee;
color:#3f67a5;
font-weight:bold;
border-left:1px solid #d7e4ee;
border-right:1px solid #d7e4ee;
margin-left:auto;
margin-right:auto;
}
#info-0{
width:400px;
padding-top:10px;
border-left:1px solid #d7e4ee;
border-right:1px solid #d7e4ee;
margin-left:auto;
margin-right:auto;
}
#info-1{
width:400px;
padding-top:10px;
font-size:14px;
font-weight:bold;
border-left:1px solid #d7e4ee;
border-right:1px solid #d7e4ee;
margin-left:auto;
margin-right:auto;
}
#info-2{
width:400px;
padding-top:10px;
padding-bottom:10px;
border-left:1px solid #d7e4ee;
border-right:1px solid #d7e4ee;
border-bottom:1px solid #d7e4ee;
margin-left:auto;
margin-right:auto;
}
#info-2 a:link,#info-2 a:visited{
text-decoration:underline;
color:#437cae;
}

/*--UBB相关--*/
#ubb_1{
width:600px;
height:200px;
margin-left:auto;
margin-right:auto;
}

#ubb_2{
width:600px;
background-color:#e6eef7;
}

#ubb_3{
width:600px;
height:25px;
padding-left:10px;
padding-top:5px;
}
#ubb_3 ul{
clear:left;
list-style:none;
display:inline;
}
#ubb_3 li{
float:left;
display:block;
height:25px;
}
#ubb_3 li a{
display:block;
width:20px;
height:20px;
margin:0px;
border:0px;
text-align:center;
}
#ubb_3 li a:link,#ubb_3 li a:visited{
border:1px solid #e6eef7;
}
#ubb_3 li a:hover{
background-color:#e6eef7;
border:1px solid #000;
}

#ubb_4{
width:600px;
height:30px;
padding-left:10px;
padding-top:5px;
}

#ubb_5{
width:600px;
padding-left:10px;
padding-bottom:10px;
background-color:#e6eef7;
}
#ubb_6{
width:600px;
height:46px;
padding-left:10px;
padding-bottom:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#e6eef7;
}
#ubb_7{
width:600px;
padding-left:10px;
padding-bottom:10px;
background-color:#e6eef7;
}
#ubbface{
text-align:center;
margin-left:auto;
margin-right:auto;
}
#playmedia{
height:25px;
font-weight:bold;
background-color:#f1f5fa;
}
#playmediabody{
width:500px;
margin-left:auto;
margin-right:auto;
border:1px solid #f1f5fa;
}
#divid{
padding-left:4px;
}

.arrow {
	font-family: webdings;
}
.calendar {
	color: #BBBBBB;
	text-align: center;
	font: 11px Verdana;
}
.calendar-thisday {
	color: #666;
	text-align: center;
	font: 11px Verdana;
	background-color:#3f67a5;
}
.calendar-today {
	color: #fff;
	text-align: center;
	font: 11px Verdana;
	background-color:#709cd2;
}
.thisdaylink:link,.thisdaylink:visited{
color:#fff;
}

#plubb1{
width:350px;
}
#plubb2{
width:90%;
}
#plubb2 ul{
clear:left;
list-style:none;
display:inline;
}
#plubb2 li{
float:left;
display:block;
height:25px;
}
#plubb2 li a{
display:block;
width:20px;
height:20px;
margin:0px;
border:0px;
text-align:center;
}
#plubb2 li a:link,#plubb2 li a:visited{
border:1px solid #586B91;
background-color:#fff;
}
#plubb2 li a:hover{
background-color:#586B91;
border:1px solid #000;
}

/*--系统关闭--*/
#off{
height:100px;
line-height:100px;
font-weight:bold;
}


/*--引用和代码--*/
.quote{
margin:5px 20px;
border:1px solid #CCCCCC;
padding:5px; 
background:#F3F3F3 
}
.HtmlCode{
margin:5px 20px;
border:1px solid #CCCCCC;
padding:5px; 
background:#FDFDDF;
color:#000;
}
#input1{
width:300px;
}

#input{
font-size:12px;
width:30px;
}
#input2{
width:100px;
}