@charset "utf-8";
/*
 * The css file of Theme Mark
 * By BigCoke https://cokewithice.com
 * You'd better not delete the copyright infomation
 */

/* 全局样式 */
body{
	background-color:#F8F8FF
}
p{
	font-size:1.1em;
}
a{
	color:black;
	transition:all 0.3s;
}
a:hover,a:active{
	opacity:0.9;
	text-decoration:none;
	color:#808080;
}
/* 各种css */
.item{
	background-color:#fff;
	box-shadow:0 0 8px #ccc;
	-webkit-box-shadow:0 0 8px #ccc;
	padding:15px;
}
/* 文章及文章列表 */
.post-item{
	transition:all 0.5s;
}
.post-item:hover{
	box-shadow:0 2px 12px #ccc;
	-webkit-box-shadow:0 2px 12px #ccc;
}
.post-header{
	margin-top:10px;
}
.post-info{
	margin-bottom:-20px;
	font-size:0.9em;
}
.excerpt{
	color:gray;
	margin:10px;
}
.post-item hr{
	margin-left:-15px;
	margin-right:-15px;
	margin-top:10px;
}
.post-link:hover{
	color:black;
}
.post-banner{
	margin:-15px;
	margin-bottom:10px;
}
.media-banner{
	height:20em;
}
.pagenav,.page-navigator{
	margin-left:-40px;
}
.page-navigator .next{
	float:right;
	margin-right:-1px;
}
.pagenav li,.page-navigator li{
	display:inline-block;
	list-style-type:none;
	background:#fff;
	box-shadow:0 0 8px #ccc;
	-webkit-box-shadow:0 0 8px #ccc;
	margin-right:7px;
	padding:0;
}
.pagenav li>a,.page-navigator li>a{
	padding:15px 8px;
	font-size:17px;
}
.saying-avatar img{
	border-radius:1000px;
}
.saying-title-info h4{
	margin-bottom:-16px;
}
.saying-title-info span{
	color:gray;
}

.post-header{
	padding:15px;
	background:rgba(5,5,5,0.5);
	color:white;
	border:none;
	margin-top:-112px;
}
.post-bread{
	font-weight:bold;
	padding:10px;
}
.item{
	font-family:华文细黑,微软雅黑;
}
.post-content,.page-content{
	margin-top:30px;
	font-size:1.2em;
}
.post-content img{
	max-width:100%;
	border-radius:4px;
	box-shadow:0 0 5px #808080;
	-webkit-box-shadow:0 0 5px #808080;
	display:block;
	margin:12px auto;
	transition:all 0.5s;
}
.post-content img:hover{
    transform: translateY(-6px);
	box-shadow:0 0 15px #808080;
	-webkit-box-shadow:0 0 15px #808080;
}
.post-content p{
	line-height:1.5em;
	margin:15px;
}
.post-content h2{
	border-left:3px solid #6495ED;
	background-color:#F8F8FF;
	margin:-15px;
	margin-top:26px;
	margin-bottom:26px;
	padding:12px;
	font-weight:bold;
}
.post-content blockquote{
	background:#F8F8FF;
	border-left:4px solid #00BFFF;
	font-size:14px;
	padding:10px;
}
.post-content blockquote>p{
	margin-top:-40px;
}
.post-content blockquote:before{
	content:"\f10d";
	font-family:FontAwesome;
	color:#00BFFF;
	text-shadow:0 0 5px #808080;
	font-size:2em;
	margin-left:-24px;
	font-weight:bold;
	margin-top:-30px;
}
.post-content p>code{
	background:rgba(0,0,0,0);
	font-family:宋体;
	font-weight:bold;
	text-shadow:1px 1px 2px #DD4B39;
}
.saying-content{
	margin-top:5px;
}
.post-header a{
	color:white;
}
/* 评论 */
.comment-normal-img{
	max-width:100%!important;
	max-height:100%!important;
}
#comments textarea,#comments input{
	border:none;
	display:block!important;
	width:100%;
	border-radius:3px;
	border:1px solid #DCDCDC;
	resize:none;
	padding:10px;
}
.comment-body{
	background-color:#fff;
	box-shadow:0 0 8px #ccc;
	-webkit-box-shadow:0 0 8px #ccc;
	padding:15px;
}
.comment-list-wrap ol{
	list-style-type:none;
}
.comment-list a{
	color:black;
	font-style:normal;
	font-size:1.2em;
}
.comment-list a:hover{
	text-decoration:none;
}
.comment-reply{
	text-align:right;
}
.comment-reply a{
	font-size:1em;
	margin:0.3em;
	color:white;
	padding:0.5em;
	border-radius:0.3em;
	color:#00BFFF;
	margin-top:-2em;
	display:inline-block;
}
.comment-reply a:hover{
	background:#F0F8FF;
}
.avatar{
	border-radius:1000px;
	-webkit-box-shadow:0 0 0.55em #bababa;
	margin-right:0.3em;
}
.comment-body{
	padding:1em;
	-webkit-box-shadow:0 0 0.5em #bababa;
	background:white;
	margin-left:-40px;
	margin-top:0.5em;
	transition:all 0.4s;
}
.comment-body:hover{
	-webkit-box-shadow:0 0 1em #bababa;
	opacity:1
}
.comment-meta a{
	color:#bababa;
	font-size:10px;
}

