/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0);
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}



#home{
background: transparent;
}
body{
margin:0;
background: url(https://cairbin.gitee.io/cair_img/img/cnblogs-bg.png) fixed ;
//background-color: black;
background-repeat ：no-repeat;
background-size: cover;
}
.catListTitle{
border-radius:15px;

}
.newsItem{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}

#blog-calendar{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}

.mySearch{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
display:none;
}

.CalTitle{
border-radius:15px;
background-color:rgba(255,255,255,0.6);
}

.catListLink{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);

}

.btn_my_zzk{
 -webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;
border-radius:15px;
}

#btnZzk{
 background-color: #4CAF50; /* Green */
    color: white;

}

.btn_my_zzk:hover {
    background-color: #4CAF50; /* Green */
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.input_my_zzk{
border-radius:15px;
}

.logo{
text-align: center;
}

#bloglogo{
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;

animation: light 4s ease-in-out infinite;
    transition: 0.5s;
}

#bloglogo:hover {
transform: scale(1.15) rotate(720deg);
}

@keyframes light {
    0% {
    box-shadow: 0 0 4px #f00;
    }
    25% {
    box-shadow: 0 0 16px #0f0;
    }

    50% {
    box-shadow: 0 0 4px #00f;
    }

    75% {
    box-shadow: 0 0 16px #0f0;
    }

    100% {
    box-shadow: 0 0 4px #f00;
    }
}

.day{
border-radius: 15px;
box-shadow: 0px 0px 0px #888888;

transition: all 0.3s;
margin-top: 15px;
background:rgba(255,255,255,0.8);
}
.day:hover{
transform: translateY(-10px);
    box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}

.dayTitle{
font-family: "Comic Sans MS";
}



#sidebar_postarchive{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}

#myBlog{
background-color: #FE2E64;
border-radius:15px;
width:50%;
height: 30px;
margin: auto;
font-size: 22px;
color : white;
font-family: "Comic Sans MS";
text-align: center;
box-shadow: 2px 2px 5px #888888;
 -webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;
border: 1px solid #FE2E64;
}
#myBlog:hover{
transform: translateY(-3px);
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

#comment_form{
border-radius: 15px;
box-shadow: 0px 0px 0px #888888;

}

#ad_t2{
display: none;
}
#under_post_kb{
display: none;
}

#navList{
background-color:rgba(255,255,255,0.6);
border-radius: 15px;
box-shadow: 3px 3px 2px #888888;
float: left;
}

#topics{

border-radius: 15px;
background:rgba(255,255,255,0.6);
}
#comment_nav{
text-align: center;


}

#comment_form_container{

border-radius: 15px;
background:rgba(255,255,255,0.6);
}
#author_profile{
display:none;
}

.comment_btn{
 -webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;
border-radius:15px;
}

.comment_btn:hover{
background-color: #4CAF50; /* Green */
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.postTitle a{
background: transparent;

}
#footer{
color: black;
}

#cb_post_title_url{
font-family: "Comic Sans MS";
}
#div-gpt-ad-1592365906576-0{
display:none;
}

#sideBarMain {
    margin-left:10%;
}
#mainContent{

}





.cnblogs-markdown .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #23241f !important;
  color:white;
  font-size:16px !important;
}

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

.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,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}
.hljs-keyword,.hljs-built_in{
  color:#66d9ef;
}

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

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

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

.hljs-comment,
.hljs-deletion{
  color: #75715e;
}

.hljs-meta{
  color: #f92672;
}

.catListPostCategory sidebar-block{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}
#sidebar_postcategory{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}

.catListTag{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}

#forFlow{
margin-left: 15px;
}

#topics
.postDesc{
text-align: center;
}

.blogStats{
color: black;
left:5px;

}

#friendsLinks{
background-color: #B45F04;
border-radius:15px;
width:60%;
height: 30px;
margin: auto;
font-size: 22px;
color : white;
font-family: "Comic Sans MS";
text-align: center;
box-shadow: 2px 2px 5px #888888;
 -webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;
border: 1px solid #B45F04;
}

#friendsLinks:hover{
transform: translateY(-3px);
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

#sidebar_articlecategory
{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}
.entrylistItem{
background:rgba(255,255,255,0.6);
border-radius: 15px;
box-shadow: 3px 3px 2px #888888;
transition: all 0.3s;
}
.entrylistTitle{
background:rgba(255,255,255,0.6);
border-radius: 15px;
box-shadow: 3px 3px 2px #888888;

}
.entrylistDescription{
background: transparent;
}
.entrylistItem:hover{
transform: translateY(-10px);
    box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}

#footer{
border-radius:15px;
background:rgba(255,255,255,0.6);
border-radius: 15px;
box-shadow: 3px 3px 2px #888888;
}

.catListView{
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
background-color:rgba(255,255,255,0.6);
}