#header{display:none;} /* 将默认的导航头屏蔽掉，这样才能把自己的导航栏加上去 */

/* 将默认页面保持最大，效果如点击变大MAX */
#main_container{margin-left:-195px;}  
#leftmenu{display:none;}

/* 定制自己的转到下一页： https://www.cnblogs.com/youyoui/default.html?page=2 ：
 * https://www.cnblogs.com/skins/simplememory/bundle-simplememory.min.css?v=OL4qeo1LNGlN1rKIhv5UctANvt0M6Nx6kLzr_ffx3Xk
 */
.pager {
    font-size: 12px;
    margin: 10px 0;
    text-align: center;
    color: #2e6ab1;
    line-height: 200%;
    text-align:right;
}

.pager a {
    box-shadow: 0 1px 3px #3671a5;
    border: 1px solid #3671a5;
    background: #3671a5;
    color: #fff;
    transition: all .4s linear 0s;
}

/*  定制自己导航栏的样式 */
#shwtop ul {
    margin: 0;
    padding: 0;
    list-style-type: none; /*去除li前的标注*/
    background-color: #162c82;
    overflow: hidden; /*隐藏溢出的部分，保持一行*/
}
#shwtop li {
    float: left; /*左浮动*/
}
#shwtop li a, .dropbtn {
    display: inline-block; /*设置成块*/
    color: #f0f0f0;
    font-weight:bold;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}
/*鼠标移上去，改变背景颜色*/
#shwtop li a:hover, .dropdown:hover .dropbtn { 
    /* 当然颜色你可以自己改成自己喜欢的 */
    background-color: #069;
    text-decoration:none;
}
#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}
#shwtop .dropdown-content {
    display: none;
    position: fixed; /* absolute 不会显示 */
    background-color: #ffffff;; /*导航栏下拉中整体的颜色*/
    min-width: 40px;
    /* box-shadow: 4px 4px 4px rgb(239 177 23 / 0.4); 下拉块中阴影颜色*/
    padding-top: 4px;  /* padding 的颜色是background-color 的颜色 */
    /* margin-top:8px; */ /*  此处会导致hover失效，故屏蔽*/
}
#shwtop .dropdown-content a {
    display: block;
    color: #222222;
    padding: 8px 10px;
    text-decoration: none;
    /* box-shadow: 3px 8px 16px rgba(255,102,0,0.2); /*下拉块中阴影颜色*/
}
#shwtop .dropdown-content a:hover {
    background-color: #ccc; /*每一个下拉块中鼠标移动的颜色*/
    margin-left:4px; /* 为了下拉列表最左边不对齐左边框*/
    text-decoration: none;
}
#shwtop .dropdown:hover .dropdown-content{
    display: flex;
}



/* 定制生成博客目录的CSS样式 */
#uprightsideBar{
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;
    /*
    将div的位置固定到距离top:150px，right:0px的位置，
    这样div就会处在最右边的位置，距离顶部150px，
    当然这两个值你可以自己改。
    */
    top:150px;
    right:8px;  /* 距离右边8px  */
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:28px; 
    box-shadow: 0 0 8px #877788;
    border:1px solid #00DDC00;
    border-right:none;
    text-align:center;
    background:rgb(0, 220, 0);
}
/* 侧边栏目录文字 */
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:400px;
    min-height:101px;
    max-height:460px;
    border:1px solid #4CAF50;
    border-right:none; 
    background:rgb(95 90 75 / 0.85);
    color:#f5f5f5;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dd, dt {
    width:280px;
    cursor: pointer;
    text-indent: 0.5em;  /* 缩进文本0.5个文字 */

    /*  单行换行并省略文字  */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

#sideBarContents dd:hover, dt:hover {
    color:rgb(255 102 0 / 90%);
}

/*  dt 为子标题h2  */
#sideBarContents dt {
    margin-top:8px;
    margin-left: 5px;
}

/* dd为子标题h3  */
#sideBarContents dd {
    margin-left:28px;  /* 与sideBarTab一致，否则列不对齐 */
}


