@charset "UTF-8";
/*
 * ============简体中文============
 *
 * 协议(仅此文件):WTFPL(https://www.wtfpl.net/)
 *
 * 更新日期:2014-10-12
 *
 * 作者:Frantic1048
 *
 * 声明:特别感谢中提及的作品归原作者所有，我只是个打码的。
 *
 * 特别感谢:
 *      评论框背景:天使真央 by Scriptedillusion(https://scriptedillusion.deviantart.com)
 *      正文背景:千里朱音 by Zaydo(https://zaydo.deviantart.com)
 *
 * 如何使用:
 *      这个CSS作用于博客园的"Gertrude Blue"皮肤，你应该先把你的皮肤切换到"Gertrude Blue"。
 *      把本文件的内容复制到博客设置的自定义CSS区域。
 *      直接禁用主题自带的CSS。
 *      把本文件第238行的URL修改成你的头像的URL。此行作用于侧栏头像。
 *      把下面这行代码添加到博客侧边栏公告区域。
 *          <div id="sidebar-cus">< div id="cus-avatar"></div></div>
 *      为了更好的体验，把下面这行添加到博客页脚，不要直接在本文件中应用这行代码。
 *          <style type="text/css">@import url(https://fonts.googleapis.com/css?family=Kelly+Slab|Raleway);</style>
 *      如果想要使用页首，遵循下面的结构，其中第二个 span 标签是可选的:
 *          <div id="top-qoute-container">
 *            <span id="top-qoute-context">It is the path you have chosen. Take pride in it.</span>
 *            <span id="top-qoute-from">Kotomine Kirei</span>
 *          </div>
 */

/*common*/

{-webkit-box-sizing:border-box;box-sizing:border-box;}
 body{
  font-family: "Consolas", "文泉驿微米黑","微软雅黒","Helvetica","sans-serif";
  background:#fff;
  font-size:14px;
  margin:auto;
  word-wrap:break-word;
  max-width:1366px;
  min-width:1024px;
  position:relative;
}

input,textarea{
  background:#444;
  color:#eee;
  transition:all ease 0.3s;
}
input:hover,textarea:hover{
  background:#333;
  box-shadow:inset 0 0 1px transparent,0 0 2px rgb(72,209,204);
}
input:focus,textarea:focus{
  background:black;
  box-shadow:inset 0 0 3px rgb(72,209,204),0 0 1px rgb(72,209,204);
}
::-moz-selection{
  background:rgba(34, 34, 34, 0.8);
  color:white;
}
::seletcion{
  background:rgba(34,34,34,0.8);
  color:white;
}
#top_nav {
position:absolute;
}
a:link{
  transition:all ease 0.3s;
  position:relative;
  text-decoration:none !important;
}
a:not(.nohover):not(.HeaderMainTitle):hover{
  padding-left: 1em;
  color:#ccc !important;
  background:rgba(0,0,0,0.7);
  font-weight:bold;
}
#cnblogs_post_body blockquote{
  border:solid 1px #ccc;
  border-left: 5px solid #0f0;
  color: #000;
  box-shadow: 0 0 5px rgba(180,180,180,0.7);
  margin-right:1em;
}

#cnblogs_post_body a:hover {
  background:#fff;
  padding-left: 0em;
  color:#06f ! important; 
  font-weight: normal;
  border-bottom:2px solid #06f;
}

pre{
background: transparent;
padding: 2px 2px 2px 0;
margin-right: 10em;
box-shadow: 0 0 5px rgba(0,0,0,0.7);
border-left: solid 5px #0064ff;
}

/*top area*/
#top-qoute-container{
position:relative;
z-index:9000;
margin-top:-2em;
padding:4em 0 1.4em 0;
text-align:center;
background:#555;
font-family:"Kelly Slab";
font-size:24px;
color:#eee;
text-shadow:-1px -2px 1px black;
box-shadow:0 2px 10px black;
}
#top-qoute-context,#top-qoute-from{
z-index:9100;
display:inline-block;
margin:0em 1em;
}