/* owo */
.OwO-logo{
	display:inline-block;
	margin-left:15px;
	text-shadow:0 0 2px #808080;
	padding:5px;
	border-radius:3px;
	transition:All 0.5s;
}
.OwO-logo:hover{
	background:rgba(230,230,230,0.9);
}
.OwO-body,.OwO{
	margin-left:5px;
	margin-top:-10px;
}
.OwO-item img,.comment-content img{
	max-width:30px!important;
	max-height:30px!important;
}

/* 页脚 */
.footer-info{
	background:rgb(54,59,63);
	padding:0px;
	padding-top:15px;
	padding-bottom:20px;
	margin-top:50px;
	color:rgba(254,254,254,0.9);
}
.site-info a{
	color:rgba(254,254,254,0.9)!important;
}
.newest-comment img{
	border-radius:1000px;
	border:1px solid white;
	margin:2px;
	height:50px;
	width:50px;
	display:inline-block;
}
.footer-copyright{
	background:gray;
	margin:-5px;
	margin-top:20px;
	width:100vw;
	padding:10px;
	font-size:1.15em;
}
.footer-tools{
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:66;
}

.footer-tools a,.footer-tools button{
	font-size:25px;
	padding:10px 15px;
	display:block;
	text-align:center;
	color:white;
	background:rgba(54,59,63,0.8);
	z-index:66;
	margin-top:15px;
}
.footer-tools a:hover,.footer-tools button:hover{
	box-shadow:0 0 10px #bababa;
	-webkit-box-shadow:0 0 10px #bababa;
}

/* 侧边栏 */
.sidebar li,.sidebar li>a{
	color:gray;
}
.avatar-bg{
	background-repeat:no-repeat;
	background-size:cover;
	height:10em;
	margin:-15px;
}
.name-card{
	text-align:Center;
}
.sidebar-avatar{
	display:block;
	margin:10px auto;
	height:140px;
	width:140px;
	border-radius:1000px;
	border:3px solid #F8F8FF;
	margin-top:-80px;
	transition:all 1s;
}
.sidebar-avatar:hover{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */
}
.aside h4{
	margin-top:-2px;
	margin-bottom:-10px;
}
.aside hr{
	margin-left:-15px;
	margin-right:-15px;
}
.sidebar .list-group{
	margin:-15px;
	margin-top:-20px;
}
.aside li{
	border-radius:0!important;
	border-left:none;
	border-right:none;
	border-color:#F5F5F5!important;
}
.list-group li{
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.tags-list a{
	display:inline-block;
	background-color:#F5F5F5;
	border:1px solid #DCDCDC;
	border-radius:3px;
	padding:5px;
	margin-right:4px;
	margin-bottom:4px;
	padding-bottom:0;
	padding-top:0;
}
.tags-list a:hover{
	background-color:#DCDCDC;
}

/* 导航 */
#nav{
	width:100vw;
	background:#fff;
	box-shadow:0 0 10px #bababa;
	-webkit-box-shadow:0 0 10px #bababa;
	font-size:20px;
	z-index:55;
    padding-top:10px;
	color:gray;
}
.nav-content{
	display:inline;
	margin-top:-38px;
}
.nav-content,.nav-content ul>li{
	float:right;
}
.nav-content ul>li{
	transition:all 0.5s;
}
.nav-content ul>li:hover{
	background-color:#F8F8FF
}
.slideUp {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  transition: transform .5s ease-out;
}

.slideDown {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: transform .5s ease-out;
}   
/* 友链 */
.links-box{
    margin:10px;
}
.links-box h2{
	text-align:Center;
	border-bottom:1px solid rgb(230,230,250);
	padding-bottom:20px;
	font-weight:bold;
}
.links-link:hover{
	opacity:1!important;
}
.links-item{
	background:#fff;
	border:1px solid #dcdcdc;
	box-shadow:0 0 26px #bababa;
    -webkit-box-shadow:0 0 26px #bababa;	
	overflow:hidden;
	transition:all 0.2s!important;
	margin-bottom:15px;
}
.links-item:hover{
	transform:scale(0.95)
}
.links-title{
	text-align:Center;
}
.links-title h4{
	font-weight:bold;
	letter-spacing:2px;
	white-space: nowrap;
	text-shadow:0 0 1px #808080;
}
/* 归档 */
.archive-list ul{
	margin-left:-36px;
}
.archive-list li:first{
	border-top:1px solid #bababa;
}
.archive-list li{
	list-style-type:none;
	font-size:1.2em;
	border-bottom:1px solid #bababa;
	padding-top:10px;
	padding-bottom:10px;
}
.archive-list li>span{
	color:#bababa;
}

/* pjax */
.pjax-loading{
	opacity:0.8;
}
.pjax-loadend{
	opacity:1;
}
#pjax-container{
	transition:opacity 0.5s;
}

.unvisible{
	display:none;!important;
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  z-index:9999;
  position: fixed;
  margin: 100px auto;
  top:30vh;
  bottom:30vh;
  left:30vw;
  right:30vw;
}
 
.spinner > div {
  background-color: #00BFFF;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.unvisible-cover{
    opacity:0;
	display:none;
	transition:all 0.5s;
}
.viewport-cover{
	height:100vh;
	width:100vw;
	background:#fff;
	opacity:0.5;
	z-index:100;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	transition:all 0.5s;
}

/* 滚动条 */
::-webkit-scrollbar{
	width:10px;
	opacity:0.8
}
::-webkit-scrollbar-track-piece{
	background:rgba(0,0,0,0)!important;
}
::-webkit-scrollbar-thumb{
	background:#ccc;
	border-radius:2px;
}