/* ==============================自定义代码块杨样式 - start============================== */

/*
 * Visual Studio 2015 dark style
 * Author: Nicolas LLOBERA <nllobera@gmail.com>
 */

 /* .hljs {
    background: #1E1E1E;
    color: #DCDCDC;
  }
  
  .hljs-keyword,
  .hljs-literal,
  .hljs-symbol,
  .hljs-name {
    color: #569CD6;
  }
  .hljs-link {
    color: #569CD6;
    text-decoration: underline;
  }
  
  .hljs-built_in,
  .hljs-type {
    color: #4EC9B0;
  }
  
  .hljs-number,
  .hljs-class {
    color: #B8D7A3;
  }
  
  .hljs-string,
  .hljs-meta .hljs-string {
    color: #D69D85;
  }
  
  .hljs-regexp,
  .hljs-template-tag {
    color: #9A5334;
  }
  
  .hljs-subst,
  .hljs-function,
  .hljs-title,
  .hljs-params,
  .hljs-formula {
    color: #DCDCDC;
  }
  
  .hljs-comment,
  .hljs-quote {
    color: #57A64A;
    font-style: italic;
  }
  
  .hljs-doctag {
    color: #608B4E;
  }
  
  .hljs-meta,
  .hljs-meta .hljs-keyword,
  
  .hljs-tag {
    color: #9B9B9B;
  }
  
  .hljs-variable,
  .hljs-template-variable {
    color: #BD63C5;
  }
  
  .hljs-attr,
  .hljs-attribute {
    color: #9CDCFE;
  }
  
  .hljs-section {
    color: gold;
  }
  
  .hljs-emphasis {
    font-style: italic;
  }
  
  .hljs-strong {
    font-weight: bold;
  } */
  
  /*.hljs-code {
    font-family:'Monospace';
  }*/
  
  /* .hljs-bullet,
  .hljs-selector-tag,
  .hljs-selector-id,
  .hljs-selector-class,
  .hljs-selector-attr,
  .hljs-selector-pseudo {
    color: #D7BA7D;
  }
  
  .hljs-addition {
    background-color: #144212;
    display: inline-block;
    width: 100%;
  }
  
  .hljs-deletion {
    background-color: #600;
    display: inline-block;
    width: 100%;
  } */


/*更换背景*/
/* .cnblogs_code_toolbar a:hover, 
.cnblogs_code_toolbar a:link,
.cnblogs_code_toolbar a:visited,
.cnblogs_code_toolbar a:active,
.cnblogs_code_toolbar a:link img,
.cnblogs_code_toolbar a:visited img,
.cnblogs_code_toolbar,
.cnblogs_code,
.cnblogs-markdown pre code { 
    background-color: #23241f !important;
    color: #eee!important;
 } */
/* ==============================自定义代码块杨样式 - end=============================================== */


/* markdown行内代码块字体颜色 */
.cnblogs-markdown p code {
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    color: #ea3e8c;
    font-weight: bold;
}
/* 列表中的代码块样式 */
.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code {
    padding: 2px 4px !important;
    color: #d83b64;
    background-color: #f9f2f4 !important;
    border-radius: 3px !important;
    border: 0 !important;
    text-indent: 0 !important;
    position: relative;
    bottom: 1px;
    font-size: 13px !important;
    font-weight: 600;
    font-family: "Ubuntu Mono",monospace !important;
  }

/* markdown引用样式 */
.postBody blockquote, .postCon blockquote {
      margin: 0 auto;
    padding: 6px 0 6px 59px;
    color: #272424;
    background: #f2f5f294 url(/images/blockquote.gif) top left no-repeat;
    /* border-radius: 14px; */
    border-left: 6px solid #1455de;
}

/* ============h2标题样式============ */
/* #cnblogs_post_body h2 {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 0;
    background: #b5ccff;
    border-radius: 6px;
} */

h2::before {
    content: "#";
    color: #cf4a3d;
    font-size: 29px;
    margin-right: 4px;
}

/*  h4标题样式 */
h4 {
    padding: 0 32px !important;
    color: #1a1515 !important;
    border-left: 5px solid #f60 !important;
    background-color: transparent !important;
}

/*================生成博客目录的CSS================*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:50px;
    right:0px;
    width: auto;
    height: auto; 
}
/* ================目录触发块样式================ */
#sideBarTab{
    font-size: 18px;
    background: #31e468;
    border-radius: 6px;
}
/* ================目录主体内容样式================ */
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    min-height:108px;
    max-height:460px;
    font-size: 17px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    background: #A394DB;
}
#sideBarContents dd{
    margin-left:20px;
}

/*  ================图片样式================    */
#cnblogs_post_body img {
     box-shadow: 0 2px 24px #cdc8c89c;
     border-radius: 17px;
     border: 2px solid #f9f9f9;
}

#cnblogs_post_body img, .cnblogs-post-body img {
    max-width: 70% !important;
}
/*  ================水平分页线样式================ */
.blogpost-body  hr {
   border-top: 1px dashed #84c8f5 !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;
  /*注释下面这一行，button一直显示*/
  display:none;
}
.cnblogs-markdown pre:hover > span {
  display:block;
}
.cnblogs-markdown pre > .copyed {
  background: #67c23a;
}

/* ================日历今天================ */
#blog-calendar .CalTodayDay a{
    background: #b1e4a4;
    border-radius: 13px;
    font-style: italic;
}

/* ================自定义有序列表样式================  */
ol {
    counter-reset: section;
}
/* ================清除默认有序列表标志================ */
#cnblogs_post_body ol li {
    list-style-type: none;
}

ol > li::before {
    counter-increment: section;
    content: counter(section);
    background-color: #49b1f5;
    color: white;
    font-weight: bolder;
    border-radius: 20.725em;
    text-align: center;
    display: inline-block;
    height: 1.45em;
    width: 1.45em;
    font-size: 0.85em;
    line-height: 1.45em;
    margin-top: 0.65em;
    margin-right: 0.4em;
}

/* when hover mouse on, ratate 260deg with transition effct */
ol > li:hover::before {
    transform: rotate(360deg);
    transition: all 0.3s ease-out;
}

/* ================details样式================ */
details{
  width: 100%;
  max-height: 460px;
  border: 1px solid #222;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 0 8px rgba(43, 47, 62, 0.1);
  transition: 1s all ease;
}

/* ================summary样式================  */
summary{
  border: 2px solid #222;
  text-align: center;
  text-transform: lowercase;
  padding: 5px;
  font-size: 28px;
  letter-spacing: 1px;
  font-family: "Balthazar", serif;
  font-weight: 400;
  cursor: pointer;
  outline: none;
  transition: 1s all ease;
}
/* ================ 全局body字体风格================  */
body, button, input, select, textarea {
    font: 12px/1.5  Lucida Famil,Arial,Helvetica,sans-serif;
}
/* 侧边区域背景删除 */
#home>#main{
  margin-top: 6px;
  margin-bottom: 0;
  background: none !important;
}

/* 页面body背景 */
body.skin-bluesky.no-navbar.prismjs-engine{
  background-image: url(https://img-blog.csdnimg.cn/20200718094923766.jpg);
}

/*================ 粗体颜色================ */

/* =================li 下的p保持行内,使得自定义的css列表符号能在一行上================= */
li p {
    display: inline-block;
}