body>h1:first-of-type{
  position:relative;
  z-index:8000;
  margin-top:0;
  padding:110px 0 120px 120px;
  text-align:left;
  text-transform:capitalize;
  background:transparent;
  background-image:url(https://images.cnblogs.com/cnblogs_com/godcrying1202/1891429/o_201216074046headbanner.png);
  background-size:auto 100%;
  background-position: bottom right;
  background-repeat:no-repeat;
  border:none;
  box-shadow:0 1px 10px black;
  line-height:1;
}
body>h1:first-of-type>a{
  z-index:8001;
  font-size:40px;
  font-family:"Kelly Slab";
  display:block;
  color:white;
  background:none;
  box-shadow:none;
  padding:0;
}
#tagline {
    position: absolute;
    z-index: 8000;
    margin: 1em 0 0 18em;
    text-align: left;
    text-transform: capitalize;
    border: none;
    top: 7em;
    color: white;
    font-size: 20px;
    transition:all ease 0.3s;
}
#tagline:before{
content:" —— ";
}
#tagline:hover {
border-bottom:2px solid #05f;
margin-left:18.5em;
}
/*side area*/
#rightmenu{
position:absolute;
width:250px;
top:0;
right:5px;
z-index:7000;
margin-top:0;
padding:20em 0 4em 0;
color:#222;
background:transparent;
box-shadow:0 2px 2px black;
-webkit-transform: skewY(5deg);
transform: skewY(5deg);
perspective: 1px;
}
#rightmenu li{list-style:none;}
#rightmenu ul{padding:6px;}
#rightmenu>*{transform:skewY(-5deg);-webkit-transform:skewY(-5deg);}
#rightmenu *{border:none !important;}
#rightmenu a{color:rgb(34,34,34);}
/*#rightmenu a{color:rgb(135,206,250);} */
#rightmenu a:not(.nohover):hover{
color:white !important;
background:#666666;
border-radius:0 0.5em 0.5em 0;
}
#rightmenu>h3,.catListTitle,#blog-sidecolumn>h3{
z-index:7777;
display:block;
color:white !important;
margin:1em -3px 1em -1em !important;
padding:2px 0 2px 4px;
background:#000 !important;
box-shadow:0 0 2px black;
border-radius:3px;
}

.CalTitle{
  color:white !important;
  background:#000 !important;
}
.CalTitle a{
  color:white !important;
}
.CalTitle tr td{
  color:white !important;
}
#blog-calendar a:hover{
padding:0;
font-weight:normal;
background:none;
text-shadow:1px 1px 5px rgb(255,182,193);
border-radius: 0 ! important;
}

#blog-calendar a{color:#05f;}
#blog-calendar td{color:#222;}

.CalNextPrev{padding:0 0.7em;}
td.CalOtherMonthDay{
  color:#aaa !important;
}

th.CalDayHeader{
  padding:0.5em 0;
  color:#222;
}
td.CalTodayDay{
color:white !important;
background:#aaa;
}


#profile_block{
padding-left:0.5em;
}
#sidebar-cus{
padding-left:0.5em;
text-align:center;
}
#cus-avatar a{
display:inline-block;
background-image:url("https://pic.cnblogs.com/avatar/2230431/20201130000221.png");
height:140px;
width:140px;
background-size:140px 140px;
border-radius:70px;
box-shadow:inset 0 0 10px black,0 0 3px #A3A2BB;
-webkit-transition: 0.3s;
transition: 0.3s;
}

