/* 背景 */
body{
   background: url(https://t7.baidu.com/it/u=615406703,1999285934&fm=193&f=GIF
) fixed;
}

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

.cnblogs-markdown .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf;
  background: #282c34 !important;
  font-size:12px !important;
  max-height: 700px;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}

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

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

.hljs-link {
  text-decoration: underline;
}

/*makedown行间代码样式 */
.cnblogs-markdown code {
    color: #c7254e;
    border: none !important;
    font-size: 1em !important;
    background-color: #f9f2f4 !important;
    font-family: sans-serif !important;
}

/*添加按钮*/
.cnblogs-markdown pre {
  position: relative;
}
.cnblogs-markdown pre > span {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}
.cnblogs-markdown pre > .copyed {
  background: #67c23a;
}

/* 定制生成博客目录的CSS样式 */
#uprightsideBar{
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;
    /*
    将div的位置固定到距离top:150px，right:0px的位置，
    这样div就会处在最右边的位置，距离顶部150px，
    当然这两个值你可以自己改。
    */
    top:150px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:25px; 
    box-shadow: 0 0 8px #877788;
    border:1px solid #00DDC00;
    border-right:none;
    text-align:center;
    background:#33FF66;
}
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:auto;
    min-height:101px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#FFFFCC;
    font-size:16px;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}
#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}
#sideBarContents dd, dt {
    cursor: pointer;
}
#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}


/* 屏蔽 广告 */
.under-post-card,
#under_post_card1,
#under_post_card2,
#cnblogs_ch,
#bannerbar,
/* 屏蔽 分享 */
#blog_post_info,
/* 屏蔽 顶部导航 */
#top_nav,
/* 屏蔽 博客统计 */
#navigator .blogStats,
/* 屏蔽 刷新评论 */
#comment_nav a {
    display: none;
}
/* 屏蔽登录提示的小图 */
.login_tips {
    background-image:none;
}
/* 屏蔽标题动画 */
#mainContent .postTitle2.vertical-middle:hover,
#topics .postTitle:hover {
    margin-left: 0px;
}
/* 阅读全文 变成蓝色 */
.postCon a:link, .postCon a:visited, .postCon a:active {
    color: #5d6ccd;
}
/* 摘要 颜色 */
.postCon {
    color: #4d4d4d;
}
/* 设置字体行距 */
.postBody {
    line-height: 2;
    font-size: 15px;
    color: #4d4d4d;
    margin-bottom: 16px;
}
/* 下一篇 拉低点 */
#post_next_prev {
    margin-top: 30px;
}
/* 代码小一字号 */
.hljs-ln-number,
.hljs-ln-code {
    font-size: 13px;
    line-height: 1.5;
}
/* 图片居中 边距 */
#cnblogs_post_body img {
    margin: 0 auto;
    display: block;
    max-width: 80%;
    margin-top: 20px;
}
/* 链接蓝色 */
.postBody a:link,
.postBody a:visited {
    color: #5d6ccd;
}
/* 屏蔽目录 两个字 */
.toc-container-header {
    display: none;
}
/* toc 行距缩短 */
.toc {
    line-height: 1;
    margin-bottom: 30px;
} 
#cnblogs_post_body ul {
  margin-top: 15px;
}

/* 快速返回置顶 */
.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);
}