body {color: #fdfffc;background:url(https://images.cnblogs.com/cnblogs_com/dxdblog/1381119/o_5c14b89360380.jpg) no-repeat top center fixed;background-size: cover;}
#home {filter:alpha(opacity:50); opacity:0.95;background-color: #1d1e22;}
#blogTitle h1 a {color: #fdfffc; }
#blogTitle h1 a:hover {color: #FFEB3B; }
#navList a:link, #navList a:visited, #navList a:active { color: #fdfffc; font-weight: bold; }
#navList a:hover { color: #FFEB3B;  text-decoration: none; }
.postTitle {border-left: 0px; }
.day  .postTitle a { padding-left: 0px; }
.postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #fdfffc; transition: all 0.4s linear 0s; }
.postTitle a:hover { margin-left: 0px; color: #fdfffc; text-decoration: none; }
.postDesc {color: #fdfffc;}
.postDesc a:hover { color: #fdfffc;  text-decoration: none; }
.postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #fdfffc; }
.postDesc a:hover {color: #FFEB3B;  text-decoration: none;  }
#cnblogs_post_body{background-color: #333;}
a:link { color: #fdfffc; text-decoration: none;  }
a:visited { color: #fdfffc;  text-decoration: none; }
a:hover { color: #FFEB3B; }
a:active { color: #FFEB3B; text-decoration: none; }
.blogStats { float: right; color: #fdfffc;}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    background: #3333335c;}
#sideBar h3 { color: #fdfffc; }
#profile_block{color: #fdfffc; }
#blog-calendar {box-shadow: 0 1px 3px #666; border: 1px solid #333;}
#sideBar a {color: #ccc; }
#sideBar a:hover {color: #FFEB3B; }
#sideBarMain li { color: #fdfffc;}
#topics .postBody{color:#FFF}
#topics .postDesc{color:#FFF;text-align: right;}
#green_channel{float:left;}
#comment_form_container .author{background-color: #000;color: #FFF;}
#comment_form_container .comment_textarea {width: 98%;background-color: #000;color: #FFF;}

/*scroll to top*/
#scrollTop div{
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:149px;
  margin:0;
  padding:0
}
#scrollTop .level-2{
  background:url(//images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll -149px 0 transparent;
  display:none;
  height:250px;
  opacity:0;
  z-index:1
}
#scrollTop .level-3{
  background:none repeat scroll 0 0 transparent;
  cursor:pointer;
  display:block;
  height:150px;
  z-index:2
}
#scrollTop{
  background:url(//images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll 0 0 transparent;
  cursor:default;
  display:block;
  height:180px;
  overflow:hidden;
  position:fixed;
  right: -20px;
  top:95%;
  width:149px;
  z-index:11;
  margin:-125px 0 0;
  padding:0;
}
#author_profile, #green_channel, #div_digg, #comment_nav{display:none;}

div.left_float_box{
    width: 55px;
    z-index: 999;
    position: fixed;
    bottom: 50%;
    right: 30px;
    font-weight: 400;
}
.esa-follow-button {
    margin: 2px 4px;
    height: 45px;
    width: 45px;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    border-radius: 50px;
    transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
    color: #fdfffc;
    background-color: #000000;
    border: 2px solid #555;
}
.esa-follow-button:hover{border-color:#fdfffc;}

.comment_btn {
    width: 100px;
    height: 38px;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: none;
    background: #000000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    text-decoration: none;
    border: 2px solid #757575;
    line-height: 20px;
}
.comment_btn:hover {
    background: #000;
    border-color: #FFF;
}
#comment_form_container p {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: right;
}
#comment_form_container > p:nth-child(4){text-align: left;}
.wall {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div#midground {
    background: url("https://files-cdn.cnblogs.com/files/meowv/midground.gif");
    z-index: -1;
    -webkit-animation: cc 200s linear infinite;
    -moz-animation: cc 200s linear infinite;
    -o-animation: cc 200s linear infinite;
    animation: cc 200s linear infinite;
}

div#foreground {
    background: url("https://files-cdn.cnblogs.com/files/meowv/foreground.gif");
    z-index: -2;
    -webkit-animation: cc 253s linear infinite;
    -o-animation: cc 253s linear infinite;
    -moz-animation: cc 253s linear infinite;
    animation: cc 253s linear infinite;
}

div#flotage {
    background: url("https://files-cdn.cnblogs.com/files/meowv/midground.gif");
    z-index: -4;
    -webkit-animation: da 200s linear infinite;
    -o-animation: da 200s linear infinite;
    animation: da 200s linear infinite;
}

@-webkit-keyframes cc {
    from {
        background-position: 0 0;
        transform: translateY(10px);
    }

    to {
        background-position: 600% 0;
    }
}

@-o-keyframes cc {
    from {
        background-position: 0 0;
        transform: translateY(10px);
    }

    to {
        background-position: 600% 0;
    }
}

@-moz-keyframes cc {
    from {
        background-position: 0 0;
        transform: translateY(10px);
    }

    to {
        background-position: 600% 0;
    }
}

@keyframes cc {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 600% 0;
    }
}

@keyframes da {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 600%;
    }
}

@-webkit-keyframes da {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 600%;
    }
}

@-moz-keyframes da {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 600%;
    }
}

@-ms-keyframes da {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 600%;
    }
}