.icon_favorite {
    background: transparent url('https://images.cnblogs.com/cnblogs_com/shwee/1218109/o_kj.gif') no-repeat 0 0;
    padding-left: 15px;
}

#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;
}

<!--
/* 定制返回顶部按键；url中为图标地址 */
#toTop {
    /* background: url(https://img.alicdn.com/tfs/TB1KVXzXaigSKJjSsppXXabnpXa-88-88.png) no-repeat 0px top; */
    /* 图片像素大小应为48x48，以便适应大小 */
    background: url(https://images.cnblogs.com/cnblogs_com/yusq77/1461186/o_191224072939top48.png) no-repeat center;
    width: 48px;  /* width, height 应该比48x48 更小，才能包括整个图片 */
    height: 48px;
    border-radius:48px;   /* 圆形显示 */
    overflow: hidden;
    position: fixed;
    right: 75px;  /* 距离最右边 65px */
    bottom: 20px; /* 距离最底部20， 移动right, bottom 可使返回图标移动到指定位置 */
    cursor: pointer;
    border: #ccc 1px solid;
    /* background-color: #68228B */
}

.icon-top {
    background: url(https://images.cnblogs.com/cnblogs_com/yusq77/1461186/o_191224072939top48.png) no-repeat center #fff;
    background-size: 48px;
    width: 48px;
    height: 48px;
    position: fixed;
    right: 70px;
    /* bottom: 10%; */
   bottom: 20px; /* 距离最底部20， 移动right, bottom 可使返回图标移动到指定位置 */
    opacity: 1;
    transition: all 0.3s;
    z-index: 9999999;
    border: #ccc 1px solid;
    border-radius: 100%;
}

.icon-top.cd-is-visible { 
    visibility: visible; 
    opacity: 1; 
}
-->

/* 定制页面扩大按键 */
#divExpandViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 400px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}
/* 定制页面缩小按键 */
#divCollapseViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 445px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}

/* 定制公告栏文字信息 */
.gonggao{
    text-align: center;
    font-size:17px;
    color:blue;
}
.wenzi{
    text-align: center;
    font-size:15px;
}

/* 定制公告栏时钟位置 */
#clockdiv {
    /* left, center, right */
    text-align: center;
}

/* 定制左侧随笔分类上下项之间的间距，左侧随笔分类显示有多少项，你就在后面增加多少项 */
/* begin
#CatList_LinkList_0_Link_0{
}
#CatList_LinkList_0_Link_1{
    margin-top:10px;
}
#CatList_LinkList_0_Link_2{
    margin-top:10px;
}
#CatList_LinkList_0_Link_3{
    margin-top:10px;
}
#CatList_LinkList_0_Link_4{
    margin-top:10px;
}
#CatList_LinkList_0_Link_5{
    margin-top:10px;
}
#CatList_LinkList_0_Link_6{
    margin-top:10px;
}
#CatList_LinkList_0_Link_7{
    margin-top:10px;
}
#CatList_LinkList_0_Link_8{
    margin-top:10px;
}
#CatList_LinkList_0_Link_9{
    margin-top:10px;
}
#CatList_LinkList_0_Link_10{
    margin-top:10px;
}
#CatList_LinkList_0_Link_11{
    margin-top:10px;
}
#CatList_LinkList_0_Link_12{
    margin-top:10px;
}
#CatList_LinkList_0_Link_13{
    margin-top:10px;
}
#CatList_LinkList_0_Link_14{
    margin-top:10px;
}
end */

/* 设置签名格式 定制css样式 */
#MySignature {
    display: block;
    background-color: #8bc34a;
    opacity:0.95;
    border-radius: 8px;
    box-shadow: 1px 1px 1px #6B6B6B;
    padding: 10px;
    line-height: 1.5;
    text-shadow: 1px 1px 1px #a9a9a9;
    font-size: 14px;
    font-family: 'Microsoft Yahei';
}

