📄 blog.css
字号:
body {
background-color: #00549F;
margin:0px;
}
#all{
width:780px;
height:auto;
margin:auto;
background-color: #F8E085;
clear:both;
/*text-align:center;*/
/*float:left;*/
}
#top{
width:780px;
float:right;
height:auto;
background-color:#white;
}
#blogtitle {
position:absolute;
left:360px;
top:52px;
z-index:1;
margin-left:auto;
margin-right:auto;
font-size:30px;
font-family:'黑体';
font-weight:bolder;
text-align:center;color:white;
}
#bar{
width:748px;
height:auto;
float:left;
padding-left:30px;
padding-top:3px;
padding-bottom:3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #566F28;
border-right-color: #566F28;
border-bottom-color: #FFFFFF;
border-left-color: #566F28;
background-image: url(image/BAR_BG.jpg);
}
a.titlemenu:link{
text-decoration:none;
color:#FFFFFF;
}
a.titlemenu:visited{
text-decoration:none;
color:#FFFFFF;
}
a.titlemenu:hover{
text-decoration:none;
color:#FFFF00;
}
.menu{
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:bold;
height:24px;
margin-left:2px;
padding:5px;
line-height:24px;
width:160px;
border: 1px none #FEFBDA;
}
a.menu:hover{
color: #EAEAEA;
/*background-color:#ffffff;*/
}
#left-bg{
width:530px;
height:auto;
float:left;
margin-top:10px;
}
#left-title{
font-weight:bolder;
padding-top:10px;
padding-left:30px;
color:#FFFFFF;
width:540px;
height:30px;
background-color:#FF9900;
/*margin-top:5px;*/
border: 1px solid #E8E8E8;
}
#left-body{
width:550px;
height:auto;
background-color:#ffffff;
/*text-indent:20px;
white-space:normal;*/
font-size:13px;
line-height:20px;
padding-left:10px;
padding-right:10px;
padding-top:40px;
padding-bottom:35px;
float:left;
border: 1px solid #EBEBEB;
}
#re-body{
text-align:left;
width:550px;
height:auto;
background-color:#ffffff;
text-indent:20px;
white-space:normal;
font-size:13px;
line-height:20px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:35px;
border: 1px solid #666666;
}
#body-top{
font-size:12px;
padding-left:20px;
background-color:#FFFFFF;
width:550px;
height:auto;
font-weight:bold;
padding-bottom:15px;
padding-top:15px;
text-decoration:none;}
#left-body-content{
width:530px;
height:auto;
background-color:#ffffff;
/*text-indent:20px;*/
/*white-space:normal;*/
font-size:13px;
line-height:25px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:15px;
word-break:break-all;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
#re{
width:540px;
height:auto;
font-size:13px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dashed;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #99CC00;
border-right-color: #99CC00;
border-bottom-color: #FF3300;
border-left-color: #6699CC;
padding-bottom:8px;
padding-top:5px;
}
#right-bg{
width:200px;
float:right;
height:auto;
}
#search{
margin-top:10px;
width:auto;
height:auto;
background-color:#FFFFFF;
padding-left:10px;
font-size:13px;
padding-top:10px;
padding-bottom:10px;
}
#right-title{
font-weight:bolder;
width:180px;
height:30px;
background-color:#FC9721;
margin-top:3px;
padding-left:20px;
padding-top:8px;
border: 1px solid #F3F3F3;
color: #FFFFFF;
}
#right-body{
width:200px;
height:auto;
background-color:#FFFFFF;
font-size:13px;
border: 1px solid #F5F7F8;
/*padding-top:20px;*/}
#pic{
width:160px;
height:180px;
/*background-image: url(image/ok.jpg);*/
background-position:center;
background-repeat:no-repeat;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.nav{
border: 1px dashed #CCCCCC;
display:block;
width:auto;
text-align:left;
padding-left:5px;
height:auto;
padding-top:5px;
margin-top:1px;
text-decoration:none;
color:#333333;
/* text-overflow:ellipsis;*/
}
a.nav:hover{
background-color:#F2F2F2;
}
.btn{
background-color:#CCCCCC;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.text{
border: 1px solid #999999;
}
form{
margin:0px;}
p{
text-indent:20px;}
br{text-indent:20px;}
hr{
border: 1px dashed #C2C67D;
}
#page{
width:571px;
height:auto;
text-align:center;
background-color:white;
font-size:12px;
text-decoration:none;
padding-top:8px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
padding-bottom:15px;
color:#666666;
}
a.page:link{
color:#000000;
text-decoration:none;}
a.page:hover{
text-decoration:none;
color:#339933;u
}
a.page:visited{
color:#000000;
text-decoration:none;}
.btn1{
background-color: #FEF8ED;
border: 1px solid #599F33;
}
#bottom{
line-height:20px;
width:780px;
height:auto;
padding-top:20px;
padding-bottom:20px;
text-align:center;
font-size:12px;
float:left;
color:#660000;
background-color:#FFBD11;
margin-top:10px;
/*FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#9BC155', gradientType='0');*/ }
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -