03_我的博客园V1

页面定制

/* 侧边栏距离调整 */
div#sideBarMain {
    padding: 0 17px 30px 17px;
}

/* 副标题名言警句 */
div#blogTitle .subtitle {
    text-indent: 300px;
    color: #216173;
    margin-bottom: 0;
    font-size: 16px;
}



/* 返回顶部 */
#gotop{
    height: 50px;
    width: 50px;
    background-color: darkgray;
    text-align: center;
    font-size:18px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}
#gotop a{
    color: #fff;
}
#gotop:hover{
    background-color: #369;
}

/* 用户头像 */
#blog-news {
    overflow: hidden;
    padding: 0 30px;
}


/* h2标题 */
#cnblogs_post_body h2 {
    background: #00688B;
    /*border-radius: 6px 6px 6px 6px;*/
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: white;
    font-family: Futura;
    font-size: 18px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 12px 0 !important;
    padding: 8px 0 8px 10px;
    text-shadow: 2px 2px 3px #222222;
    margin-bottom: 20px;
    width:85%;
    text-align:center;
}


/* h3标题 */
#cnblogs_post_body h3 {
    background: #009ACD;
    background: rgb(12, 100, 172);
    color: #FFFFFF;
    /* border-radius: 6px 6px 6px 6px; */
    font-family: Futura;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin: 12px 0 !important;
    padding: 2px 0 2px 10px;
    text-shadow: 2px 2px 3px #222222;
    width: 55%;
    margin-bottom: 20px;
}


/* 博客园字体 */

/* 代码 */
.cnblogs_code pre {
font-family: Courier New!important;
font-size: 15px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 15px!important;
line-height: 1.5!important;
}

#cnblogs_post_body p{
font-family: Courier New!important;
font-size: 17px!important;
line-height: 1.8!important;
}

.cnblogs-markdown .hljs, .cnblogs-post-body .hljs {
    font-family: "Courier New",sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5!important;
    padding: 5px!important;
}

侧边栏通知

<!-- 用户头像 -->
<img src="https://pic.cnblogs.com/avatar/1196120/20181021022523.png" style="border-radius:1%"/>

页首定制

<!-- 返回顶部 -->
<a href="#" id="gotop">返回顶部</a>