/* 不显示底部广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}

#blogTitle h1 a {
    color: rgb(255, 102, 0);  
    font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
    font-size: 50px;
}
/*文章内容详情页面的标h2、h3的样式*/
#cnblogs_post_body
{
    color: black;      
    font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
    font-size: 15px;
}
/* 各个等级标题的颜色样式*/
#cnblogs_post_body h1    {
    display: block;    
    font-size: 1.6em;
    line-height: 2em;
    margin: 14px 10px;
    padding: 10px 0;
    letter-spacing: 2px;
/*
    background: #2B6695;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 23px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
*/
}

/* 鼠标移动到h2、h3、h4文字时变橙色 */
/* 为了避免视觉疲劳，关闭该变色
#cnblogs_post_body h2:hover {
    color: rgb(255, 102, 0);
}
#cnblogs_post_body h3:hover {
    color: rgb(255, 102, 0);
}
#cnblogs_post_body h4:hover {
    color: rgb(255, 102, 0);
}
*/
/* 屏蔽选择目录后的显示目录 */
#content h2 {
    font-size: 20px;
    /* display:none;  屏蔽后，会导致正文中h2也消失，因此不屏蔽*/
}

#content  #cnblogs_post_body h2 {
    display: block;    /* 此处可以显示主内容的 h2，但需要加上 #content */
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 4px 4px;
    padding: 4px 0px;
    letter-spacing: 2px;

/* 样式重叠，故隐藏。
    border-radius:8px;
    display: block;
    font-weight: 300;
    background-image: linear-gradient(to right,#069, #5f5a4b, rgb(255, 102, 0),#5f5a4b,#069, #8BC34A, #00f);
    background-color: #069;
    color: rgba(10, 10, 0, 0.5);
    font-size: 1.4em;
    line-height: 2em;
    margin: 14px 10px;
    padding: 10px 0;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #666;
    text-align: center;
*/

/*
    background: #008EB7;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
*/

}
#cnblogs_post_body h3 {
    display: block;    
    font-size: 1.2em;
    line-height: 2em;
    margin: 14px 10px;
    padding: 10px 0;
    letter-spacing: 2px;

/* 样式重叠，故隐藏。
    display: block;
    font-weight: 200;
    background-image: linear-gradient(to right,#4CAF50, #8BC34A, #8BC34A, #FFF);
    background-color: #4CAF50;
    color: #FFF;
    font-size: 1.2em;
    line-height: 2em;
    margin: 10px 12px 10px 0;
    padding: 8px 10px 8px 15px;
    letter-spacing: 2px;
    border-left: solid #333 6px;
    text-shadow: 1px 1px 1px #666;
*/

/*
    background: #2B6600;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    line-height: 23px;
    margin: 12px 0 !important;
    padding: 5px 0 5px 10px;
    text-shadow: 2px 2px 3px #222222;
*/
}
#cnblogs_post_body h4 {
    display: block;    
    font-size: 1em;
    line-height: 1.5em;
    margin: 14px 10px;
    padding: 10px 0;
    letter-spacing: 2px;
/*
    background: #40E0D0;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    line-height: 21px;
    margin: 12px 0 !important;
    padding: 5px 0 5px 10px;
    text-shadow: 2px 2px 3px #222222;
*/
}

/* 公告栏日历样式设置 */
.Cal {
    border: 1px solid #F5F5F5;
    width: 190px;   /*日历宽度*/
    font-family: Arial;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 180px;
    background-color: #F5F5F5;   /*日历背景颜色*/
    margin-left: 0;
}
/*日历的第一行标题  年份/月份这一栏配置*/
.CalTitle {
    background-color: #F5F5F5;
    border-color: #adf;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    margin-left: 0;
    padding: 0;
    height: 100%;
    font-weight: bold;
}
/*日历的第二行  星期信息这一行配置*/
.CalDayHeader {
    background-color: #F5F5F5;
}

