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

/* 定制自己导航栏的样式 */
#shwtop ul {
    opacity: 0.9;
    margin: 0;
    padding: 0;
    list-style-type: none; /*去除li前的标注*/
    background-color:#F78181;
    overflow: hidden; /*隐藏溢出的部分，保持一行*/
}
#shwtop li {
    float: left; /*左浮动*/
}
#shwtop li a, .dropbtn {
    display: inline-block; /*设置成块*/
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}
/*鼠标移上去，改变背景颜色*/
#shwtop li a:hover, .dropdown:hover .dropbtn { 
    /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */
    background-color:#58ACFA;
}
#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}
#shwtop .dropdown:hover .dropdown-content{
    display: block;
}
/* 定制页面扩大按键 */
#divExpandViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 400px;
    cursor: pointer;
    opacity: 0.9;
    background-color:#F78181
}
/* 定制页面缩小按键 */
#divCollapseViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 445px;
    cursor: pointer;
    opacity: 0.9;
    background-color:#F78181
}
.wenzi{
    color:#F78181;
    text-align: center;
    font-size:15px;
    font-weight:bold;
}
/* 定制公告栏时钟位置 */
#clockdiv {
    /* left, center, right */
    text-align: center;
}
body { 
    opacity: 0.9;
    background-color: #efefef;
    background-image:url(https://upload-images.jianshu.io/upload_images/16426082-e662e5c24b8351e7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center 0; 
    background-size: cover; 
   padding-top:0px;
   cursor: url(https://upload-images.jianshu.io/upload_images/16426082-f30dd74c08ab020c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240),auto;
}
#MySignature {
    display: none;
    background-color: #58D3F7;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #FFF;
    padding: 10px;
    line-height: 1.5;
    text-shadow: 0.3px 0.3px 0.3px #FFF;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
    color: white;
}
#back-to-top {
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 490px;
    cursor: pointer;
    opacity: 0.9;
    background-color:#F78181   
}
#cnblogs_post_body h2 {
    background: #0489B1;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h3 {
    background:#04B486;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    line-height: 23px;
    margin: 12px 0 !important;
    padding: 5px 0 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}
.Cal {
    opacity: 0.7;
    border: 1px solid #F5F5F5;
    width: 190px;   /*日历宽度*/
    font-family: Arial;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 180px;
    background-color: #F5A9A9;   /*日历背景颜色*/
    margin-left: 0;
}
/*日历的第一行标题  年份/月份这一栏配置*/
.CalTitle {
    opacity: 0.7;
    background-color:  #0489B1;
    border-color: #adf;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    margin-left: 0;
    padding: 0;
    height: 100%;
    font-weight: bold;
}
/*日历的第二行  星期信息这一行配置*/
.CalDayHeader {
    opacity: 0.7;
    background-color: #F78181;
}
.git-link {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    height: 149px;
    width: 149px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    background-image: url(//images2015.cnblogs.com/blog/459873/201603/459873-20160317090540131-1089895320.png);
}

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