/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:14px;
    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;
}
#sideBarContents dd{
    margin-left:20px;
}

/*自定义皮肤css*/
#loading{
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9999;
    background-color:#f4f5f5;
    pointer-events:none;
}
.loader-inner{
    will-change:transform;
    width:40px;
    height:40px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-20px 0 0 -20px;
    background-color:#3742fa;
    border-radius:50%;
    animation:scaleout 0.6s infinite ease-in-out forwards;
    text-indent:-99999px;
    z-index:999991;
}
@keyframes scaleout{
    0%{
        transform:scale(0);
        opacity:0;
    }
    40%{
        opacity:1;
    }
    100%{
        transform:scale(1);
        opacity:0;
    }
}