博客皮肤
Custom
页面定制 CSS 代码
* {
margin:0;
padding:0
}
html {
height:100%
}
body {
background:#fff;
height:100%;
color:#314659;
font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif;
font-size:14px;
font-weight:300
}
table {
border-collapse:collapse;
border-spacing:0
}
td {
padding:5px
}
fieldset,img {
border:0
}
ul {
word-break:break-all
}
li {
list-style:none
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400
}
a {
color:#314659;
text-decoration:none;
transition:all .3s ease
}
a:hover {
color:#2D8CF0
}
::selection {
background:#2D8CF0;
color:#fff
}
#ad_c1,#ad_c2,#ad_t2,#author_profile,#green_channel,#under_post_kb,#under_post_news,.blogStats,.c_ad_block,.dayTitle {
display:none
}
.clear {
clear:both
}
#home {
100%;
min-930px;
height:100%;
margin:0 auto
}
#header {
960px;
position:fixed;
top:0;
right:0;
left:0;
margin:0 auto;
border-top:0;
background:#fff;
opacity:.95;
border-bottom:1px #eef2f8 solid;
padding-bottom:0;
display:block;
height:60px;
z-index:999
}
#blogTitle h1 {
font-size:25px;
font-weight:600;
font-family:Georgia;
float:left;
margin-top:15px
}
#blogTitle h2 {
display:none
}
#navigator {
height:inherit;
position:absolute;
right:0;
top:0
}
#navList {
height:inherit;
float:left
}
#navList>li {
position:relative;
float:left;
height:inherit
}
#navList>li:hover i {
100%;
left:0
}
#navList>li>a:active,#navList>li>a:link,#navList>li>a:visited {
float:left;
font-size:17px;
border-right:0;
font-weight:300;
text-align:center;
auto;
padding:19px 16px
}
#navList>li>i {
0;
height:4px;
background-color:#2D8CF0;
content:"";
position:absolute;
left:50%;
bottom:0;
transition:.7s
}
#navList .open {
transform:rotate(180deg) scaleX(-1);
transition:.3s
}
#navList .esa-sub-navs {
position:absolute;
130px;
top:60px;
left:calc(50% - 65px);
display:none
}
#navList .esa-sub-navs .caret {
border-top:0 solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #fff;
0;
position:relative;
left:calc(50% - 8px)
}
#navList .esa-sub-navs ul {
background-color:#fff;
border-radius:3px;
box-shadow:0 1px 15px rgba(27,31,35,.15);
padding:10px;
text-align:center
}
#navList .esa-sub-navs ul li {
float:none
}
#navList .esa-sub-navs ul li a {
font-size:15px;
border-right:0;
color:#314659;
display:block;
100%;
padding:10px 0;
height:inherit;
border-bottom:1px solid transparent
}
#navList .esa-sub-navs ul li a:hover {
color:#2D8CF0;
border-color:#2D8CF0
}
#main {
960px;
margin:0 auto;
min-height:calc(100% - 135px);
padding:75px 10px 0 10px;
animation-name:fadeIn;
animation-duration:1s;
animation-iteration-count:1;
-webkit-animation-name:fadeIn;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:1
}
#mainContent {
float:right;
margin-left:-25em;
100%
}
#mainContent .forFlow {
margin:0 auto;
margin-left:0;
max-960px
}
#sideBar {
230px;
border-right:1px solid #eef2f8;
font-weight:300;
display:none;
min-height:750px;
padding:0 15px 0 0
}
#sideBar #profile_block {
font-size:15px;
line-height:1.6
}
#sideBar #profile_block #p_b_follow {
margin:15px 0 10px 0;
text-align:center
}
#sideBar #profile_block #p_b_follow a {
border:1px solid #eef2f8;
font-size:13px;
padding:7px 89px;
border-radius:4px
}
#sideBar #profile_block #p_b_follow a:hover {
border-color:#2D8CF0
}
.newsItem {
margin-bottom:10px
}
.newsItem .catListTitle {
display:none
}
#blog-calendar {
border:1px solid #eef2f8;
border-radius:4px
}
#blog-calendar .CalDayHeader {
font-weight:300
}
#blog-calendar .CalTodayDay {
color:#2D8CF0;
font-weight:400
}
#sideBarMain ul {
line-height:1.6
}
.catListTitle {
text-align:left;
margin:20px 0;
font-size:20px;
font-weight:300;
border-left:4px solid #eef2f8;
padding-left:7px
}
#sidebar_search #widget_my_zzk .input_my_zzk {
color:#314659;
border:solid 1px #eef2f8;
150px;
height:32px;
padding:0 7px;
font-size:16px;
border-radius:4px
}
#sidebar_search #widget_my_zzk .input_my_zzk:focus {
outline:0
}
#sidebar_search #widget_my_zzk .btn_my_zzk {
height:34px;
font-size:14px;
background-color:transparent;
color:#314659;
cursor:pointer;
59px;
outline:0;
border:1px solid #eef2f8;
border-radius:4px;
transition:all .5s ease
}
#sidebar_search #widget_my_zzk .btn_my_zzk:hover {
color:#2D8CF0;
border:1px solid #2D8CF0
}
#sidebar_search #widget_my_google {
display:none
}
#sidebar_toptags li {
font-size:14px;
height:19px;
line-height:20px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
padding:5px 8px;
border:1px solid #eef2f8;
margin:0 6px 6px 0;
display:inline-grid;
transition:all .3s;
border-radius:4px
}
#sidebar_toptags li a {
color:#314659
}
#sidebar_toptags li:active,#sidebar_toptags li:link,#sidebar_toptags li:visited {
border-color:#eef2f8
}
#sidebar_toptags li:hover {
border-color:#2D8CF0
}
#sidebar_categories li,#sidebar_scorerank li,#sidebar_shortcut li {
font-size:15px;
height:40px;
padding-left:3px;
line-height:30px;
white-space:nowrap;
overflow:hidden;
transition:all .5s;
text-overflow:ellipsis;
list-style:inside
}
#sidebar_categories li:hover,#sidebar_scorerank li:hover,#sidebar_shortcut li:hover {
margin-left:7px
}
#sidebar_recentposts li,#sidebar_topcommentedposts li,#sidebar_topdiggedposts li,#sidebar_topviewedposts li {
font-size:15px;
padding:10px 0;
transition:all .3s;
text-align:justify;
border-bottom:1px solid #eef2f8
}
#sidebar_recentposts li:nth-child(1),#sidebar_topcommentedposts li:nth-child(1),#sidebar_topdiggedposts li:nth-child(1),#sidebar_topviewedposts li:nth-child(1) {
border-top:1px solid #eef2f8
}
#sidebar_recentposts li,#sidebar_topcommentedposts li,#sidebar_topdiggedposts li,#sidebar_topviewedposts li {
font-size:15px;
padding:10px 0;
transition:all .3s;
text-align:justify;
border-bottom:1px solid #eef2f8
}
#sidebar_recentcomments li {
text-align:justify
}
#sidebar_recentcomments .recent_comment_title:nth-child(n+2) {
padding-top:10px
}
#sidebar_recentcomments .recent_comment_title:nth-child(1) {
border-top:1px solid #eef2f8;
padding-top:10px
}
#sidebar_recentcomments .recent_comment_author {
margin-right:0;
text-align:right;
padding-bottom:10px;
border-bottom:1px solid #eef2f8
}
#taglist_title,.PostListTitle,.entrylistTitle,.myposts_title,.thumbTitle {
font-size:20px;
font-weight:300;
margin-top:10px;
text-align:left
}
.entrylistDescription {
margin:10px auto;
border-left:4px solid #eef2f8;
text-align:justify;
padding-left:7px
}
#myposts {
margin-left:0
}
#myposts .PostList {
font-size:14px;
border-bottom:1px solid #eef2f8;
padding:5px 0 9px 0;
margin-right:0
}
#myposts .postTitl2 {
float:left
}
#myposts .postDesc2 {
font-size:13px;
float:right
}
#myposts .postText2 {
clear:both;
padding-top:10px
}
.postSeparator {
margin-top:15px;
margin-bottom:25px;
border-top:1px solid #eef2f8;
margin:0;
border:none
}
.entrylist .postSeparator {
margin:0;
border:none
}
.day,.entrylistItem {
border-bottom:1px solid #eef2f8;
text-align:justify;
padding:10px 0;
margin-bottom:10px
}
.day .postTitle,.entrylist .entrylistPosttitle {
font-size:20px
}
.day .postCon,.entrylist .entrylistPostSummary {
font-size:16px;
padding:15px 0
}
.day .postCon img,.entrylist .entrylistPostSummary img {
height:100px;
margin-left:10px
}
.day .postCon a,.entrylist .entrylistPostSummary a {
border:1px solid #314659;
border-radius:3px;
padding:2px 9px;
font-size:13px;
margin-top:10px;
display:table
}
.day .postCon a:after,.entrylist .entrylistPostSummary a:after {
content:" 0bb"
}
.day .postCon a:hover,.entrylist .entrylistPostSummary a:hover {
border:1px solid #2D8CF0
}
.day .postDesc,.entrylist .entrylistItemPostDesc {
text-align:right
}
#topics .postTitle {
font-size:28px;
font-weight:300
}
#topics .postBody {
font-size:16px;
line-height:1.75;
border-bottom:1px solid #eef2f8
}
#topics .postBody a {
transition:all .3s ease
}
#topics .postBody a:hover {
text-decoration:underline
}
#topics .postBody a:active,#topics .postBody a:link,#topics .postBody a:visited {
color:#2D8CF0;
text-decoration:none
}
#topics .postBody h1 {
font-size:28px;
color:#314659
}
#topics .postBody h1 a:not([class=esa-anchor]) {
color:inherit;
text-decoration:underline
}
#topics .postBody h2 {
font-size:24px;
color:#314659
}
#topics .postBody h2 a:not([class=esa-anchor]) {
color:inherit;
text-decoration:underline
}
#topics .postBody h3 {
font-size:20px;
color:#314659
}
#topics .postBody h3 a:not([class=esa-anchor]) {
color:inherit;
text-decoration:underline
}
#topics .postBody h4 {
font-size:16px;
color:#314659
}
#topics .postBody h4 a:not([class=esa-anchor]) {
color:inherit;
text-decoration:underline
}
#topics .postBody h5 {
font-size:14px;
color:#314659
}
#topics .postBody h5 a:not([class=esa-anchor]) {
color:inherit;
text-decoration:underline
}
#topics .postBody h6 {
font-size:12px;
color:#314659
}
#topics .postBody h6 a:not([class=esa-anchor]) {
color:inherit;
text-decoration:underline
}
#topics .postBody p {
margin:13px auto
}
#topics .postBody hr {
border-top:none;
border-bottom:1px solid #eef2f8
}
#topics .postBody blockquote {
border:none;
color:#314659;
margin:15px 0;
padding:0 0 0 10px;
border-left:4px solid #dde5f1
}
#topics .postBody em {
padding-right:3px
}
#topics .postBody strong {
margin:0 3px;
font-weight:500
}
#topics .postBody img {
max-960px!important;
display:block;
margin:15px 0 30px 0;
border-radius:3px;
box-shadow:0 1px 15px rgba(27,31,35,.15),0 0 1px rgba(106,115,125,.35)
}
#topics .postBody .cnblogs-markdown pre {
white-space:pre;
position:relative
}
#topics .postBody ol li,#topics .postBody ul li {
margin:3px 0;
font-size:16px;
color:#314659
}
#topics .postBody ol li p,#topics .postBody ul li p {
margin:0!important
}
#topics .postBody table {
font-size:13px;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border:1px solid #eef2f8;
100%;
margin:13px 0
}
#topics .postBody table th {
font-family:inherit;
font-size:inherit;
background:#f7f7f7!important;
white-space:nowrap;
font-weight:600;
border:1px solid #eef2f8!important;
padding:8px 16px!important
}
#topics .postBody table td {
border:1px solid #eef2f8!important;
padding:8px 16px!important
}
#topics .postBody h1 code,#topics .postBody h2 code,#topics .postBody h3 code,#topics .postBody h4 code,#topics .postBody h5 code,#topics .postBody h6 code,#topics .postBody li code,#topics .postBody p code,#topics .postBody table code {
color:#314659;
line-height:1;
font-family:consolas!important;
vertical-align:middle;
margin:0 3px;
background:#f2f4f5!important;
font-size:14px!important;
padding:.2em .3em!important;
border-radius:3px!important;
border:1px solid #eee!important
}
#topics .postBody #BlogPostCategory {
font-size:14px;
margin-bottom:0
}
#topics .postBody #BlogPostCategory a {
margin-left:5px
}
#topics .postBody #EntryTag {
font-size:14px;
margin-top:20px;
color:grey;
color:#314659
}
#topics .postBody #EntryTag a {
color:#2D8CF0
}
#topics .postBody #post_next_prev {
font-size:13px
}
#topics .postDesc {
margin-top:5px;
text-align:right
}
.cnblogs_code {
background-color:#f2f4f5;
padding-left:1em;
padding-right:1em;
border:none!important;
border-radius:3px!important;
font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important
}
.cnblogs_code div {
background-color:transparent;
color:#656c73
}
.cnblogs_code img {
margin:0!important
}
.cnblogs_code pre {
color:#656c73;
font-family:inherit!important
}
.cnblogs_code pre span {
font-family:inherit!important;
color:inherit!important
}
.cnblogs_code textarea {
font-family:inherit!important;
padding:5px;
border:1px solid #3e4c42;
color:#c5d4ef;
background-color:#282c34
}
.cnblogs_code textarea:focus {
outline:0
}
.cnblogs_code .code_img_closed,.cnblogs_code .code_img_opened {
display:none!important
}
.cnblogs_code .cnblogs_code_toolbar {
20px
}
.cnblogs_code .cnblogs_code_toolbar span {
padding-right:0
}
.cnblogs_code .cnblogs_code_toolbar a:link img {
background-color:transparent!important
}
.cnblogs_code .cnblogs_code_collapse {
color:#656c73;
border:1px solid #989fa6;
border-radius:2px;
background-color:transparent;
display:inline-block;
cursor:pointer;
padding:5px 5px 2px 5px
}
#footer {
border-top:1px solid #eef2f8;
font-size:13px;
text-align:center;
padding:15px 0
}
.github-corner svg {
fill:#2D8CF0
}
.louzhu {
color:#2D8CF0;
font-weight:500
}
.feedbackListSubtitle .sendMsg2This {
background:0 0;
padding-left:0;
font-size:15px
}
.feedbackListSubtitle .sendMsg2This::before {
content:"✉️"
}
.feedbackManage {
float:right
}
.feedbackItem .feedbackCon {
margin-bottom:10px;
padding:10px 0;
border-bottom:1px solid #eef2f8
}
.feedbackItem .feedbackCon .esa-comment-avatar {
float:left
}
.feedbackItem .feedbackCon .esa-comment-avatar img {
height:43px;
43px;
border-radius:4px;
transition:all .5s ease-out;
-webkit-transition:all .6s ease-out
}
.feedbackItem .feedbackCon .esa-comment-avatar img:hover {
border-radius:50%
}
.feedbackItem .feedbackCon .comment_vote {
margin-top:12px
}
.blog_comment_body {
auto;
border-radius:4px;
padding:12px;
margin-left:50px;
background-color:#eef2f8;
min-height:19px
}
.blog_comment_body img {
border-radius:3px
}
#taglist_main {
margin-top:0
}
#taglist_main table {
100%
}
#taglist_main table tr td {
padding:5px 20px 5px 0
}
#taglist_main table tr td .small {
display:none
}
#taglist_main table tr td a {
display:block;
padding:5px;
font-weight:300;
height:19px;
line-height:20px;
text-align:center;
border:1px solid #eef2f8;
border-radius:4px;
color:#314659
}
#taglist_main table tr td a:hover {
border:1px solid #2D8CF0
}
.topicListFooter {
text-align:right;
margin-top:10px;
margin-right:0
}
#nav_next_page,.pager {
text-align:right;
margin-right:0!important;
color:#314659
}
#nav_next_page a,.pager a {
padding:5px 10px;
border:1px solid #eef2f8;
border-radius:4px;
margin:0 0 0 5px;
color:initial
}
#nav_next_page a:hover,.pager a:hover {
color:#2D8CF0;
border:1px solid #2D8CF0
}
.pager span.current {
padding:3px 7px;
border:1px solid #2D8CF0;
background-color:#2D8CF0;
border-radius:4px;
margin:0 0 0 5px
}
.esa-clipboard-button {
font-size:12px;
cursor:pointer;
position:absolute;
right:13px;
top:10px;
box-shadow:0 0 15px 0 rgba(0,0,0,.1);
color:#314659;
padding:0 6px;
border-radius:5px
}
.esa-toolbar {
position:fixed;
display:grid;
z-index:999;
bottom:30px;
right:30px
}
.esa-toolbar .esa-toolbar-contents,.esa-toolbar .esa-toolbar-follow,.esa-toolbar .esa-toolbar-gotop {
height:45px;
45px;
font-weight:400;
position:relative;
outline:0;
cursor:pointer;
border:1px solid transparent;
transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
margin-top:5px;
border-color:#eef2f8;
background-color:#fff;
background-position:center;
background-repeat:no-repeat
}
.esa-toolbar .esa-toolbar-contents:hover,.esa-toolbar .esa-toolbar-follow:hover,.esa-toolbar .esa-toolbar-gotop:hover {
color:#2D8CF0;
border-color:#2D8CF0
}
.esa-toolbar .esa-toolbar-gotop {
display:none;
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACL0lEQVRIS+3TwWvTUBwH8O/vJSLrFBURFPSkoIiCVz3IilObFA/aNR0yEEk6EXfxH1D0L5DdyroMHaJL1a1Ikw3H6kVBHHjyIKKgMEQmbOqsTpv8JOkmna4mvQyRvVv4/fL78L7vPcIKLFoBA6tIUyn/e3H1F+xjYB4B8EyGp53RTkxF2VLkneQLTieYBwmQ/cEMfgsJh41U8k0YFAnJW3YPAb2Afxv5CZj2gdAK8BQgjuia8uJvUCiSt+wrBFxaGOJ8WYeTsQr2kscTAG1k5g+eJLV1dySeN4IaIsxMpuXkQMjW4kFh55aW0/F4vOp/D9wZ2+N67gQB25h5RmJx/Gyn8nQ5aFmk17bXtn7mGyDSAoBh6ppiEBHXDzFvje3wpADaxcAcGAkjoz76HfoDyVkPNsj44QA4GDQzrukZ9WKjKK7fG99crX4vA9gP8FePhJpNKw/r+5cgfXft7cLFOIDdCxFdNjT1atjt6S8W12NeHgXoEAPzgEgZWqK0+N8vZMAqHfAAB6CtzOwBlDUyqhkGLNYt63HLJ8zaBLQxUCWQpmvKsF8PEHNotN0jt0igGBjfIHBKT6t+ZE0t/yxjc3yfQEcBdplEl5FWblOfZWcE+CZAEgMfSXC73pGcbGp6XXMuN7lG3vR+GKBkcGeIz1N+qDRIRF1RH1YUvFwuy6+nKyM1iGepluVMtytJ1rlU4l2UIVF6fOjVdOUCs3gZ+uKjDAzrWUXCElpS/3/i+gn3gM6tu0xSdwAAAABJRU5ErkJggg==)
}
.esa-toolbar .esa-toolbar-contents {
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAuUlEQVRIS2NkoANgpIMdDPSxZO6qbQeQffOf+X98SrD3w0WLdnL/5vi7lRo+ZZy7att/ZIMYGRi0k8K8rs1ctZufheH3B6pYMnv1dgdkg/5x/DmV7uv7bdWqVcwfGXltqWIJNQwhZAZ9Ip6QK6ghP4x8Mnfl1gaUJMzIODUpzOv1pG3b2Lk//6+kSnDRJZ/QxSfUCA5CZgyj1EXIq9SQp09w0aUUpk8+oUelRY2IJWQGfSKekCuoIQ8At39XNxqN1mQAAAAASUVORK5CYII=)
}
.esa-toolbar .esa-toolbar-follow {
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAsUlEQVRIS2NkIAHMXbU98D/D/zn/GRlTU0M91xGrlZFYhSB1c1Zu62RkZChj+M/QmxzuVUKs3lFLRoOLcFoZTV30ySdzV29zY2BgtGT494+ghf8ZGF0YGRmskXP8pG3b2Lm/MqQx/PsvjBGrTEz/Gf8xHmWcs3LrC0ZGRnHC0Y6kAqlYmbNyqx0jI+NBnPr/M/xgpKlPwDYzPiUYRMguHE3Co8E1WtQTzvPDJ5+Q2+4CADezs7EkSK8aAAAAAElFTkSuQmCC)
}
.esa-profile-avatar {
margin-top:15px;
border-radius:3px;
100%
}
.esa-follow-button {
z-index:999;
display:none;
position:fixed;
bottom:30px;
right:30px;
height:45px;
45px;
font-weight:400;
outline:0;
cursor:pointer;
border:1px solid transparent;
white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
font-size:12px;
border-radius:50px;
color:#515a6e;
background-color:#fff;
border-color:#dcdee2
}
.esa-follow-button:hover {
color:#2D8CF0;
border-color:#2D8CF0;
background-color:#fff
}
.esa-mobile-menu {
display:none;
position:fixed;
top:7px;
right:15px;
z-index:941113;
font-size:1.5em;
cursor:pointer;
color:#7f7f7f
}
.esa-mobile-menu:after {
content:"2630";
font-size:1.5em;
font-family:fontello
}
.esa-catalog {
position:fixed;
top:120px;
right:1px;
auto;
height:auto;
z-index:1000
}
.esa-catalog-title {
cursor:move;
padding-left:12px;
100%;
height:35px;
line-height:36px;
border-bottom:1px solid #eef2f8;
font-size:12px;
font-weight:600;
color:#314659
}
.esa-catalog-title:before {
content:"2632";
margin-right:5px
}
.esa-catalog-close {
position:absolute;
right:15px;
top:10px;
cursor:pointer
}
.esa-catalog-contents {
overflow:hidden;
display:none;
color:#314659;
border:1px solid #eef2f8;
min-150px;
opacity:1;
font-size:13px;
background-color:#fff;
z-index:19941112
}
.esa-catalog-contents ul {
padding:10px 15px;
max-height:350px;
overflow-y:auto
}
.esa-catalog-contents ul li {
margin-top:5px;
max-160px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
cursor:pointer;
color:#314659
}
.esa-catalog-contents ul li code {
font-family:inherit
}
.esa-catalog-contents ul li a:hover {
color:#2D8CF0;
text-decoration:none
}
.esa-catalog-contents ul li .level1 {
margin-left:0
}
.esa-catalog-contents ul li .level2 {
margin-left:10px
}
.esa-catalog-contents ul li .level3 {
margin-left:26px
}
.esa-anchor {
opacity:0;
-webkit-transition:opacity .3s ease;
transition:opacity .3s ease;
margin-left:8px
}
.esa-post-signature {
padding:12px 24px 12px 30px;
margin-top:15px;
margin-left:5px;
border-left-4px;
font-size:15px;
line-height:2;
border-left-style:solid;
background-color:#f8f8f8;
position:relative;
border-bottom-right-radius:2px;
border-top-right-radius:2px;
border-left-color:#2D8CF0;
z-index:1
}
.esa-post-signature:before {
content:"!";
background-color:#2D8CF0;
position:absolute;
top:25px;
left:-12px;
color:#fff;
20px;
height:20px;
border-radius:100%;
text-align:center;
line-height:20px;
font-weight:700;
font-size:14px
}
.esa-post-signature p {
margin:0!important
}
.esa-post-signature a {
color:#314659!important
}
.esa-layer {
position:fixed;
top:70px;
text-align:center;
line-height:25px;
font-size:15px;
font-family:inherit;
100%;
display:none;
z-index:9999999
}
.esa-layer-content {
position:relative;
background:rgba(0,0,0,.7);
max-250px;
padding:5px 10px;
font-size:14px;
border-radius:5px;
color:#e0e0e0;
display:inline-block
}
#div_digg {
position:static;
float:none;
margin:35px auto 85px auto;
z-index:-1;
200px
}
#div_digg .buryit,#div_digg .diggit {
background:#fff;
margin:0;
display:inline-block;
auto;
height:32px;
border-0;
cursor:pointer;
color:#fff;
user-select:none;
padding:0 10px;
border-radius:5px;
transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear
}
#div_digg .diggit {
background-color:#18b566;
border-color:#18b566
}
#div_digg .diggit:hover {
background-color:#47cb89;
border-color:#47cb89
}
#div_digg .buryit {
background-color:#ed4014;
border-color:#ed4014
}
#div_digg .buryit:hover {
background-color:#f16643;
border-color:#f16643
}
#div_digg .buryit .burynum,#div_digg .diggit .diggnum {
color:snow;
display:inline-block;
font-size:15px;
position:relative;
top:5px;
65px
}
#div_digg .diggit .diggnum:before {
content:"63a88350";
font-size:15px;
margin-right:5px
}
#div_digg .buryit .burynum:before {
content:"53cd5bf9";
font-size:15px;
margin-right:5px
}
.feedback_area_title {
font-size:20px;
border-bottom:1px solid #eef2f8;
margin-bottom:15px;
padding-bottom:5px
}
.commentform #commentform_title {
background-image:none;
padding-left:0;
font-size:20px
}
.commentform #tip_comment {
color:#2D8CF0!important;
margin:15px 0;
display:block
}
.commentform .comment_textarea {
100%;
border:1px solid #eef2f8;
background-color:transparent;
padding:0
}
.commentform .comment_textarea:focus {
outline:0
}
.commentform .comment_textarea:hover {
border-color:#2D8CF0
}
.commentform .commentbox_title {
border-bottom:1px solid #eef2f8
}
.commentform .commentbox_title .commentbox_title_left .commentbox_tab {
margin:0;
padding:0 15px
}
.commentform .commentbox_title .commentbox_title_left .active {
border-bottom:2px solid #2D8CF0;
color:#2D8CF0
}
.commentform .commentbox_title .commentbox_title_right {
margin:0 10px 0 0
}
.commentform .commentbox_title .commentbox_title_right .comment_svg:hover,.commentform .commentbox_title .commentbox_title_right .comment_svg_stroke:hover {
fill:#2D8CF0;
stroke:#2D8CF0
}
.commentform #tbCommentBody,.commentform #tbCommentBodyPreview {
padding:10px 15px
}
.commentform #btn_comment_submit {
auto;
height:auto;
border-0;
cursor:pointer;
color:#fff;
background-color:#2D8CF0;
border-color:#2D8CF0;
font-weight:300;
user-select:none;
padding:5px 17px;
font-size:13px;
border-radius:4px;
outline:0;
transition:all .3s
}
.commentform #btn_comment_submit:hover {
opacity:.7
}
.commentform .comment_my_posted>img {
display:none
}
.commentform .bq_post_comment {
margin-top:5px;
font-size:13px;
display:block;
color:#314659;
background-color:#eef2f8;
border:none;
border-radius:4px;
padding:1px 15px
}
.github-corner:hover .octo-arm {
animation:octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,100% {
transform:rotate(0)
}
20%,60% {
transform:rotate(-25deg)
}
40%,80% {
transform:rotate(10deg)
}
}::-webkit-scrollbar {
3px;
height:3px
}
::-webkit-scrollbar-thumb {
border-radius:1px;
box-shadow:inset 0 0 5px #314659;
background:#314659
}
::-webkit-scrollbar-track {
background:0 0;
border-radius:1px
}
::-moz-selection,::selection {
color:#2D8CF0
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}[data-tips] {
overflow:hidden
}
[data-tips]:hover {
overflow:visible
}
[data-tips]::after,[data-tips]::before {
position:absolute;
transition:all .3s;
transform:translate3d(-50%,0,0);
opacity:0;
left:37px;
z-index:10
}
[data-tips]::before {
content:attr(data-tips);
border-radius:6px;
background-color:rgba(100,100,100,.8);
color:#fff;
height:24px;
line-height:24px;
padding:0 6px;
font-size:12px;
white-space:nowrap;
top:-24px;
left:50%
}
[data-tips]::after {
content:"";
border:5px solid #333;
border-color:rgba(100,100,100,.8) transparent transparent transparent;
top:0;
left:50%
}
[data-tips]:hover::after,[data-tips]:hover::before {
opacity:1
}
[data-tips]:hover::after,[data-tips]:hover::before {
transform:translate3d(-50%,-7px,0)
}
.esa-sponsor {
position:relative;
100%;
margin-top:70px;
height:160px
}
.esa-sponsor .posa {
position:absolute
}
.esa-sponsor .tr3 {
transition:all .3s
}
.esa-sponsor .blur {
-webkit-filter:blur(3px);
filter:blur(3px)
}
.esa-sponsor .text {
position:absolute;
left:calc(50% - 120px);
top:calc(50% - 60px);
font-size:12px;
70px;
height:70px;
line-height:70px;
color:#fff;
background:#ffd886 url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_like.png) no-repeat center 10px;
background-size:20px;
border-radius:35px;
text-align:center;
z-index:-1;
transform:rotatez(-15deg)
}
.esa-sponsor .github {
position:absolute;
left:calc(50% + 135px);
top:calc(50% - 30px);
24px;
height:24px;
background:no-repeat center center url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_github.png);
background-size:contain;
opacity:.3;
transform:rotatez(15deg)
}
.esa-sponsor .box {
left:calc(50% - 150px);
top:calc(50% - 15px);
background-color:#fff;
border:1px solid #ddd;
border-radius:6px;
299px;
height:28px;
float:left;
z-index:1;
margin-left:0
}
.esa-sponsor .box li {
99px;
float:left;
margin:0!important;
text-align:center;
border-left:1px solid #ddd;
background:no-repeat center center;
background-color:rgba(204,217,220,.1);
background-size:45px;
transition:all .3s;
cursor:pointer;
overflow:hidden;
line-height:600px;
height:28px;
-webkit-filter:grayscale(1);
filter:grayscale(1);
opacity:.5;
list-style:none;
list-style-type:none;
margin:0;
padding:0
}
.esa-sponsor .box li:hover {
background-color:rgba(204,217,220,.3);
-webkit-filter:grayscale(0);
filter:grayscale(0);
opacity:1
}
.esa-sponsor .box li:first-child {
border-0
}
.esa-sponsor .box li a {
display:block
}
.esa-sponsor .box .paypal {
background-image:url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_paypal.png)
}
.esa-sponsor .box .alipay {
background-image:url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_alipay.png)
}
.esa-sponsor .box .wechat {
background-image:url(http://images.cnblogs.com/cnblogs_com/esofar/1504962/o_wechat.png)
}
.esa-sponsor #QRBox {
top:0;
left:0;
z-index:1;
display:none;
perspective:400px;
100%;
height:100%
}
.esa-sponsor #QRBox #MainBox {
cursor:pointer;
position:absolute;
text-align:center;
200px;
height:200px;
left:calc(50% - 100px);
top:calc(50% - 100px);
background:#fff no-repeat center center;
background-size:190px;
border-radius:6px;
box-shadow:0 2px 7px rgba(0,0,0,.3);
opacity:0;
transition:all 1s ease-in-out;
transform-style:preserve-3d;
transform-origin:center center;
overflow:hidden
}
.esa-sponsor #MainBox.showQR {
opacity:1;
animation-name:showQR;
animation-duration:3s;
animation-timing-function:ease-in-out;
animation-iteration-count:1;
animation-fill-mode:forwards;
-webkit-animation:showQR 3s ease-in-out 0s 1 normal forwards
}
@keyframes showQR {
from {
transform:rotateX(90deg)
}
8% {
opacity:1;
transform:rotateX(-60deg)
}
18% {
opacity:1;
transform:rotateX(40deg)
}
34% {
opacity:1;
transform:rotateX(-28deg)
}
44% {
opacity:1;
transform:rotateX(18deg)
}
58% {
opacity:1;
transform:rotateX(-12deg)
}
72% {
opacity:1;
transform:rotateX(9deg)
}
88% {
opacity:1;
transform:rotateX(-5deg)
}
96% {
opacity:1;
transform:rotateX(2deg)
}
to {
opacity:1
}
}.esa-sponsor #MainBox.hideQR {
opacity:1;
animation-name:hideQR;
animation-duration:.5s;
animation-timing-function:ease-in-out;
animation-iteration-count:1;
animation-fill-mode:forwards;
-webkit-animation:hideQR .5s ease-in-out 0s 1 normal forwards
}
@keyframes hideQR {
20%,50% {
transform:scale(1.08,1.08);
opacity:1
}
to {
opacity:0;
transform:rotateZ(40deg) scale(.6,.6)
}
}::-moz-selection,::selection {
background-color:#2D8CF0;
color:#e1e1e1
}
.cnblogs-markdown .hljs {
display:block;
color:#333;
overflow-x:auto;
background:#F2F4F5!important;
border:none!important;
font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace!important;
padding:1em!important;
font-size:14px!important
}
.hljs-comment,.hljs-meta {
color:#969896
}
.hljs-emphasis,.hljs-quote,.hljs-string,.hljs-strong,.hljs-template-variable,.hljs-variable {
color:#df5000
}
.hljs-keyword,.hljs-selector-tag,.hljs-type {
color:#a71d5d
}
.hljs-attribute,.hljs-bullet,.hljs-literal,.hljs-symbol {
color:#0086b3
}
.hljs-name,.hljs-section {
color:#63a35c
}
.hljs-tag {
color:#333
}
.hljs-attr,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title {
color:#795da3
}
.hljs-addition {
color:#55a532;
background-color:#eaffea
}
.hljs-deletion {
color:#bd2c00;
background-color:#ffecec
}
.hljs-link {
text-decoration:underline
}
勾选‘禁用模板默认CSS’
博客侧边栏公告（支持HTML代码） （支持 JS 代码）
<script src="https://blog-static.cnblogs.com/files/xieqk/silence.min.js"></script>
<script type="text/javascript">
$.silence({
avatar: 'https://images.cnblogs.com/cnblogs_com/xieqk/1814794/o_200727090159conan.jpg',
favicon: 'https://files.cnblogs.com/files/xieqk/favicon.ico',
navigation: [
{
title: '博客首页',
url: 'https://www.cnblogs.com/xieqk/'
},
{
title: '标签',
url: 'https://www.cnblogs.com/xieqk/tag/'
},
{
title: '归档',
url: 'https://www.cnblogs.com/xieqk/p/'
},
{
title: '关于我',
chilren: [
{
title: 'Homepage',
url: 'https://xieqiaokang.com',
},
{
title: 'USTC Home',
url: 'http://home.ustc.edu.cn/~xieqiaok/',
},
{
title: 'Github page',
url: 'https://xieqk.github.io/',
},
{
title: 'Gitee page',
url: 'https://xieqk.gitee.io/',
},
]
},
],
catalog: {
enable: true,
move: true,
index: true,
level1: 'h2',
level2: 'h3',
level3: 'h4',
},
signature: {
enable: false,
license: '署名-非商业性使用-相同方式共享 4.0 国际',
link: 'https://creativecommons.org/licenses/by-nc-sa/4.0/',
remark: null
},
sponsor: {
enable: true,
wechat: 'https://images.cnblogs.com/cnblogs_com/xieqk/1814794/o_200728135144wechat.jpg',
alipay: 'https://images.cnblogs.com/cnblogs_com/xieqk/1814794/o_200728135717alipay.jpg'
},
github: {
enable: true,
link: 'https://github.com/xieqk',
target: '_blank'
}
});
</script>