本站博客园样式CSS

步骤

1. 博客园后台管理
2. 设置
3. 博客皮肤选择BlueSky
4. 在“页面定制CSS代码”中插入以下CSS代码
5. 保存

CODE

/*common*/
a:hover{
    color: #2175bc;
}

/*code*/
.cnblogs-markdown code, .cnblogs-post-body code{
    border: none !important;
    padding: 2px 4px;
    font-size: 12px !important;
    color: #c7254e;
    background-color: #f9f2f4 !important;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace !important;
}
.cnblogs-markdown code.hljs, .cnblogs-post-body code.hljs{
    background-color: #f0f0f9 !important;
    border: none !important;
    padding: 16px!important;
    border-radius: 3px!important;
    font-size: 13px !important;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace !important;
    line-height: 20px !important;
}

/**
 * GitHub Gist Theme
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 * Source:https://github.com/highlightjs/highlight.js/blob/master/src/styles/github-gist.css
 * Change some style by yanjiez
*/
.hljs{
    display:block;
    overflow-x:auto;
    color:#333;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
}
.hljs-comment,
.hljs-meta{
    color:#969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote{
    color:#df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type{
    color:#d73a49;
    font-weight: bold;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute{
    color:#0086b3;
}
.hljs-section,
.hljs-name{
    color:#63a35c;
}
.hljs-tag{
    color:#333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo{
    color:#6f42c1;
    font-weight:bold;
}
.hljs-addition{
    color:#55a532;
    background-color:#eaffea;
}
.hljs-deletion{
    color:#bd2c00;
    background-color:#ffecec;
}
.hljs-link{
    text-decoration:underline;
}


/*main*/
#main {
    margin-top: 16px;
    background:none;
}
#mainContent {
    box-shadow: 1px 2px 8px #999;
    -moz-box-shadow: 1px 2px 8px #999;
    -web-kit-shadow: 1px 2px 8px #999;
    border-radius: 0;
    margin-bottom:20px;
    width:78%;
}
.forFlow {
    padding: 16px 0 40px 0;
}
.forFlow img{
    max-width:100%;
}

/*列表item & 文章item*/
.day,.PostList, .entrylistItem,.post {
    margin:0;
    padding:0 24px;
}
#myposts .PostList {
    margin-top: 0;
    padding: 4px 24px;
}
@media screen and (max-width:767px){
    .day,.PostList, .entrylistItem,.post {
        padding:0 8px;
    }
    #myposts .PostList {
        padding:4px 8px;
    }
}

/*列表date*/
.dayTitle {
    display:none;
}

/*列表item title*/
.postTitle, .entrylistPosttitle{
    margin-top:26px;
}
.postTitle a:hover,.postTitl2 a:hover,.postTitle a:hover,.entrylistPosttitle a:hover {
    color:#2175bc;
}
.postTitl2{
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #2175bc; 
}
.postTitl2 a{
    vertical-align:bottom;
}

/*列表item bottom desc*/
.postDesc, .postDesc2, .entrylistItemPostDesc {
    margin-bottom: 0;
}

/*文章*/
#cnblogs_post_body h1{
    font-size: 24px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: 500;
    margin-top: 28px;
}
#cnblogs_post_body h2{
    font-size: 20px;
    height: 22px;
    font-weight: 500;
    border-left: 2px solid #3399ff;
    margin-top: 16px;
    padding-left: 10px;
    line-height: 20px;
}
#cnblogs_post_body h3{
    font-weight: 500;
    border-left: 2px solid #ddd;
    padding-left: 10px;
}

/*引用*/
.postBody blockquote, .postCon blockquote {
    background-size: 32px;
    background-position: 6px 6px
}

/*Tag列表*/
#taglist{
    padding:12px 24px;
}

/*侧边栏*/
#sideBarMain .newsItem h3{
    margin-top:0;
}
#sideBar{
    box-shadow: 1px 2px 8px #999;
    -moz-box-shadow: 1px 2px 8px #999;
    -web-kit-shadow: 1px 2px 8px #999;
    border-radius: 2px;
    background: #fff;
    width: 20%;
    margin-left: 2%;
    padding:0;
    background: url("http://images.cnblogs.com/cnblogs_com/cnsevennight/666322/o_list-bg.png") top no-repeat #fff;
    background-size:100% 10px;
}
#sideBarMain{
    margin:24px 18px;
}
@media screen and (max-width:767px){
    #sideBar{
        width: 100% !important;
        margin: 0;
    }
}
input.btn_my_zzk{
    height: 24px;
    border: 1px solid #3399ff;
    background: #fff;
    color: #3399ff;
    cursor: pointer;
    padding: 0px 7px;
}
input.btn_my_zzk:hover{
    background: #3399ff;
    color:#fff;
}

/*评论*/
.commentform{
    margin:10px 0 !important;
    padding:12px 24px !important;   
}
@media screen and (max-width:767px){
    .commentform{
        padding:12px 8px !important;
    }
}
div.commentform textarea {
    width:96% !important;
    padding: 8px 2%;
    font-family:Microsoft YaHei;
}
div.commentform input.author{
    width: 100%;
    padding: 4px 0;
    text-indent: 30px;
}
.comment_btn{
    height: 32px;
    width: 100px;
    font-size: 14px;
    border: none;
    background: #3399ff;
    color: #fff;
    cursor: pointer;    
}
.comment_btn:hover{
    background: #2175bc;
}

/*自定义footer*/
#myFooter{
    padding-bottom: 10px;
    text-align: center;
    color: #000;
    font-size: 12px;
}

#cnblogs_post_body ol{
    padding-left:0;
}

转载于:https://www.cnblogs.com/yanjiez/p/10106868.html