/* 设置代码框的背景色和边框 */

.cnb-code-toolbar{
    z-index: 10; /* 设置一个较大的值，确保按钮位于其他元素之上 */
}
/* .cnb-code-toolbar-item{
    color: white;
}   */

.hljs-string{
    color: rgb(106, 171, 115);
}

.hljs-comment{
    color: rgb(122, 126, 133);
}
.hljs-title.function_{
    color: rgb(86, 168, 245);
}
.hljs-title.class_{
    color:rgb(188, 190, 196);
}
.hljs-variable{
    color:rgb(188, 190, 196);
}
.hljs-meta{
    color:rgb(179, 194, 96);
}
.hljs-title function_{
    color:rgb(188, 190, 196);
}
.hljs-operator{
    color:rgb(188, 190, 196);
}
.hljs-number{
    color: rgb(42, 172, 184);
}

.hljs-literal{
    color:rgb(207,142,109);
}
.hljs-keyword{
    color:rgb(207,142,109);
}
.hljs-type{
    color:rgb(207,142,109);
}
.hljs-built_in{
    color:rgb(207,142,109);
}

.highlighter-hljs{
    background-color: rgb(30,31,34);
    color: rgb(188, 190, 196);
}


/* .language-java.highlighter-hljs.hljs{
    background-color: black;
    color: white;
} */

pre {
    /* background-color: black;  设置代码块的背景颜色 */
    /* box-shadow: 0 0 10px rgba(133, 0, 0, 0.3);// 阴影效果 */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    padding: 12px;
    height: 90%;
    width: 90%;
} 

/* 代码框悬停效果 */
pre:hover{
    /* border-color: #ff9d00; 鼠标悬停时改变边框颜色 */
    box-shadow: 0 0 15px rgba(255, 157, 0, 0.5); /* 增强阴影 */
} 



/*生成博客目录的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{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}

#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    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 {
    color:#A7995A;
}