📄 css.css
字号:
/*--基本--*/
body{
margin:0px;
padding:0px;
text-align:center;
font-family:verdana,sans-serif;
font-size:12px;
color:#000;
background:url(bg.gif) repeat left;
margin-left:auto;
margin-right:auto;
}
/*--主标题--*/
.h{
width:98%;
height:100px;
font-size:24px;
color:#fff;
margin-left: auto;
margin-right:auto;
background:url(hd.gif) repeat left;
}
#headertitle{
width:92%;
font-family:Arial Black;
padding-top:30px;
text-align:left;
}
#headertitle2{
font-family:Arial;
font-size:14px;
}
/*--顶站导航栏--*/
#mainlist{
width:99%;
height:20px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-left:1px;
padding-right: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;
border-right:1px solid #647d8f;
}
#one a:link,#one a:visited{
text-decoration:none;
color:#B3C2DF;
}
#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;
}
/*--主体--*/
#mainbody{
width:98%;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
padding-left:1px;
padding-right:1px
}
/*--左侧--*/
#mainleft{
float:left;
width:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
}
/*--用户图片--*/
#facepic{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/*--用户菜单--*/
#mainlistup{
height:0px;
}
#login{
width:180px;
margin-left:auto;
margin-right:auto;
}
#userpanel-1{
width:100%;
height:18px;
line-height:18px;
color:#000;
line-height:20px;
font-size:12px;
font-weight:bold;
border-left:3px solid #ef5e02;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
background:url(calendartd.gif) no-repeat 2px -1px right;
}
#userpanel-2{
font-size:12px;
padding-top:6px;
padding-left:6px;
padding-right:6px;
padding-bottom:6px;
width:95%;
border:1px solid #e5e5e5;
text-align:left;
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;
}
#userpanel-4{
width:120px;
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:right;
text-align:right;
padding-top:5px;
width:760px;
}
.contenttop{
font-size:14px;
color:#666;
margin:0px auto;
text-align:left;
}
.contenttitle2{
width:99%;
height:25px;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border:1px solid #e5e5e5;
text-align:left;
font-weight:bold;
padding-left:5px;
padding-right:5px;
color:#fff;
background-color:#ef5e02;
}
#zdtitleleft{
float:left;
}
#zdtitleright{
float:right;
padding-right:5px;
font-weight:100;
}
.contentauthor2{
width:99%;
font-size:11px;
font-weight:100;
color:#AFAFAF;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
padding-left:10px;
padding-bottom:4px;
text-align:left;
}
.contentbody{
font-size:12px;
color:#000;
text-align:left;
width:99%;
line-height:150%;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
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:99%;
height:25px;
text-align:left;
padding:5px;
color:#CCCC99;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}
#contentbottom{
width:99%;
font-size:12px;
text-align:center;
padding-bottom:24px;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
padding:5px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #bfcad2;
}
.contentbodybottom{
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
color:#CCCCCC;
width:100%;
}
#ct{clear:both;color:#000;}
#contentlink{
font-size:12px;
text-align:left;
padding-top:10px;
width:99%;
padding:5px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
#content6{
font-size:12px;
text-align:right;
padding:5px 0px 5px 0px;
width:93%;
}
#readblog_7{
font-size:12px;
color:#000;
text-align:left;
width:100%;
border:1px solid #e5e5e5;
}
#readblog_7_1{
padding-left:10px;
padding-top:5px;
font-size:12px;
}
#readblog_7_2{
font-size:12px;
color:437cae;
text-align:left;
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
height:20px;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #bfcad2;
}
#readblog_7_3{
font-size:12px;
text-align:left;
padding-left:10px;
height:50px;
padding-top:8px;
}
#readblog_7_4{color:#D8D8D8;padding-bottom:8px;}
#readblog_8{
font-size:12px;
border:1px solid #bfcad2;
width:80%;
margin-left:auto;
margin-right:auto;
}
#readblog_8_1{
font-size:12px;
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;
}
#readblog_9{height:20px;}
/*--底部信息--*/
.footer{
clear:both;
width:98%;
height:100px;
margin-right: auto;
margin-left: auto;
padding: 0px;
font-size:12px;
padding-top:10px;
background:url(foot.gif) repeat;
}
#changeskin{
padding-top:10px;
padding-bottom:10px;
height:40px;
}
/*--发表日志相关--*/
#post{
width:650px;
margin-left:auto;
margin-right:auto;
border:1px solid #e5e5e5;
}
#post_1{
width:650px;
height:20px;
font-weight:bold;
text-align:center;
border-bottom:1px solid #e5e5e5;
padding-top:5px;
padding-left:20px;
background-color:#ef5e02;
color:#fff;
}
#postbody{
width:600px;
font-size:12px;
text-align:left;
padding-left:20px;
margin-left:auto;
margin-right:auto;
}
#posttitle,#postconfig,#postaddress,#postcontent,#posttextarea{
padding-top:3px;
}
#postcontent{
width:600px;
background-color:#586B91;
}
#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;
}
/*--表单相关--*/
#input1{
width:300px;
}
#input{
font-size:12px;
width:30px;
}
#input2{
width:100px;
}
.textarea{border:1px solid #437cae;font-size:12px;color:#666;}
select{
border:1px solid #666;
}
/*--分页相关--*/
#fy{
width:98%;
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:25px;
line-height:25px;
background-color:#ef5e02;
color:#fff;
font-weight:bold;
border-left:1px solid #586B91;
border-right:1px solid #586B91;
border-top:1px solid #586b91;
margin-left:auto;
margin-right:auto;
}
#info-0{
width:400px;
padding-top:10px;
border-left:1px solid #586B91;
border-right:1px solid #586B91;
margin-left:auto;
margin-right:auto;
}
#info-1{
width:400px;
padding-top:10px;
font-size:14px;
font-weight:bold;
border-left:1px solid #586B91;
border-right:1px solid #586B91;
margin-left:auto;
margin-right:auto;
}
#info-2{
width:400px;
padding-top:10px;
padding-bottom:10px;
border-left:1px solid #586B91;
border-right:1px solid #586B91;
border-bottom:1px solid #586B91;
margin-left:auto;
margin-right:auto;
}
#info-2 a:link,#info-2 a:visited{
text-decoration:underline;
color:#c8d3e8;
}
/*--UBB相关--*/
#ubb_1{
width:600px;
height:200px;
margin-left:auto;
margin-right:auto;
}
#ubb_2{
width:600px;
background-color:#e5e5e5;
}
#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 #e5e5e5;
background-color:#fff;
}
#ubb_3 li a:hover{
background-color:#e5e5e5;
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:#e5e5e5;
}
#ubb_6{
width:600px;
height:46px;
padding-left:10px;
padding-bottom:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#e5e5e5;
}
#ubb_7{
width:600px;
padding-left:10px;
padding-bottom:10px;
background-color:#e5e5e5;
}
#ubbface{
text-align:center;
margin-left:auto;
margin-right:auto;
}
#playmedia{
height:25px;
font-weight:bold;
background-color:#e5e5e5;
}
#playmediabody{
width:500px;
margin-left:auto;
margin-right:auto;
border:1px solid #e5e5e5;
}
#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:#BA4B01;
}
.calendar-today {
color: #fff;
text-align: center;
font: 11px Verdana;
background-color:#ef5e02;
}
.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;
padding:5px;
background-color:#EAEAEA;
border-left:3px solid #FF8040;
color:#999999;
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -