#home {
    margin: 0 auto;
    width: 90%;
    min-width: 950px;
    background-color: #fff;
    padding: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: 0 2px 6px rgba(100,100,100,.3);
}

#header #blogTitle {
    height: 40px;
    position: relative;
}

/*侧栏留边*/
* {
    margin: 5px;
}
/*侧栏留边结束*/

#blogTitle {
    height: 100px;
    clear: both;
}

#navList {
    min-height: 30px;
    float: left;
}
#navList a {
    padding-top: 9px;
}

#sideBar.esa-profile-avatar {
    margin-left: 15px;
    margin-top: 15px;
    border-radius: 3px;
    width: 50px;
}

#sideBar {
    box-shadow: 1px 0px 2px 1px #ededed;
}

#blog-calendar {
    width: 200px;
    padding-bottom: -4px;
    margin-bottom: 27px;
    box-shadow: 0 1px 3px rgb(230, 175, 175);
    border: 1px solid #ddddddf0;
}

.esa-profile-avatar {
    margin-left: 14px;
    margin-top: 10px;
    border-radius: 3px;
    width: 200px;
}

#blog-calendar td {
    font-size: 12px;
    font-family: "Comic Sans MS";
}

* {
    margin: 0px;
}

#sideBar {
    width: 220px;
}

/*换标题字体颜色*/
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #041720;
    transition: all .4s linear 0s;
}

/*换标题前竖杠的颜色，对骑车人衣服取的色*/
.postTitle {
    border-left: 3px solid rgb(180, 149, 115);
}

/*修改上方导航栏下线的位置*/
#navigator {
    height:35px;
}

/*“随笔 文章 评论” 格式*/
.blogStats {
    float: right;
    color: #757575;
    margin-top: 12px;
    margin-right: 26px;
    text-align: right;
}

/* 修改标题样式，尤其注意标题上下距离的代码：margin: 20px auto;*/
#cnblogs_post_body h1 {
    font-size: 30px;
    font-weight: bold;
    color: rgb(250, 250, 250);
    padding-left: 20px;  //设置一个元素的左填充（空格）,设置元素左内边距的宽度
    line-height: 1.5;  //原始是：1.5
    margin: 25px auto;
    text-align: center;  //文字居中设置：text-align: center;
    background: #008B8B;
    border-radius: 20px; //“边框圆角;圆角半径”，它是css的一个属性，用于给元素的边框创建（1~4个）圆角效果；
    //border-left放border-radius的后面，border-left的设置就失效了。
    //border-left: 50px solid #FF8C00;  //左边距 放后面影响“text-align: center;”的生效！！！#FF8C00:深橙色
    // border-right: thick double #D4F2E7;  //border-right无法生效
    padding: 15px 0px 15px 30px; /*根据上、 右、下、左的顺时针规则*/
}

#cnblogs_post_body h2 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    padding-left: 20px;
    line-height: 40px;
    margin: 20px auto;
    //padding: 10px 0px 10px 15px;  /*根据上、 右、下、左的顺时针规则*/
    background: #F6F6F6;
    border-left: 15px solid #068800;
}

#cnblogs_post_body h3 {
    font-size: 17px;
    font-family: Bubblegum Sans, "楷体";
    font-weight: bold;
    padding-left: 20px;
    line-height: 35px;
    margin: 20px auto;
    border-left: 30px solid #FF8C00; // 原值 rgba(19, 140, 22, 0.67)
    //background-color: #D4F2E7;
    //border-radius: 3px; //border-radius的意思为“边框圆角;圆角半径”

}

/*回到顶部*/
.box{
    position:fixed;
    right:10px;
    bottom: 10px;
    height:30px;
    width: 50px;    
    text-align:center;
    padding-top:20px;    
    background-color: lightblue;
    border-radius: 20%;
    overflow: hidden;
}
.box:hover:before{
    top:50%
}
.box:hover .box-in{
    visibility: hidden;
}
.box:before{
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content:'回到顶部';
    width: 40px;
    color:peru;
    font-weight:bold;

}    
.box-in{
    visibility: visible;
    display:inline-block;
    height:20px;
    width: 20px;
    border: 3px solid black;
    border-color: white transparent transparent white;
    transform:rotate(45deg);
}

/*表格线宽度和颜色设置*/
#cnblogs_post_body th, #cnblogs_post_body td, .cnblogs-post-body th, .cnblogs-post-body td {
    border: 4px solid #c0c0c0;
}

/*修改题目颜色*/
.postTitle a:visited, .postTitle a:active {
    color: #b94519;
}

/**/
#topics .postTitle {
    font-size: 187%;
}


/*以下希望能高亮代码。link：https://highlightjs.org/static/demo/  中的classic light*/
/*!
  Theme: Atelier Dune Light
  Author: Bram de Haan (https://atelierbramdehaan.nl)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.05.0

以下这段代码不用啦，否则我选择的模板无法生效。
.cnblogs-markdown .hljs {display:block;overflow-x:auto;padding:1em}
code.hljs{padding:3px 5px}.hljs{color:#6e6b5e;background:#fefbec}
.hljs ::selection{color:#a6a28c}
.hljs-comment{color:#008c00}
.hljs-tag{color:#049c6e}
.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6e6b5e}
.hljs-operator{opacity:.7}
.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#004eec}
.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{font-weight:bold;color:#004eec}
 /*主命令颜色，eg."gen="中的gen*/

 /*
.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae9513}
.hljs-strong{font-weight:bold;color:#ae9513}
.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#60ac39}
.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1fad83}
.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby 
.hljs-property{color:#6684e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b854d4}
.hljs-emphasis{color:#b854d4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta 
.hljs-string{color:#000000}  //变量名颜色
.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:bold}
//以上代码不用了，直接用现成的code 格式的模板：far 宝蓝色底色。
*/

/* 日历死活去不了*/
#blog-calendar{
display: none; 
}


/*去除广告*/
#ad_t2 ,#ad_c1,#under_post_news,#ad_c2,#under_post_kb,#cnblogs_c1,#under_post_card1,#under_post_card2,#blogTitle,.postSeparator,.dayTitle{
display:none;
}