/* 定制博客背景图片，url里面是你的图片位置信息 */
body { 
     background-color: #efefef;
     background-image:url(https://www.cnblogs.com/images/cnblogs_com/trojans/1470531/o_123.jpg); 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-position: center 0; 
     background-size: cover; 
     padding-top:0px;
     opacity: 0.9;
  }

/*图片边框*/
#cnblogs_post_body  img {
border:1.5px solid rgba(230,230,230,1);
}

/*最外层容器样式*/
.wrap {
            z-index:9999;/*置于最上层*/
            position: absolute;
            right: 200px;
            top: 100px;
            width: 100px;
            height: 100px;     
}
/*包裹所有容器样式*/
.cube {
            width: 50px;
            height: 50px;
            margin: 0 auto;
            transform-style: preserve-3d;
            transform: rotateX(-30deg) rotateY(-80deg);
            animation: rotate linear 20s infinite;
}
@-webkit-keyframes rotate {
            from {
                transform: rotateX(0deg) rotateY(0deg);
            }
            to {
                transform: rotateX(360deg) rotateY(360deg);
            }
}
.cube div {
            position: absolute;
            width: 200px;
            height: 200px;
            opacity: 0.8;
            transition: all .4s;
}
 /*定义所有图片样式*/
.pic {
            width: 200px;
            height: 200px;
}
.cube .out_front {
            transform: rotateY(0deg) translateZ(100px);
}
.cube .out_back {
            transform: translateZ(-100px) rotateY(180deg);
}
.cube .out_left {
            transform: rotateY(-90deg) translateZ(100px);
}
.cube .out_right {
            transform: rotateY(90deg) translateZ(100px);
}
.cube .out_top {
            transform: rotateX(90deg) translateZ(100px);
}
.cube .out_bottom {
            transform: rotateX(-90deg) translateZ(100px);
}
 /*定义小正方体样式*/
 .cube span {
            display: block;
            width: 100px;
            height: 100px;
            position: absolute;
            top: 50px;
            left: 50px;
}
.cube .in_pic {
            width: 100px;
            height: 100px;
}
.cube .in_front {
            transform: rotateY(0deg) translateZ(50px);
}
.cube .in_back {
            transform: translateZ(-50px) rotateY(180deg);
}
.cube .in_left {
            transform: rotateY(-90deg) translateZ(50px);
}
.cube .in_right {
            transform: rotateY(90deg) translateZ(50px);
}
.cube .in_top {
            transform: rotateX(90deg) translateZ(50px);
}
.cube .in_bottom {
            transform: rotateX(-90deg) translateZ(50px);
}
/*鼠标移入后样式*/
.cube:hover .out_front {
            transform: rotateY(0deg) translateZ(200px);
}
.cube:hover .out_back {
            transform: translateZ(-200px) rotateY(180deg);
}
.cube:hover .out_left {
            transform: rotateY(-90deg) translateZ(200px);
}
.cube:hover .out_right {
            transform: rotateY(90deg) translateZ(200px);
}
.cube:hover .out_top {
            transform: rotateX(90deg) translateZ(200px);
}
.cube:hover .out_bottom {
            transform: rotateX(-90deg) translateZ(200px);
}


/* 设置博客正文一二三级标题格式 */
/* 一级标题 */
#cnblogs_post_body h1 {
    color: #2B8694;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 22px;
    font-weight: bold;
    margin: 15px 0 !important;
    padding: 5px 0 5px 20px;
}
/* 二级标题 */
#cnblogs_post_body h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: #82f94e;
    margin: 10px 0;
}
/* 三级标题 */
#cnblogs_post_body h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: whitesmoke;
    background-color: dimgrey;
}
/*  正文 */
#cnblogs_post_body p {
    font-size: 12pt;
}

#navList {
    min-height: 52px;
    border-radius: 6px 6px 6px 6px;
    float: left;
}
.postBody ul{
    text-align: left;
    color: #000;
    line-height: 1.7;
    font-size: 14px;
    background-color: white;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    text-align: center;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    background-color: black;
}
#blog-sidecolumn ul{
    background-color: white;
}
#navList a:link, #navList a:visited, #navList a:active {
    color: #ffffff;
    font-weight: bold;
    text-shadow: .2rem 0rem .5rem blue,-.2rem 0rem .5rem blue,0rem .2rem .5rem blue,0rem -.2rem .5rem blue;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
#blogTitle h1 {
    font-size: 35px;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 20px;
}
#blogTitle h1 a {
    text-shadow: .2rem 0rem .5rem blue,-.2rem 0rem .5rem blue,0rem .2rem .5rem blue,0rem -.2rem .5rem blue;
    color: #ffffff;
}
#blogTitle h2 {
    font-weight: normal;
    font-size: 18px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
    float: left;
}
#blogTitle h1 a:hover {
    color: red;
}
#navigator {
    font-size: 13px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 80px;
    clear: both;
    margin-top: 25px;
}
#navList li a:hover{
    color: orange;
}
.blogStats {
    float: right;
    color: #757575;
    margin-top: 33px;
    margin-right: 2px;
    text-align: right;
}
/*目录*/
#navCategory  ul{
    background-color: #F7EED6;
    text-align: left;
}
#navCategory  ul a {
    outline: none;
    color: purple;
}
#navCategory  ul a:hover{
    color: red;
}

/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，left:0px的位置，这样div就会处在最左边的位置，距离顶部50px*/
    top:320px;
    left:0px;
    width: 20;
    height: 80; 
}
#sideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#A7995A;
}
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:300px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background: #F7EED6;
}
#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:red;
}
#sideBarContents dd{
    margin-left:20px;
}
/*以上是博客导航目录的样式-----------------------------------------------------------------------------------------------------------------------*/
/*点赞*/
/*#div_digg{
    float: right;
    position: fixed;
    width: auto;
    bottom: 10px;
    left: 70%;
    margin-bottom: 10px;
    background: rgba(247,247,247,1);
    margin-right: 30px;
    font-size: 12px;
    box-shadow: 0 0 10px 0 #AAA;
    padding: 10px;
    border: 2px solid rgba(82, 168, 236, 0.8);
    text-align: center;
    margin-top: 10px;
}*/
/*点赞end*/
/*去除反对*/
/*.buryit {
    display: none;
}*/
/*去除反对end*/

/*el*/
.spig {
    display:block;
    width:175px;
    height:246px;
    position:absolute;
    bottom: 200px;
    left:180px;
    z-index:9999;
}
#message{
    color :#191919;
    border: 1px solid #c4c4c4;
    background:#ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    min-height:1em;
    padding:5px;
    top:-45px;
    position:absolute;
    text-align:left;
    width:auto !important;
    z-index:10000;
    -moz-box-shadow:0 0 15px #eeeeee;
    -webkit-box-shadow:0 0 15px #eeeeee;
    border-color:#eeeeee;
    box-shadow:0 0 15px #eeeeee;
    outline:none;
}
.mumu{
    width:175px;
    height:246px;
    cursor:move;
background:url(https://www.cnblogs.com/images/cnblogs_com/trojans/1470722/t_%e6%89%98%e5%b0%bc%e6%89%98%e5%b0%bc%e4%b9%94%e5%b7%b4.png) no-repeat;
}
/*el----end*/

/*返回顶部按钮*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 40px;
    left: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
}
/*返回顶部按钮end*/