@keyframes hover-rotate{
30%{ -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
70%{
 -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
100%{
 -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

#cus-avatar:hover{
   -webkit-animation-name:hover-rotate;
    animation-name:hover-rotate;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
/* 阅读排行榜 */
#TopViewPostsBlock a:hover{
  padding-left: 0em;
  font-weight: normal;
border-bottom: 2px solid #06f !important;
border-radius: 0 !important;
}

/*main area*/
#main{
background:transparent !important;
min-height:140em;
margin-right:280px;
padding-left:1em;
 /*border:solid 1px #ccc;
  box-shadow: 0 0 5px rgba(180,180,180,0.7);*/
}
#cnblogs_post_body{
margin-bottom:0;
/*background-image: url('https://images.cnblogs.com/cnblogs_com/frantic1048/619148/o_senri.png');*/
background-image:none;
min-height: 850px;
background-repeat: no-repeat;
background-position: right bottom;
}
.post{
  padding-left:10px;
}
.post:nth-of-type(4n+1){
  border-left:10px solid #7ae6ff;
}
.post:nth-of-type(4n+2){
  border-left:10px solid rgb(255,182,193);
}
.post:nth-of-type(4n+3){
  border-left:10px solid rgb(144,238,144);
}
.post:nth-of-type(4n){
  border-left:10px solid rgb(238,232,170);
}

#post_detail .post{
  padding-left:20px;
  padding-right:1em;
 border:solid 1px #ccc;
  border-left:1px solid #000;
  box-shadow: 0 0 5px rgba( 0, 0, 0,0.7);
}

.c_b_p_desc_readmore{
  display:none;
  text-align:center;
}
.post>h2:first-child{
  display:block;
}
.post>h2:first-child>a{
  position: relative;
  display:inline-block;
  color:black;
  font-weight:bold;
  font-size:1.4em;
  padding-top:5px;
  padding-bottom:5px;
}

.post>h2:first-child>a:hover{
  background:black;
  border-radius:0;
  box-shadow:2px 0 1px black;
  border-color:transparent !important;
}
.post > h2:first-child > a::after {
	display: inline-block;
	position: absolute;
	/* right: -1.4em; */
	left: 100%;
	top: -2px;
	width: 0.5em;
	height: 100%;
	padding: 0 5px;
	content: "\200B";
	opacity: 0;
	transition: all ease 0.3s;
	/* border-width: 0.7em; */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiCiAgICBiYXNlUHJvZmlsZT0iZnVsbCIKICAgIHdpZHRoPSI0NSIgaGVpZ2h0PSIxMDAiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGlkPSJzdmctbGluay1iYWNrZ3JvdW5kIiBkPSJNMCAwIEw0MCAwIEw1IDUwIEw0MCAxMDAgTDAgMTAwIFoiIHN0cm9rZT0iYmxhY2siIGZpbGw9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAiIGZpbGwtb3BhY2l0eT0iMSIvPgo8L3N2Zz4K);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-origin: border-box;
	background-clip: border-box;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
.post > h2:first-child > a:hover::after {
    opacity: 1;
}
#main a,.topicListFooter a,#footer a{
color:black;
border-bottom:2px solid #777;
border-top:2px solid transparent;
}
.c_b_p_desc{font-size:1.4em;}
.desc_img{
  float: left;
  height: 120px;
  margin:0 15px 10px;
  box-shadow: 2px 4px 5px rgba(0,0,0,0.9);
  opacity: 0.8;
  transition:opacity ease 0.3s;
}
.post:hover .desc_img{
  opacity: 1;
}
#cnblogs_post_body>h1{
margin-top: 1.5em;
}
.cnblogs_code{
  background:transparent;
  margin:0;
  padding:1em 0;
  border:none;
}
.cnblogs_code div{
  background-color:transparent;
}

.cnblogs_code_toolbar a:hover,
.cnblogs_code_toolbar a:link,
.cnblogs_code_toolbar a:visited,
.cnblogs_code_toolbar a:active,
.cnblogs_code_toolbar a:link img,
.cnblogs_code_toolbar a:visited img{
  background-color:transparent !important;
  padding:0;
}


/*post info area*/
#blog_post_info_block{
margin-top:0;
padding:1em;
}
#green_channel{border:none;width:auto;color:transparent;text-align:center;padding:2em 0;}
#green_channel>a{
display:inline-block;
line-height:31px;
/*width:7em;*/
padding:0 1em;
border-radius:25px !important;
box-shadow:inset 1px 1px 1px #fff;
transform:skewX(-15deg);
-webkit-transform:skewX(-15deg);
}
#green_channel>a:hover{box-shadow:inset -1px -1px 1px #fff;}
#green_channel_digg{background:rgb(135,206,250) !important;}
#green_channel_follow{background:rgb(255,182,193) !important;}
#green_channel_favorite{background:rgb(144,238,144) !important;}
#green_channel_contact{background:rgb(238,232,170) !important;}
#green_channel_weibo{background:rgb(234, 179, 143) !important;}
#green_channel_wechat{background:rgb(60, 176, 52) !important;}