/* 定制博客背景（壁纸）图片，url里面是你的图片位置信息 */
body { 
     background-color: #efefef;
     background-image:url(https://images.cnblogs.com/cnblogs_com/yusq77/1458740/o_post-bg-2019-04-18.jpg);
     /* background-image:url(https://www.cnblogs.com/images/cnblogs_com/yusq77/1458740/o_post-bg-2019-04-24.jpg);  */
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-position: center 0; 
     background-size: cover; 
    padding-top:0px;
  }

<!--
/* 定制公告栏音乐插件的样式 */
.aplayer {
    font-family: Arial,Helvetica,sans-serif;  /*音乐插件字体*/
    margin: 0px;  /*音乐插件与公告栏左边的边距，0px就是直接抵到公告栏左边的边上*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
}
-->

/* 修改博客首页标题内容显示, 此处可以学习 */
#content .post .entrylistItemTitle {
    color: #f5f5f5;
    font-size: 18px;
    text-decoration: none;
    border-radius: 8px;

    display: block;
    font-weight: 300;
    background-image: linear-gradient(to right,#069, #5f5a4b, rgb(255, 102, 0),#5f5a4b,#069, #8BC34A, #00f);
    background-color: #069;
    font-size: 1.4em;
    line-height: 2em;
    margin: 14px 10px;
    padding: 10px 0;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #666;
    text-align: center;
}

#content .post .entrylistItemTitle:hover {
    color: #8bc34a;
}

/*  修改博客首页显示内容框 */
#content .post {
    font-size: 14px;
    line-height: 1.8;
    padding-left: 10px;
    background: rgb(245 245 245 / 0.3);
    border: solid 1px rgb(138 179 231);
    margin-top: 36px;
}

/* 正文中标题：此处可以根据取得元素进行获取需要的元素名 */
#content .post a.postTitle2.vertical-middle {
    font-weight: 400;
    color: #333;
    font-size: 1.4em;
    line-height: 1.5em; 
    letter-spacing: 1.5px;
    text-decoration:none;
/*
    display: auto; 
    font-weight: 300;
    background-image: linear-gradient(to right,#069, #5f5a4b, rgb(103 64 38),#5f5a4b,#069, #3969a2, #313171);
    background-color: #069;
    color: #f5f5f5;
    font-size: 1.4em;
    line-height: 2em; 
    padding: 0px 14px 10px;

    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #666;
    text-decoration:none;
*/
}

#content .post a.postTitle2.vertical-middle:hover {
    color: #6ce26c;
}


/* 修改博客首页内容显示 */
.c_b_p_desc {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.7;
    font-size: 14px;
    color: #222222;
    box-shadow: 2px 2px 2px #ccc; /* 文本box阴影*/
    background-color:#ffffff;
    padding:8px 0px 8px 8px;
    border-radius:4px;
}

/* 文本块上方的时间标签，设为不可见，因为下面已经显示了，避免冗余 */
p.date a {
    color: #888;
    font-size:14px;
    font-weight:600;
    display:none;
}

/* 文本块中的a标签文本设置 */
.c_b_p_desc .c_b_p_desc_readmore{
    color: #222222;
    font-size:14px;
    font-weight:bold;
    padding-left:16px;
    text-decoration:none; /* 没有下划线 */
}

/*  编辑日期的格式 */
.post .postfoot {
    margin: 0px;
    margin-top: 14px;
    color: #222222;
    border-top: 1px solid #ddd;
    background: url(https://images.cnblogs.com/cnblogs_com/yusq77/1458740/o_200820115713posted_time.png) no-repeat 0 4px;

    font-size: 13px;
    width: 95%; /* posted 上方的线长 */
    clear: both;
    text-align: left;
    padding:2px 5px 0px 20px;
    line-height: 1.5;
}

/* 边栏显示 */
#leftmenu h3 {
    font-size: 20px;
    margin: 0;
    padding: 10px 0 10px 24px;
    background-color: #f7f7f7;
    border-left: 10px solid #FF9933;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: 1px solid #bbb;
}

/*
使用了Monokai Sublime的黑色主题皮肤，但是还存在样式冲突，需要自己修改
这个样式只适合使用makedown编写的博客
Monokai Sublime style. Derived from Monokai by noformnocontent https://nn.mit-license.org/
*/

