@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;
}
.post-content a{
	color:#4D90FE;
	border-bottom:1px solid #4D90FE;
	display:inline-block;
	padding-bottom:0!important;
}
a{
	color:black;
}
a,.post-content a{
	transition:all 0.3s;
}
a:hover,a:active{
	opacity:0.9;
	text-decoration:none;
	color:#4D90FE;
}
.gallery-link{
	border:none!important;
	padding:0!important;
}
/* 各种css */
.item,.comment-body{
	border-radius:2px;
}
.item{
	background-color:#fff;
	box-shadow:0 0 8px #ccc;
	-webkit-box-shadow:0 0 8px #ccc;
	padding:15px;
}
.item-hr{
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:5px;
	margin-top:5px;
}
/* 文章及文章列表 */
.post-topic{
	color:gray;
	font-size:15px;
	padding:4px;
	padding-left:10px;
	margin-bottom:5px;
}
.inpost-topic{
	text-align:center;
	font-size:24px;
	color:gray;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:20px;
	padding-bottom:15px;
	font-family:宋体;
	font-weight:bold;
}
.post-topic-content{
	font-family:微软雅黑;
	font-weight:normal
}
.post-item{
	transition:all 0.5s;
	overflow:hidden;
}
.post-item:hover{
	box-shadow:0 2px 12px #ccc;
	-webkit-box-shadow:0 2px 16px #ccc;
}
.post-header{
	margin-top:20px;
}
.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-sm{
	margin-top:-15px;
	margin-bottom:-15px;
}
.post-banner{
	margin-bottom:20px!important;
	margin:-15px;
	padding:0;
	overflow:hidden;
}
.media-banner{
	height:20em;
	transition:transform 0.6s;
}
.media-banner:hover{
	transform:scale(1.3);
}
.page-navigator{
	margin-left:-40px;
}
.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;
	padding:4px 10px;
	font-size:17px;
	transition:background 0.3s;
}
.pagenav li:hover,.page-navigator li:hover{
	background:#F8F8FF;
}
.saying-avatar img{
	border-radius:1000px;
}
.saying-title-info h4{
	margin-bottom:-16px;
}
.saying-title-info span{
	color:gray;
}
.post-bread{
	font-weight:bold;
	padding:10px;
}
.item{
	font-family:Noto Serif CJK SC,思源宋体,微软雅黑
}
.post-content,.page-content{
	margin-top:30px;
	font-size:1.2em;
	letter-spacing:2px;
}
.post-content img{
	max-width:100%;
	border-radius:2px;
	box-shadow:0 0 5px #808080;
	-webkit-box-shadow:0 0 5px #808080;
	display:block;
	margin:12px auto;
	transition:box-shadow 0.5s;
}
.post-content img:hover{
	box-shadow:0 0 15px #808080;
	-webkit-box-shadow:0 0 15px #808080;
}
.post-content p{
	line-height:1.5em;
}
.post-content h2{
	border-left:3px solid #6495ED;
	background-color:#F8F8FF;
	margin:-15px;
	margin-top:26px;
	margin-bottom:26px;
	padding:12px;
	font-weight:normal;
}
.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;
	margin-left:10px;
	margin-right:10px;
}
.saying-content h3{
	margin-left:-10px;
	font-weight:bold;
	margin-top:0;
}
.saying-info{
	margin-top:-10px;
}
.post-img-alt{
	font-size:14px;
	color:gray;
	text-align:center;
	display:block;
	margin-top:-10px;
}
.read-more{
	margin-top:-36px;
}
/* 社会图标及打赏 */
.social-share{
	display:inline-block;
	font-size:28px;
	color:#bababa;
	letter-spacing:20px;
}


/* Nb首页大图 */
.jumbotron{
	height:60vh;
	box-shadow:0 0 10px #808080;
	color:white;
	text-align:Center;
	padding-top:25vh;
	text-shadow:0 0 10px #bababa;
	font-family:华文细黑,微软雅黑
}
/* 评论 */
.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-list a{
	color:black;
	font-style:normal;
	font-size:1.2em;
}
.comment-list a:hover{
	text-decoration:none;
}
.comment-reply{
	text-align:right;
	margin-top:-20px;
}
.comment-body{
	margin-top:10px;
	margin-left:-40px;
	box-shadow:0 0 5px #bababa;
	list-style-type:none;
	background:#fff;
	padding:15px;
	font-size:13px;
}
.comment-child{
	margin-top:10px;
    background:rgba(255,250,250,0);
	margin:2px;
	margin-left:-40px;
}
.comment-title{
	margin:0;
}
.fn{
	font-style:normal!important;
}
.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{
	margin-right:0.3em;
	border-radius:10000px;
}
.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:background 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;
}
.sidebar .list-group>li{
	transition:background 0.4s;
}
.sidebar .list-group>li:hover{
	background:#F6F6EF;
}
.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;
	color:black;
}

/* 导航 */
#nav{
	width:100vw;
	background:#fff;
	box-shadow:0 0 20px #bababa;
	-webkit-box-shadow:0 0 20px #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:background 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;
	margin-top:30px;
}
.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;
	box-shadow:0 2px 1px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;	
	overflow:hidden;
	transition:all 0.2s!important;
	margin-bottom:20px;
}
.links-item:hover{
	transform:scale(1.05);
	box-shadow:0 6px 22px #ddd;
    -webkit-box-shadow:0 6px 22px #ddd;	
	transform:translateY(-6px);
}
.link-box a{
	color:black;
}
.links-title{
	text-align:Center;
}
.links-title h4{
	font-weight:bold;
	letter-spacing:2px;
	white-space: nowrap;
}
/* 归档 */
.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.4;
}
.pjax-loadend{
	opacity:1;
}
#pjax-container{
	transition:opacity 0.5s;
}

/* 文章内短代码 */
.tip{
	display:block;
	padding:10px;
	background-color:rgb(250,250,250);
	border-left:5px solid #ddd;
	border-radius:2px;
	color:#332244;
}
.tip.lblue{
	border-color:#4D90FE!important;
	background-color:#F8F8FF!important;
}
.tip.yellow{
	border-color:#FFD700!important;
	background-color:#FFF8DC!important;
}
.tip.red{
	border-color:#FF6347!important;
	background-color:#FFE4E1!important;
}
.tip.green{
	border-color:#3CB371!important;
	background-color:rgb(243,247,230)!important;
}
.post-stext{
	max-height:200px;
	overflow:auto;
	padding:5px;
	padding-left:10px;
	border:1px solid #ddd;
	border-radius:4px;
	box-shadow:0 0 1px #bababa inset;
}
.post-content a.btn{
	padding-bottom:6px!important;
	color:white;
}
.collapse{
	border-radius:2px;
	box-shadow:0 0 6px #bababa;
	-webkit-box-shadow:0 0 6px #bababa;
	color:black;
}
.collapse-body{
	height:0;
	transition:height 0.2s;
}
.collapse-title:active .collapse-body{
	height:auto;
}


/* 滚动条 */
::-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;
}