body{
background-image:url("https://files.cnblogs.com/files/qingdaye/gif.gif") ;
background-repeat: no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

#banner{
background:none;
}
.waifu-tool{
position:absolute !important; 
left:280px !important;
}

.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{background:none;}

#home{
margin-left:15%;
width:75%;
background:rgba(255,255,255,0.7);
background-repeat: no-repeat;
background-size:100% 100%;
background-attachment:fixed;
box-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135
}
#sideBar{
box-shadow:0px 2px 2px 0px #16bc94;
}
.day{
padding:0 0 15px 0;
background:none;
//border-bottom:3px double #21759b;
box-shadow:0px 2px 2px 0px #16bc94;
}
#back-top {
     position: fixed;
     bottom: 10px;
     right: 3%;
     z-index: 99;
}
#back-top span {
     width: 70px;
     height: 140px;
     display: block;
     background:url(https://images.cnblogs.com/cnblogs_com/seanshao/855033/o_rocket.png) no-repeat center center;
}
#back-top a{outline:none}

/*签名颜色变化*/
#blogTitle h2{
animation: change 3s linear 0s infinite;
}

/*标题彩虹滚动字
#blogTitle h1 a{
background-image: 
        -webkit-gradient( linear, left top, right top, color-stop(0, #f22), 
        color-stop(0.15, #f2f), 
        color-stop(0.3, #22f), 
        color-stop(0.45, #2ff), 
        color-stop(0.6, #2f2),
        color-stop(0.75, #2f2), 
        color-stop(0.9, #ff2), 
        color-stop(1, #f22) );
    color: transparent;-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation:  maskedAnimation 2s infinite linear;
    -webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text
}*/
#blogTitle h1 a{
color: #fafafa;
letter-spacing: 0;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135
}
/*文字颜色变化
@keyframes maskedAnimation {
	0% {
    background-position: 0 0;
	}
	100% {
	    background-position: -100% 0;
	}
}*/
/*文字颜色变化*/
@keyframes change {
0% {color: DeepPink;}
25% {color: DeepSkyBlue;}
50% {color: Gold;}
75% {color: MediumAquamarine;}
100% {color: BlueViolet;}
}
#poweredby{
display:none;}

/*github*/
.git-link {
    z-index: 100;
    position: fixed;
    top: 20px;
    left: 0;
    border: 0;
    height: 100px;
    width: 100px;
    transform: rotate(90deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    background-image: url("https://blog-static.cnblogs.com/files/qingdaye/github.gif");
   background-repeat:no-repeat;
    background-size:100% 80%;
}

/*常用链接横向排列*/
.catListLink ul li{
 float:left;
margin-right:10px;
}
.sidebar_categories{
clear:both；
}

/*圆形头像*/
.img_avatar{
   border-radius:50%;
  border:2px solid green;
width:100px;
}

.postTitle .postTitle2:(odd){
 color:#7FFFAA;
}
.postTitle .postTitle2:(even){
 color:#FFD700;
}
.postCon{
width:98%
}
.postDesc{
width:96%;
float:right;
}
#blogTitle h2{
display:inline-flex;}
.blogTitle{
	width: 100%;
	font-family: 'Source Code Pro', monospace;
	margin: 0 auto;
	height: 100%;
	
	h1 {
		text-transform: uppercase;
		transform: translate(-50%, -50%) skew(10deg) rotate(-10deg);
		font-size: 20vw;
		top: 50%;
		left: 50%;
		margin: 0;
		position: absolute;
		text-rendering: optimizeLegibility;
		font-weight: 900;
		color: rgba(#ff9eb1, 0.5);
		text-shadow: 1px 4px 6px $bg, 0 0 0 #66303a, 1px 4px 6px $bg;
		white-space: nowrap;
		
		&:before {
			content: attr(data-heading);
			position: absolute;
			left: 0;
			top: -4.8%;
			overflow: hidden;
			width: 100%;
			height: 50%;
			color: #fbf7f4;
			transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
			z-index: 2;
			text-shadow: 2px -1px 6px rgba(0,0,0,0.2);
		}
		
		&:after {
			content: attr(data-heading);
			position: absolute;
			left: 0;
			top: 0;
			overflow: hidden;
			width: 100%;
			height: 100%;
			z-index: 1;
			color: #d3cfcc;
			transform: translate(0vw, 0) skew(13deg) scale(1, 0.8);
			clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
			text-shadow: 2px -1px 6px rgba(0,0,0,0.3);
		}
	}
}