博客园美化代码备份

Posted ch520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客园美化代码备份相关的知识,希望对你有一定的参考价值。


#Header1_HeaderTitle {
font-family: "华文行楷";
font-size: 62px;
font-weight: bold;
padding-top:15px;
padding-bottom:5px;
padding-left:20px;
padding-right:0px;
text-align: center;

}

Header2_HeaderTitle {

font-family: "华文行楷";
font-size: 52px;
padding-top:-15px;
font-weight: bold;
padding-bottom:20px;
padding-left:100px;
padding-right:0px;
text-align: left;

}

header {

height:178px;

}

/* 博客标题 */

blogTitle {

height: 178px;  /*高度*/              
clear: both;

}

/*******************************************************************/
/导航栏/

navigator {

   font-size:28px;
   height:52px;
   background:#55895B;
   text-align:center;
   margin-top:20px;
   margin-bottom:20px;

}

navList li { /* 每一个栏目节点 */
margin:0 10px 0 10px;
line-height:52px;
float:left;
color:white;
}

navList li a { /* 栏目文字的格式 */
padding:0 10px;
text-decoration:none;
line-height:52px;
border:0;
color:#fff;
padding-left: 25px;
}

navList li:hover {

   background:#000000;
   height:52px;

}

blog_stats {

margin:0 10px 0 0;
font-size:16px;
line-height:52px;
float:left;

}

blog_nav_rss,#blog_nav_rss_image{

display:none;

}

/*********************************************************/
.day {
margin:0 30 0px 0;
}

.dayTitle {
display:none;
}

.postTitle a { /标题/
color:#009CB5;
text-decoration:none;
}

.postTitle {
font-size:20px;
font-weight:bold;
color:#009CB5;
font-family: "行楷";
border-left: 3px solid #21759b;
margin-bottom: 10px;
margin-left:20px;
float: right;
width: 100%;
clear: both;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active {
color: #21759b;
transition: all 0.4s linear 0s;
}

/* .postTitle a:hover {
margin-left: 30px;
color: #0f3647;
text-decoration: none;
} */

.day .postTitle a {
padding-left: 10px;
text-decoration:none;
}

.c_b_p_desc { /摘要/
line-height:24px;
color:#888;
}

.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}

.postSeparator {
border-bottom: 0.5px solid #DDDDDD;

}

/**********************************************************/

sidebar_shortcut,.catListPostArchive,.catList这里是UI开头的类的集合。,#sidebar_toptags {

display:none;

}

.catListTitle {
font-weight:bold;
font-family: "华文行楷";
}

/主面板/

mainContent {

float:right;
margin-top:0px;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;

}

/google搜索框/

google_q,#q {

height:22px;
width:120px;
border:solid 1px #ccc;
box-shadow:inset 0 0 3px #ddd;
border-radius:4px;

}

/搜索按钮/

.btn_my_zzk {
font-family:‘Microsoft Yahei‘;
border:none;
height:26px;
width:60px;
padding:1px;
font-size:14px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#55895B;
border-radius:4px;
color:#fff;
}

.btn_my_zzk:hover {
background:#6DA47D;
}

以上是关于博客园美化代码备份的主要内容,如果未能解决你的问题,请参考以下文章

[博客美化] 博客园SyntaxHighlighter代码高亮

博客园代码高亮美化教程

博客园自动生成目录及页面美化

博客园美化博客随笔目录

博客园个人界面美化(初入博客园)

美化你的博客园!