#digg_block{
display:block;
overflow:hidden;
padding:1em 0;
margin-top:-7em;
}
#author_profile{
position:relative;
display:inline-block;
height:80px;
width:15em;
margin: -7em 0 0 0;
text-align:right;
}
#div_digg{
display:inline-block;
margin: -7em 0 0 0;
}
#div_digg>.diggit,#div_digg>.buryit{
box-shadow:inset 1px 1px 2px white,1px 1px 1px #aaa;
transition:box-shadow ease 0.3s;
}
#div_digg>.diggit:hover,#div_digg>.buryit:hover{
box-shadow:inset 1px 1px 2px #aaa,1px 1px 2px white;
}
#div_digg>.diggit{background:rgb(135,206,250);}
#div_digg>.diggit:after{display:block;content:"GJ";}
#div_digg>.buryit{background:#aaa;}
#div_digg>.buryit:after{display:block;content:"WTF";}
#author_profile_info  a:hover{ padding:0; height:0; }
.author_avatar{
  position:relative;
  padding:0;
  left:60px;
  top:30px;
  margin-top:-24px;
  border-radius:10%;
  box-shadow:1px 1px 1px black;
}
#author_profile_detail{
position:absolute;
right:0;
text-align:right;
}
#author_profile_follow{
position:absolute;
top:56px;
right:0;
}
.p_n_p_prefix{display: none;}



/*comment area*/
.commentform {
margin-top:1em; 
padding: 1em;
border:solid 1px #ccc;
border-left:solid 1px #000;
box-shadow: 0 0 5px rgba( 0, 0, 0,0.7);
}

#tbCommentBody{
max-width:100%;
min-width:100%;
min-height:20em;
padding:5px;
border:none;
background:url("https://images.cnblogs.com/cnblogs_com/frantic1048/619148/o_kawai_mao.png") right bottom no-repeat;
background-color:#4a4a4a;
}
#tbCommentBody:hover{
box-shadow:inset 0 0 5px rgb(238,232,170),0 0 5px rgb(238,232,170);
background-color:#666;
}
#tbCommentBody:focus{
box-shadow:inset 0 0 5px rgb(238,232,170),0 0 5px rgb(238,232,170);
background-color:#333;
}
#commentbox_opt>a{float:right;}
#comments>h4>a{border-color:transparent;}
/*foot area*/
#footer{
padding-top:1em;
text-align:center;
line-height:1.5em;
border-top:5px solid rgb(135,206,250);
}

/*canvas动画*/
.raining {
position:absolute;
z-index:7500;
top:0;
}
.backimg {
width:100%;
height:270px;
position:absolute;
z-index:7501;
top:0;
background-color:transparent;
background-image:url(https://images.cnblogs.com/cnblogs_com/godcrying1202/1891429/o_201219105419timg.png);
background-position: 0px -520px;
background-repeat: no-repeat;
background-size: auto 760px;
opacity: 0.3;
}

/*code style*/
/*.cnblogs-markdown  code:not(.hljs){
background: #ddd ! important;
color: #000 ! important;
}
.cnblogs-markdown .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: rgba(0,0,0,0.8) ! important;
  color: #fff ! important;
  border-width: 1px 1px 1px 0px !important;
  border-radius: 0px !important;
  border-color: #555 !important;
  font-family: Consolas, Monaco, monospace  !important;
  font-size: 10pt !important;
}
.hljs-tag {
  color: #abb2bf
}

.hljs-comment,.hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag,.hljs-formula,.hljs-keyword {
    color: #c678dd
}

.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string {
    color: #98c379
}

.hljs-built_in,.hljs-class .hljs-title {
    color: #e6c07b
}

.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #d19a66
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title {
    color: #61aeee
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}*/