pre {
    /*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}

/* 代码风格参考 vim-darkblue */
.cnblogs-markdown .hljs {
    display: block;
    overflow: auto;
    padding: 0.8em !important;
    font-size: 14px !important;
    background: #3c3a35!important;
    color: #6ce26c;
    border:solid 1px #808080 !important;
    box-shadow: 0.2px 2px 9px  #888;
    width:800px;
    max-height: 400px;
}

.hljs,
.hljs-tag,
.hljs-subst {
    color: #f8f8f2;
}
.bash {
    color:#8bc34a;
}

.hljs-strong,
.hljs-emphasis {
    color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
    color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
    color: #a6e22e;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-keyword {
    color: rgb(184, 84, 212);
}
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
    color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
    color: #66d9ef;
}

.hljs-params,
.hljs-class {
}

.hljs-title {
    color: greenyellow;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
    color: #e6db74;
}

.hljs-comment {
    color:#80a0ff;
}
.hljs-deletion,
.hljs-meta {
    color:rgb(184, 84, 212);
}
.hljs-meta-keyword {
    color:rgb(184, 84, 212);
}
.hljs-meta-string{
    color: rgb(182, 86, 17);
}


/* 黑色主题makedown代码结束 */
/*makedown行间代码样式 `` */
.cnblogs-markdown code {
    color: #a20a5c;
    font-size: 1em !important;
    background-color: #f5f5f5 !important;
    font-family: sans-serif !important;
    border: solid 1px  #a9a9a9 !important;
}

/* 每日一句 */
#right_site_articles {
    margin-bottom: 4px;
    padding-top: 10px;
    padding-bottom: 4px;
    background-color:#222222;
    border-radius:4px;
    box-shadow: 0 4px 4px #808080;
    font-size: 12px;
}
.article-part-title {
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-bottom: 1px solid #069;
    color: #f0f0f0;
    opacity:0.85;
    font-weight: 700;
    font-size: 18px;
}
.article-part-title span {
    display: inline-block;
    text-decoration: none;
}
#right_site_articles ul {
    margin-right: 6px;
    margin-left: 10px;
    color:rgb(255, 102, 0);
}

/* linux.cn */
#cnblogs_post_body blockquote 
{
    margin: 20px;
    background-color: rgba(235,235,235,0.5);
    padding: 3px 10px;
    border-radius: 17px 0;
    border-left: 7px solid #0a0;
    border-right: 7px solid #0a0;
}

/* https://www.cnblogs.com/winton-nfs/p/12956811.html 鼠标移动动画 */
canvas#live2dcanvas {
border: 0 !important;
right: 0;
}

/* 修饰文章底下关注等*/
#blog_post_info_block #green_channel {
    border: solid 1px #8bc34a;
    box-shadow: 0 4px 4px #808080;
    margin-right:50px;

}

#blog_post_info_block #green_channel #green_channel_digg {
    
    box-shadow: 0 4px 4px #808080;
}

/* 屏蔽最底下分类 */
#blog_post_info_block #BlogPostCategory {
    
    display:none;
}

/* 屏蔽最底下标签 */
#blog_post_info_block #EntryTag{
    
    display:none;
}

/* 修饰最底下个人头像边的文字 */
#author_profile_info #author_profile_detail {
    color: #0d5477;
    font-weight:bold;   
}

/* 换到前一页和后一页 */
#blog_post_info_block #post_next_prev {
    display:auto;
    width:auto; /* 对于文本多的，固定宽度就不太好了*/
    margin-right:400px;
    float:right;
    margin-bottom:10px;
    font-size:18px;
    border: solid 1px #2e6ab1;
    box-shadow: 0 2px 2px #808080;
    border-radius:8px;
}

/* 显示页脚格式 */
#footer {
    color: #686868;
    text-align: center;
    min-height: 15px;
    border-top: 1px solid #ededed;
    padding-top: 10px;
    margin-bottom: 10px;
    display:none;  /* 隐藏页脚 */
}