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

/*顶部标题样式*/
#top-title {
    font-family: "Cooper Black";
    text-align: center;
    font-size: 35px;
    color: red;
    margin: 20px 5px auto;
    opacity: 1.0;
}

/*滚动条样式*/
#Scroll_info {
    font-family: "Microsoft JhengHei UI";
    text-align: center;
    color: #68228b;
    font-size: 15px;
    padding: 5px;
    opacity: 0.8;
}

/* 定制自己导航栏的样式 */
body a {
    text-decoration: none;
    color: #333;
    font-family: 华文宋体,georgia;
    font-size: 15px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clearfix:after {
    content: '';
    clear: both;
    display: block;
}
.top-nav {
    background-color: #efefefad;
    /*width: 80%;*/
    height: 45px;
    color: firebrick;
    font-family: "Lucida Console";
}
.top-nav a {
    color: inherit;
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
}
.top-nav a:hover {
    text-decoration: none;
    color: black;
}
.top-nav-left {
    float: left;
}
.top-nav-right {
    float: right;
}
.top-nav span {
    color: #75757538;
    padding: 5px;
}

/*页面左右上角样式*/
.github-corner:hover.octo-arm {
    animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
    0%, 100% {
        transform: rotate(0)
    }
    20%, 60% {
        transform: rotate(-25deg)
    }
    40%, 80% {
        transform: rotate(10deg)
    }
}

@media (max-width: 500px) {
    .github-corner:hover .octo-arm {
        animation: none
    }
    .github-corner.octo-arm {
        animation: octocat-wave 560ms ease-in-out
    }
}

/*返回顶部样式*/
.top-back {
    background-color: #1fc1a9;
    width: 50px;
    height: 45px;
    border: 3px solid black;
    border-radius: 40%;
    color: red;
    font-size: 20px;
    padding: 5px 5px 10px 10px;
    position: fixed;
    right: 10%;
    bottom: 10%;
}
.top-back a {
    color: inherit;
    font-size: 16px;
    line-height: inherit;
    display: inline-block;
    padding: 10px;

}


/* 定制推荐和反对按键 */
#div_digg{
    position:fixed;
    bottom:10px;
    width: 46px;
    right: 96px;
    box-shadow: 0 0 6px #0000FF;
    border:2px solid #FF0000;
    padding:4px;
    background-color:#fff;
    border-radius:4px 4px 4px 4px !important;
}

.icon_favorite {
    background: transparent url('https://files.cnblogs.com/files/kazihuo/xing.gif') no-repeat 0 0;
    padding-left: 15px;
}

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


/* 定制页面扩大按键 */
#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{
    font-family: Lucida Sans,华文宋体;
    text-align: center;
    font-size:17px;
    color:blue;
    font-weight: bold;
}
.wenzi{
    font-family: Lucida Sans,华文宋体;
    text-align: center;
    font-size:15px;
}

/****************************************** 我是分割线****************************************/

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

/****************************************** 我是分割线****************************************/

/* 定制博客背景图片，url里面是你的图片位置信息 */
body {
     background-color: #efefef;
/*     background-image:url(https://www.cnblogs.com/images/cnblogs_com/kazihuo/1227107/o_maliao.jpg);  */
/*     background-image:url(https://www.cnblogs.com/images/cnblogs_com/kazihuo/1227107/o_logo.jpg);  */
     background-image:url(https://www.cnblogs.com/images/cnblogs_com/kazihuo/1227107/o_a4_c.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center 0;
     background-size: cover;
     padding-top:0px;
     font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
/*     font-weight: 600;*/
     opacity:0.90;
  }

#content .post {
  font-size: 15px;
  font-weight: 400px
  font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}


  /****************************************** 我是分割线****************************************/
.my-picture {
    padding-right: 5px;
}

.my-picture a, .my-picture a img {
    width: 100%;
}

  /****************************************** red color typeface****************************************/
.red {
    color:  #f7071bf7;
}

.buryit {
   display : none;
}

  /****************************************** 目录样式 ****************************************/

#content h1 {
    background-color: rgb(51,122,183);
    color: white;
    border-radius: 3px;
    padding: 3px;
    margin: 10px 0px;
    /* text-shadow: 2px 2px 3px #404040; */
    font-size: 20px;
    font-weight: bold;
    line-height: 2.0;
    margin: 10px 0;
}

#content h2 {
    background-color: lightblue;
    color: black;
    border-radius: 3px;
    padding: 3px;
    margin: 10px 0px;
    /*text-shadow: 2px 2px 3px #404040;*/
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 0;
}

 /****************************************** 插入代码样式 ****************************************/
.cnblogs_code span {
    font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif !important;
    font-size: 15px !important;
    line-height: 1.0 !important;
}

.cnblogs_code pre {
    font-family: "Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif !important;
    font-size: 15px !important;
    word-wrap: break-word;
    white-space: pre-wrap;
}

 /****************************************** 右侧目录样式 ****************************************/
/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:140px;
    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;
}
#sideBarContents dd{
    margin-left:20px;
}