Created
July 19, 2018 06:47
-
-
Save kbrx93/c5c64cfbf773d18387230f8829e01def to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "UTF-8";/*! Theme.css v1.7.7 */html { | |
font-family: sans-serif; | |
line-height: 1.15; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100% | |
} | |
body { | |
margin: 0 | |
} | |
article,aside,footer,header,nav,section { | |
display: block | |
} | |
h1 { | |
font-size: 2em; | |
margin: .67em 0 | |
} | |
figcaption,figure,main { | |
display: block | |
} | |
figure { | |
margin: 1em 40px | |
} | |
hr { | |
box-sizing: content-box; | |
height: 0; | |
overflow: visible | |
} | |
pre { | |
font-family: monospace,monospace; | |
font-size: 1em | |
} | |
a { | |
background-color: transparent; | |
-webkit-text-decoration-skip: objects | |
} | |
a:active,a:hover { | |
outline-width: 0 | |
} | |
abbr[title] { | |
border-bottom: 0; | |
text-decoration: underline; | |
text-decoration: underline dotted | |
} | |
b,strong { | |
font-weight: inherit | |
} | |
b,strong { | |
font-weight: bolder | |
} | |
code,kbd,samp { | |
font-family: monospace,monospace; | |
font-size: 1em | |
} | |
dfn { | |
font-style: italic | |
} | |
mark { | |
background-color: #ff0; | |
color: #000 | |
} | |
small { | |
font-size: 80% | |
} | |
sub,sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline | |
} | |
sub { | |
bottom: -0.25em | |
} | |
sup { | |
top: -0.5em | |
} | |
audio,video { | |
display: inline-block | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0 | |
} | |
img { | |
border-style: none | |
} | |
svg:not(:root) { | |
overflow: hidden | |
} | |
button,input,optgroup,select,textarea { | |
font-family: sans-serif; | |
font-size: 100%; | |
line-height: 1.15; | |
margin: 0 | |
} | |
button,input { | |
overflow: visible | |
} | |
button,select { | |
text-transform: none | |
} | |
button,html [type="button"],[type="reset"],[type="submit"] { | |
-webkit-appearance: button | |
} | |
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { | |
border-style: none; | |
padding: 0 | |
} | |
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { | |
outline: 1px dotted ButtonText | |
} | |
fieldset { | |
border: 1px solid silver; | |
margin: 0 2px; | |
padding: .35em .625em .75em | |
} | |
legend { | |
box-sizing: border-box; | |
color: inherit; | |
display: table; | |
max-width: 100%; | |
padding: 0; | |
white-space: normal | |
} | |
progress { | |
display: inline-block; | |
vertical-align: baseline | |
} | |
textarea { | |
overflow: auto | |
}[type="checkbox"],[type="radio"] { | |
box-sizing: border-box; | |
padding: 0 | |
}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { | |
height: auto | |
}[type="search"] { | |
-webkit-appearance: textfield; | |
outline-offset: -2px | |
}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none | |
} | |
::-webkit-file-upload-button { | |
-webkit-appearance: button; | |
font: inherit | |
} | |
details,menu { | |
display: block | |
} | |
summary { | |
display: list-item | |
} | |
canvas { | |
display: inline-block | |
} | |
template { | |
display: none | |
}[hidden] { | |
display: none | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
outline: 0 | |
} | |
html,body,div,p,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td,blockquote,img { | |
margin: 0; | |
padding: 0; | |
-webkit-text-size-adjust: 100%; | |
-webkit-font-smoothing: subpixel-antialiased | |
} | |
button,html input[type=button],input[type=reset],input[type=submit] { | |
cursor: pointer; | |
-webkit-appearance: button; | |
overflow: visible | |
} | |
html { | |
height: 100%; | |
font-size: 100% | |
} | |
body { | |
height: 100%; | |
background-color: #FFF; | |
color: #777; | |
font-size: 1em; | |
overflow-x: hidden | |
} | |
body.theme-white { | |
background: #fafafa | |
} | |
body.theme-dark { | |
color: #CCC; | |
background: #2c2a2a | |
} | |
a { | |
outline: none !important; | |
text-decoration: none !important; | |
color: #1abc9c | |
} | |
h1>.superscript { | |
font-size: .35em !important; | |
position: absolute; | |
padding-left: .4375rem; | |
padding-top: .1875rem; | |
color: inherit !important | |
} | |
h2>.superscript { | |
font-size: .45em !important; | |
position: absolute; | |
padding-left: .4375rem; | |
padding-top: .1875rem; | |
color: inherit !important | |
} | |
::selection { | |
background: #1abc9c; | |
color: #fff; | |
text-shadow: none | |
} | |
.rotate { | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
.rotate:hover { | |
-webkit-transform: rotate(-45deg); | |
-moz-transform: rotate(-45deg); | |
-ms-transform: rotate(-45deg); | |
-o-transform: rotate(-45deg); | |
transform: rotate(-45deg) | |
} | |
.light { | |
font-weight: 300 !important | |
} | |
.color-main { | |
color: #1abc9c !important | |
} | |
.animated { | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
.no-animation { | |
-webkit-transition: none !important; | |
-moz-transition: none !important; | |
-ms-transition: none !important; | |
-o-transition: none !important; | |
transition: none !important | |
} | |
.display-none { | |
display: none !important | |
} | |
img[src*="Smilies"] { | |
width: 30px | |
} | |
@font-face { | |
font-family:monospaceX;unicode-range:U+0-2E7F;src:local(monospace);unicode-range:U+2E80-FFFF;src:local(PingFang SC),local(Hiragino Sans GB),local(Microsoft Yahei),local(WenQuanYi Micro Hei) | |
} | |
.text-left { | |
text-align: left !important | |
} | |
.text-right { | |
text-align: right !important | |
} | |
.text-center { | |
text-align: center !important | |
} | |
#wrap { | |
width: 100%; | |
-webkit-transform-origin: bottom; | |
transform-origin: bottom; | |
background-color: #fff; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
body.theme-dark #wrap { | |
background-color: #2c2a2a | |
} | |
body.theme-sunset #wrap { | |
background-color: #f8f1e4 | |
} | |
body.desktop.chrome #wrap { | |
margin-right: -10px; | |
width: -webkit-calc(100% - -20px); | |
width: calc(100% - -20px) | |
} | |
@media screen and (min-width:1000px) { | |
body.desktop.chrome #wrap.display-menu-tree { | |
width: -webkit-calc(100% - 260px); | |
width: calc(100% - 260px) | |
} | |
} | |
#body { | |
overflow: hidden; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
body.theme-dark #body { | |
background-color: #2c2a2a !important | |
} | |
#post,#archive { | |
padding: 1rem .4375rem 0 | |
} | |
.container { | |
margin-right: auto; | |
margin-left: auto; | |
padding-right: .625rem; | |
padding-left: .625rem; | |
max-width: 44.375rem | |
} | |
.row { | |
margin-right: -0.625rem; | |
margin-left: -0.625rem | |
} | |
@media(max-width:47.938rem) { | |
.container { | |
padding-left: 1.563rem; | |
padding-right: 1.563rem | |
} | |
} | |
@media screen and (min-width:40.0625rem) and (max-width:56rem) { | |
.inner .container { | |
padding-left: 3.75rem; | |
padding-right: 3.75rem | |
} | |
} | |
@media screen and (min-width:48rem) and (max-width:78.125rem) { | |
.container { | |
max-width: 40.875rem | |
} | |
.inner .container { | |
max-width: 51rem | |
} | |
} | |
@media screen and (min-width:78.2rem) and (max-width:99.9375rem) { | |
.container { | |
max-width: 44.325rem | |
} | |
.inner .container { | |
max-width: 55.5rem | |
} | |
} | |
@media screen and (min-width:100rem) and (max-width:112.4375rem) { | |
.container { | |
max-width: 48rem | |
} | |
.inner .container { | |
max-width: 60rem | |
} | |
} | |
@media screen and (min-width:112.5rem) and (max-width:124.9375rem) { | |
.container { | |
max-width: 53.25rem | |
} | |
.inner .container { | |
max-width: 67rem | |
} | |
} | |
@media screen and (min-width:125rem) and (max-width:149.9375rem) { | |
.container { | |
max-width: 58rem | |
} | |
.inner .container { | |
max-width: 72.5rem | |
} | |
.post-content { | |
font-size: 1.125rem | |
} | |
.post-content pre { | |
font-size: .875rem | |
} | |
} | |
@media screen and (min-width:150rem) { | |
.container { | |
max-width: 61.25rem | |
} | |
.inner .container { | |
max-width: 77rem | |
} | |
.post-content { | |
font-size: 1.125rem | |
} | |
.post-content pre { | |
font-size: .875rem | |
} | |
} | |
@media screen and (min-width:48rem) and (max-width:81.3125rem) { | |
body.serif-fonts .container,body.content-lang-en .container { | |
max-width: 44.375rem | |
} | |
} | |
@media screen and (min-width:100rem) { | |
body.serif-fonts #post .post-content { | |
font-size: 1.125rem | |
} | |
} | |
.clearfix,.row { | |
zoom: 1 | |
} | |
.clearfix:before,.clearfix:after,.row:before,.row:after { | |
display: table; | |
content: " " | |
} | |
.clearfix:after,.row:after { | |
clear: both | |
} | |
.clearfix { | |
display: inline-block | |
} | |
.clearfix:after { | |
clear: both; | |
display: block; | |
visibility: hidden; | |
height: 0; | |
content: "." | |
} | |
a.btn,.btn>a { | |
padding: .5625rem 2.8125rem; | |
border-radius: 100rem; | |
display: inline-block; | |
opacity: 1; | |
font-size: .875rem; | |
line-height: 1.5; | |
font-weight: 500; | |
color: #fff; | |
border: .0625rem solid #fff !important; | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
a.btn.btn-small,.btn.btn-small>a { | |
padding: .375rem 2rem | |
} | |
a.btn.btn-primary,.btn.btn-primary>a { | |
color: #333 !important; | |
border-color: #333 !important; | |
background: transparent; | |
-webkit-box-shadow: none !important; | |
-moz-box-shadow: none !important; | |
box-shadow: none !important | |
} | |
a.btn.btn-primary:after,.btn.btn-primary>a:after { | |
content: none !important; | |
border: none !important | |
} | |
body.desktop a.btn.btn-primary:hover,body.mobile a.btn.btn-primary:active,body.desktop .btn.btn-primary>a:hover,body.mobile .btn.btn-primary>a:active { | |
background: #333 !important; | |
color: #fff !important | |
} | |
body.theme-dark a.btn.btn-primary,body.theme-dark .btn.btn-primary>a { | |
color: #fff !important; | |
border-color: #fff !important | |
} | |
body.theme-dark.desktop a.btn.btn-primary:hover,body.theme-dark.mobile a.btn.btn-primary:active,body.theme-dark.desktop .btn.btn-primary>a:hover,body.theme-dark.mobile .btn.btn-primary>a:active { | |
background: #fff !important; | |
color: #333 !important | |
} | |
a.btn.btn-grey,.btn.btn-grey>a { | |
color: #333 !important; | |
border-color: #ccc !important; | |
background: #fafafa !important; | |
-webkit-box-shadow: none !important; | |
-moz-box-shadow: none !important; | |
box-shadow: none !important | |
} | |
a.btn.btn-grey:after,.btn.btn-grey>a:after { | |
content: none !important; | |
border: none !important | |
} | |
body.desktop a.btn.btn-grey:hover,body.mobile a.btn.btn-grey:active,body.desktop .btn.btn-grey>a:hover,body.mobile .btn.btn-grey>a:active { | |
background: #333 !important; | |
color: #fff !important; | |
border-color: #333 !important | |
} | |
body.theme-sunset a.btn.btn-grey,body.theme-sunset .btn.btn-grey>a { | |
border-color: #d6d0c2 !important; | |
background: #e7e0d3 !important | |
} | |
body.desktop.theme-sunset a.btn.btn-grey:hover,body.mobile.theme-sunset a.btn.btn-grey:active,body.desktop.theme-sunset .btn.btn-grey>a:hover,body.mobile.theme-sunset .btn.btn-grey>a:active { | |
border-color: #333 !important; | |
background: #333 !important | |
} | |
body.theme-dark a.btn.btn-grey,body.theme-dark .btn.btn-grey>a { | |
color: #fff !important; | |
border-color: #555 !important; | |
background: rgba(255,255,255,0.04) !important | |
} | |
body.desktop.theme-dark a.btn.btn-grey:hover,body.mobile.theme-dark a.btn.btn-grey:active,body.desktop.theme-dark .btn.btn-grey>a:hover,body.mobile.theme-dark .btn.btn-grey>a:active { | |
background: #fff !important; | |
color: #333 !important; | |
border-color: #fff !important | |
} | |
.waves-effect { | |
position: relative; | |
cursor: pointer; | |
display: inline-block; | |
overflow: hidden; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
-webkit-tap-highlight-color: transparent | |
} | |
.waves-effect .waves-ripple { | |
position: absolute; | |
border-radius: 50%; | |
width: 100px; | |
height: 100px; | |
margin-top: -50px; | |
margin-left: -50px; | |
opacity: 0; | |
background: rgba(0,0,0,0.05); | |
background: -webkit-radial-gradient(rgba(0,0,0,0.1) 0,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.12) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%); | |
background: -o-radial-gradient(rgba(0,0,0,0.1) 0,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.12) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%); | |
background: -moz-radial-gradient(rgba(0,0,0,0.1) 0,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.12) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%); | |
background: radial-gradient(rgba(0,0,0,0.1) 0,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.12) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%); | |
-webkit-transition: all .5s ease-out; | |
-moz-transition: all .5s ease-out; | |
-o-transition: all .5s ease-out; | |
transition: all .5s ease-out; | |
-webkit-transition-property: -webkit-transform,opacity; | |
-moz-transition-property: -moz-transform,opacity; | |
-o-transition-property: -o-transform,opacity; | |
transition-property: transform,opacity; | |
-webkit-transform: scale(0) translate(0,0); | |
-moz-transform: scale(0) translate(0,0); | |
-ms-transform: scale(0) translate(0,0); | |
-o-transform: scale(0) translate(0,0); | |
transform: scale(0) translate(0,0); | |
pointer-events: none | |
} | |
.waves-effect.waves-light .waves-ripple { | |
background: rgba(255,255,255,0.4); | |
background: -webkit-radial-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%); | |
background: -o-radial-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%); | |
background: -moz-radial-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%); | |
background: radial-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%) | |
} | |
.waves-effect.waves-classic .waves-ripple { | |
background: rgba(0,0,0,0.2) | |
} | |
.waves-effect.waves-classic.waves-light .waves-ripple { | |
background: rgba(255,255,255,0.4) | |
} | |
.waves-notransition { | |
-webkit-transition: none !important; | |
-moz-transition: none !important; | |
-o-transition: none !important; | |
transition: none !important | |
} | |
.waves-button,.waves-circle { | |
-webkit-transform: translateZ(0); | |
-moz-transform: translateZ(0); | |
-ms-transform: translateZ(0); | |
-o-transform: translateZ(0); | |
transform: translateZ(0); | |
-webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%) | |
} | |
.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input { | |
white-space: nowrap; | |
vertical-align: middle; | |
cursor: pointer; | |
border: 0; | |
outline: 0; | |
color: inherit; | |
background-color: transparent; | |
font-size: 1em; | |
line-height: 1em; | |
text-align: center; | |
text-decoration: none; | |
z-index: 1 | |
} | |
.waves-button { | |
padding: .85em 1.1em; | |
border-radius: .2em | |
} | |
.waves-button-input { | |
margin: 0; | |
padding: .85em 1.1em | |
} | |
.waves-input-wrapper { | |
border-radius: .2em; | |
vertical-align: bottom | |
} | |
.waves-input-wrapper.waves-button { | |
padding: 0 | |
} | |
.waves-input-wrapper .waves-button-input { | |
position: relative; | |
top: 0; | |
left: 0; | |
z-index: 1 | |
} | |
.waves-circle { | |
text-align: center; | |
width: 2.5em; | |
height: 2.5em; | |
line-height: 2.5em; | |
border-radius: 50% | |
} | |
.waves-float { | |
-webkit-mask-image: none; | |
-webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,0.12); | |
box-shadow: 0 1px 1.5px 1px rgba(0,0,0,0.12); | |
-webkit-transition: all 300ms; | |
-moz-transition: all 300ms; | |
-o-transition: all 300ms; | |
transition: all 300ms | |
} | |
.waves-float:active { | |
-webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,0.3); | |
box-shadow: 0 8px 20px 1px rgba(0,0,0,0.3) | |
} | |
.waves-block { | |
display: block | |
} | |
img[data-action="zoom"] { | |
cursor: pointer; | |
cursor: -webkit-zoom-in; | |
cursor: -moz-zoom-in | |
} | |
.zoom-img,.zoom-img-wrap { | |
position: relative; | |
z-index: 910; | |
-webkit-transition: all 300ms; | |
-o-transition: all 300ms; | |
transition: all 300ms | |
} | |
img.zoom-img { | |
cursor: pointer; | |
cursor: -webkit-zoom-out; | |
cursor: -moz-zoom-out | |
} | |
.zoom-overlay { | |
z-index: 900; | |
background: #fff; | |
position: fixed; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
pointer-events: none; | |
filter: "alpha(opacity=0)"; | |
opacity: 0; | |
-webkit-transition: opacity 300ms; | |
-o-transition: opacity 300ms; | |
transition: opacity 300ms | |
} | |
.zoom-overlay-open .zoom-overlay { | |
filter: "alpha(opacity=100)"; | |
opacity: 1 | |
} | |
body.zoom-overlay-open #body,body.zoom-overlay-transitioning #body,body.zoom-overlay-open .table-responsive { | |
overflow: inherit | |
} | |
body.theme-dark .zoom-overlay { | |
background-color: #2c2a2a !important | |
} | |
body.theme-sunset .zoom-overlay { | |
background-color: #f8f1e4 !important | |
} | |
@supports(-webkit-backdrop-filter:saturate(180%) blur(20px)) or(backdrop-filter:saturate(180%) blur(20px)) { | |
.zoom-overlay { | |
-webkit-backdrop-filter: saturate(180%) blur(20px); | |
backdrop-filter: saturate(180%) blur(20px); | |
background-color: rgba(255,255,255,0.7) | |
} | |
body.theme-dark .zoom-overlay { | |
background-color: rgba(0,0,0,0.7) !important | |
} | |
} | |
.browse-happy { | |
position: fixed; | |
width: 100%; | |
height: 100%; | |
z-index: 999999; | |
padding-top: 20%; | |
background: #fff; | |
color: #8a1f11; | |
text-align: center | |
} | |
.browse-happy a { | |
color: #8a1f11; | |
text-decoration: underline; | |
font-weight: bold | |
} | |
.blog-notice { | |
background: #2c2a2a; | |
padding: 1.3125rem | |
} | |
.blog-notice p { | |
text-align: center; | |
font-size: .875rem; | |
line-height: 1.7; | |
color: #eee | |
} | |
.blog-notice .blog-notice-close { | |
position: relative; | |
float: right; | |
padding: 0; | |
border: 0; | |
margin: 0; | |
right: 0; | |
line-height: 1.7; | |
font-size: .875rem; | |
color: #eee | |
} | |
.blog-notice .blog-notice-close:before { | |
content: '\f00d'; | |
font: normal normal normal .8125rem/1 FontAwesome | |
} | |
#footer a,#header .nav li a,#post .post-meta a,#index .comments a,#index .post-content a,#post .post-content a,#archive .post-content a,#archive .comments a,#comments a { | |
position: relative; | |
white-space: normal | |
} | |
#footer a:after,#header .nav li a:after,#post .post-meta a:after,#index .comments a:after,#index .post-content a:after,#post .post-content a:after,#archive .post-content a:after,#archive .comments a:after,#comments a:after { | |
position: absolute; | |
bottom: -0.0625rem; | |
left: 100%; | |
width: 0; | |
border-bottom: .0625rem solid #1abc9c; | |
content: ""; | |
-webkit-transition: width 350ms,left 350ms; | |
-moz-transition: width 350ms,left 350ms; | |
-ms-transition: width 350ms,left 350ms; | |
-o-transition: width 350ms,left 350ms; | |
transition: width 350ms,left 350ms | |
} | |
body.edge #footer a:after,body.edge #header .nav li a:after,body.edge #post .post-meta a:after,body.edge #index .comments a:after,body.edge #index .post-content a:after,body.edge #post .post-content a:after,body.edge #archive .post-content a:after,body.edge #archive .comments a:after,body.edge #comments a:after { | |
transition: none | |
} | |
#footer a:hover:after,#header .nav li a:hover:after,#post .post-meta a:hover:after,#index .comments a:hover:after,#index .post-content a:hover:after,#post .post-content a:hover:after,#archive .post-content a:hover:after,#archive .comments a:hover:after,#comments a:hover:after { | |
left: 0; | |
width: 100%; | |
-webkit-transition: width 350ms; | |
-moz-transition: width 350ms; | |
-ms-transition: width 350ms; | |
-o-transition: width 350ms; | |
transition: width 350ms | |
} | |
#index article,#archive article { | |
margin-bottom: 3.5rem | |
} | |
#index article a,#archive article a { | |
color: #1abc9c; | |
text-decoration: none | |
} | |
#index article:last-child,#archive article:last-child { | |
border-bottom: 0 | |
} | |
#index a,#archive a { | |
text-decoration: none | |
} | |
#index .post,#archive .post { | |
padding: 0 | |
} | |
#index .post .post-title,#archive .post .post-title { | |
margin-bottom: .625rem; | |
padding-bottom: .3125rem; | |
padding-top: .9375rem; | |
color: #333; | |
font-size: 2.25rem; | |
font-weight: 300; | |
text-align: center; | |
-webkit-transition: all .5s; | |
-moz-transition: all .5s; | |
-ms-transition: all .5s; | |
-o-transition: all .5s; | |
transition: all .5s | |
} | |
body.serif-fonts #index .post .post-title,body.serif-fonts #archive .post .post-title { | |
font-weight: 400 | |
} | |
body.desktop #index .post .post-title:hover,body.desktop #archive .post .post-title:hover { | |
color: #1abc9c | |
} | |
#index .post-info,#archive .post-info { | |
margin-bottom: 1.25rem; | |
color: #999; | |
font-size: .875rem; | |
text-align: center | |
} | |
#index .post-info a,#archive .post-info a { | |
color: #999 !important | |
} | |
#index .post-content,#index .comment-content,#archive .post-content,#archive .comment-content { | |
word-wrap: break-word | |
} | |
#index .post-content h1,#index .comment-content h1,#archive .post-content h1,#archive .comment-content h1 { | |
font-size: 1.75rem | |
} | |
#index .post-content h2,#index .comment-content h2,#archive .post-content h2,#archive .comment-content h2 { | |
font-size: 1.5rem | |
} | |
#index .post-content hr,#index .comment-content hr,#archive .post-content hr,#archive .comment-content hr { | |
overflow: hidden; | |
margin: 2rem 0; | |
padding: 0; | |
height: .125rem; | |
border: 0; | |
background: #e7e7e7 repeating-linear-gradient(-45deg,#fff,#fff .25rem,transparent .25rem,transparent .5rem) | |
} | |
body.theme-dark #index .post-content hr,body.theme-dark #index .comment-content hr,body.theme-dark #archive .post-content hr,body.theme-dark #archive .comment-content hr { | |
background: #2c2a2a repeating-linear-gradient(-45deg,#bcbcbc,#bcbcbc .25rem,transparent .25rem,transparent .5rem) | |
} | |
#index .post-content,#archive .post-content { | |
line-height: 1.75rem | |
} | |
#index .more,#archive .more { | |
text-align: center | |
} | |
body.card #index,body.card #archive { | |
overflow: hidden; | |
padding: 5.375rem 3.75rem 3.5rem; | |
margin: -3.125rem | |
} | |
body.card #index article,body.card #archive article { | |
padding: 2rem 0 1.25rem; | |
border: 0; | |
border-radius: 0; | |
margin-bottom: 0; | |
background: 0 | |
} | |
body.card #index article .post-card,body.card #archive article .post-card { | |
border-radius: .3125rem; | |
overflow: hidden; | |
background: #fff no-repeat center; | |
background-size: cover; | |
position: relative; | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
body.card #index article.scale-up .post-card,body.card #archive article.scale-up .post-card { | |
text-decoration: none; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
-webkit-box-shadow: 0 .0625rem .0625rem rgba(0,0,0,0.1); | |
-moz-box-shadow: 0 .0625rem .0625rem rgba(0,0,0,0.1); | |
box-shadow: 0 .0625rem .0625rem rgba(0,0,0,0.1); | |
-webkit-transform: translate3d(0,0,0); | |
-moz-transform: translate3d(0,0,0); | |
-ms-transform: translate3d(0,0,0); | |
-o-transform: translate3d(0,0,0); | |
transform: translate3d(0,0,0); | |
-webkit-transition: .3s; | |
-moz-transition: .3s; | |
-ms-transition: .3s; | |
-o-transition: .3s; | |
transition: .3s | |
} | |
body.card #index article.no-mask .post-card,body.card #archive article.no-mask .post-card { | |
background-color: rgba(0,0,0,0.25) | |
} | |
body.card #index article.no-mask .post-card-mask,body.card #archive article.no-mask .post-card-mask { | |
background: 0 | |
} | |
body.card #index article .post-card-mask,body.card #archive article .post-card-mask { | |
background: rgba(0,0,0,0.25); | |
position: relative; | |
z-index: 10; | |
display: table; | |
vertical-align: middle; | |
width: 100%; | |
height: 15.5rem | |
} | |
body.card #index article .post-card-title,body.card #archive article .post-card-title { | |
font-size: 1.5625rem; | |
color: #fff; | |
margin-bottom: 1rem | |
} | |
body.card #index article .post-card-container,body.card #archive article .post-card-container { | |
padding: 2rem 2rem; | |
text-align: center; | |
display: table-cell; | |
width: 100%; | |
height: 100%; | |
vertical-align: middle | |
} | |
body.card #index article .post-card-info,body.card #archive article .post-card-info { | |
color: #eee; | |
font-size: .875rem; | |
text-align: center; | |
font-weight: 400 | |
} | |
body.desktop.card #index article .post-card:hover,body.mobile.card #index article .post-card:focus,body.desktop.card #archive article .post-card:hover,body.mobile.card #archive article .post-card:focus { | |
-webkit-box-shadow: 0 22px 43px rgba(0,0,0,0.15); | |
-moz-box-shadow: 0 22px 43px rgba(0,0,0,0.15); | |
box-shadow: 0 22px 43px rgba(0,0,0,0.15); | |
-webkit-transform: translateY(-4px) scale(1.05); | |
-moz-transform: translateY(-4px) scale(1.05); | |
-ms-transform: translateY(-4px) scale(1.05); | |
-o-transform: translateY(-4px) scale(1.05); | |
transform: translateY(-4px) scale(1.05) | |
} | |
body.card.theme-dark #index article .post-card,body.card.theme-dark #archive article .post-card { | |
background-color: #2c2a2a | |
} | |
body.theme-dark #index .post .post-title,body.theme-dark #archive .post .post-title,body.theme-dark #post .post .post-title { | |
color: #bcbcbc | |
} | |
@media screen and (max-width:89.9375rem) { | |
#index .post .post-title,#archive .post .post-title,#post .post .post-title { | |
font-size: 2rem | |
} | |
} | |
@media screen and (min-width:90rem) and (max-width:111.9375rem) { | |
#index .post .post-title,#archive .post .post-title,#post .post .post-title { | |
font-size: 2.25rem | |
} | |
} | |
@media screen and (min-width:112rem) { | |
#index .post .post-title,#archive .post .post-title,#post .post .post-title { | |
font-size: 2.25rem | |
} | |
} | |
body.theme-dark #index .post-content a:not(.no-icon),body.theme-dark #archive .post-content a:not(.no-icon),body.theme-dark #post .post-content a:not(.no-icon) { | |
color: #1abc9c | |
} | |
#index { | |
padding: 2.25rem .625rem .375rem | |
} | |
#index a,#index a:link,#index a:visited { | |
text-decoration: none; | |
cursor: pointer | |
} | |
#post article { | |
margin-top: 1.875rem; | |
margin-bottom: 1.875rem | |
} | |
body.theme-white #post article { | |
margin-bottom: 1.25rem | |
} | |
body.theme-dark #post article { | |
margin-bottom: 1.25rem | |
} | |
#post article a { | |
color: #1abc9c; | |
text-decoration: none | |
} | |
body.theme-dark #post article a { | |
color: #bcbcbc | |
} | |
@media screen and (max-width:40rem) { | |
#post article { | |
margin-top: .5rem | |
} | |
} | |
#post .post-title { | |
margin-bottom: .9375rem; | |
font-weight: 300; | |
font-size: 2.5rem; | |
text-align: center; | |
color: #333 | |
} | |
body.serif-fonts #post .post-title { | |
font-weight: 700 | |
} | |
body.theme-dark #post .post-title a { | |
color: #bcbcbc | |
} | |
#post .post-meta { | |
padding: 0; | |
list-style: none; | |
color: #777; | |
margin-bottom: 1.25rem; | |
text-align: center; | |
font-size: .875rem | |
} | |
#post .post-meta li { | |
display: inline-block; | |
margin-bottom: .9375rem; | |
padding: 0; | |
white-space: nowrap | |
} | |
body.serif-fonts #post .post-content { | |
font-size: 1.0625rem; | |
line-height: 2 | |
} | |
#post .page .post-title { | |
margin-bottom: 1.875rem | |
} | |
#post .tags { | |
clear: both; | |
display: block; | |
margin-top: .9375rem; | |
padding-top: .625rem; | |
min-height: 2rem; | |
line-height: 1.4375rem | |
} | |
#post .keywords a { | |
margin-right: .3125rem; | |
padding: .25rem .5rem; | |
border-radius: .1875rem; | |
background: rgba(153,153,153,0.1); | |
color: #999; | |
text-decoration: none; | |
font-size: .75rem; | |
font-weight: 500 | |
} | |
#archive .archive-title { | |
margin-top: .9375rem; | |
text-align: center; | |
font-weight: 300; | |
font-size: 2.625rem | |
} | |
@media screen and (max-width:25.875rem) { | |
#archive .archive-title { | |
font-size: 2.1rem | |
} | |
} | |
#body>.archive-title { | |
text-align: center; | |
font-weight: 300; | |
font-size: 2.625rem; | |
padding: 1.875rem | |
} | |
@media screen and (max-width:25.875rem) { | |
#body>.archive-title { | |
font-size: 2.1rem | |
} | |
} | |
.page-navigator { | |
padding: 0; | |
margin: 2.875rem 0 1.25rem; | |
height: 2.625rem | |
} | |
.page-navigator>li { | |
display: none | |
} | |
.page-navigator>.prev { | |
display: inline-block | |
} | |
.page-navigator>.next { | |
display: inline-block; | |
float: right | |
} | |
#archives { | |
zoom: 1; | |
padding-top: 3.125rem | |
} | |
#archives:after { | |
clear: both; | |
display: block; | |
visibility: hidden; | |
height: 0 !important; | |
content: " "; | |
font-size: 0 !important; | |
line-height: 0 !important | |
} | |
#archives #archive-nav { | |
float: left; | |
width: 3.125rem | |
} | |
#archives #archives-title { | |
font-size: 2.625rem; | |
font-weight: 500; | |
text-align: center | |
} | |
body.serif-fonts #archives #archives-title { | |
font-weight: 700 | |
} | |
#archives #archives-content { | |
padding-top: 1.875rem | |
} | |
#archives .archive-nav { | |
display: block; | |
position: fixed; | |
width: 2.5rem; | |
padding: .3125rem; | |
border: .0625rem solid #eee; | |
text-align: center | |
} | |
#archives .archive-title { | |
padding-bottom: 2.5rem | |
} | |
#archives .year { | |
border-top: .0625rem solid #ddd | |
} | |
#archives .year.selected .monthall { | |
display: block | |
} | |
#archives .year-toogle { | |
display: block; | |
padding: .3125rem; | |
text-decoration: none; | |
background: #eee; | |
color: #333; | |
font-weight: bold | |
} | |
#archives .month { | |
color: #ccc; | |
padding: .3125rem; | |
cursor: pointer; | |
background: #f9f9f9 | |
} | |
#archives .month.monthed { | |
color: #777 | |
} | |
#archives .month.selected,#archives .month:hover { | |
background: #f2f2f2 | |
} | |
#archives .monthall { | |
display: none | |
} | |
#archives .brick { | |
margin-bottom: .625rem | |
} | |
body.serif-fonts #archives .brick { | |
font-weight: 400 | |
} | |
#archives .brick em { | |
color: #aaa; | |
padding-left: .625rem | |
} | |
#archives .archives a { | |
position: relative; | |
display: block; | |
padding: .625rem; | |
color: #333; | |
font-style: normal; | |
line-height: 1.125rem; | |
font-size: 1rem; | |
border-radius: .25rem | |
} | |
body.theme-dark #archives .archives a { | |
color: #bcbcbc !important | |
} | |
#archives .archives a:hover { | |
background: #eee | |
} | |
body.theme-dark #archives .archives a:hover { | |
background: #403e3e !important | |
} | |
#archives .time { | |
color: #888; | |
padding-right: .625rem | |
} | |
#archives h3 { | |
padding-bottom: .625rem; | |
font-size: 1.75rem; | |
font-weight: 300 | |
} | |
body.serif-fonts #archives h3 { | |
font-weight: 400 | |
} | |
#archives .no-content { | |
text-align: center; | |
margin-top: 20vh | |
} | |
#archives #archives-tags { | |
margin-top: 3.75rem | |
} | |
#archives #archives-tags a { | |
position: relative; | |
display: inline-block; | |
padding: .625rem; | |
color: #333; | |
font-style: normal; | |
line-height: 1.125rem; | |
font-size: 1rem; | |
border-radius: .25rem | |
} | |
body.theme-dark #archives #archives-tags a { | |
color: #bcbcbc | |
} | |
body.serif-fonts #archives #archives-tags a { | |
font-weight: 400 | |
} | |
#archives #archives-tags a.itags:hover { | |
background: #eee | |
} | |
body.theme-dark #archives #archives-tags a.itags:hover { | |
background: #403e3e | |
} | |
.post-meta a,.post-content a,.widget a,.comment-content a { | |
border-bottom: .0625rem dashed #EEE | |
} | |
body.theme-dark .post-meta a,body.theme-dark .post-content a,body.theme-dark .widget a,body.theme-dark .comment-content a { | |
border-bottom-color: #403e3e | |
} | |
.post-meta a:hover,.post-content a:hover,.widget a:hover,.comment-content a:hover { | |
border-bottom-color: transparent | |
} | |
a.no-underline { | |
border-bottom: none !important | |
} | |
a.no-underline:hover:after { | |
width: 0 !important | |
} | |
.comment-content p,.comment-content blockquote,.comment-content ul,.comment-content ol,.comment-content dl,.comment-content table,.comment-content pre { | |
margin-top: 1rem; | |
margin-bottom: 1rem | |
} | |
body.theme-white.theme-sunset .comment-content table th,body.theme-white.theme-sunset .comment-content table td { | |
border-color: #d6d0c1 | |
} | |
.content-copyright { | |
font-size: .875rem; | |
padding-top: .5625rem; | |
color: #777 | |
} | |
.post-content>*:first-child,.comment-content>*:first-child { | |
margin-top: 0 !important | |
} | |
.post-content>*:last-child,.comment-content>*:last-child { | |
margin-bottom: 0 !important | |
} | |
.post-content strong,.comment-content strong { | |
font-weight: bold; | |
letter-spacing: 0 | |
} | |
.post-content input,.comment-content input { | |
margin: 0; | |
color: inherit; | |
font: .8125rem/1.4 Helvetica,arial,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol" | |
} | |
.post-content input[type="checkbox"],.comment-content input[type="checkbox"] { | |
padding: 0; | |
font: initial | |
} | |
.post-content input[disabled],.comment-content input[disabled] { | |
cursor: default | |
} | |
.post-content a,.comment-content a { | |
color: #1abc9c; | |
background: transparent; | |
text-decoration: none; | |
font-weight: 500 | |
} | |
.post-content a:hover,.post-content a:focus,.post-content a:active,.comment-content a:hover,.comment-content a:focus,.comment-content a:active { | |
text-decoration: underline; | |
outline: 0 | |
} | |
.post-content ol ol,.post-content ul ol,.comment-content ol ol,.comment-content ul ol { | |
list-style-type: lower-roman | |
} | |
.post-content ul ul ol,.post-content ul ol ol,.post-content ol ul ol,.post-content ol ol ol,.comment-content ul ul ol,.comment-content ul ol ol,.comment-content ol ul ol,.comment-content ol ol ol { | |
list-style-type: lower-alpha | |
} | |
.post-content ul,.comment-content ul { | |
padding-left: 0 | |
} | |
.post-content dd,.comment-content dd { | |
margin-left: 0 | |
} | |
.post-content ul,.post-content ol,.comment-content ul,.comment-content ol { | |
margin-top: 0; | |
margin-bottom: 0; | |
padding: 0 0 0 2rem | |
} | |
.post-content ul.task-list,.post-content ol.task-list,.comment-content ul.task-list,.comment-content ol.task-list { | |
list-style-type: none; | |
padding-left: .8rem | |
} | |
.post-content ul.task-list li.task-list-item>input[type="checkbox"],.post-content ol.task-list li.task-list-item>input[type="checkbox"],.comment-content ul.task-list li.task-list-item>input[type="checkbox"],.comment-content ol.task-list li.task-list-item>input[type="checkbox"] { | |
margin-right: .5rem | |
} | |
.post-content ul ul,.post-content ul ol,.post-content ol ol,.post-content ol ul,.comment-content ul ul,.comment-content ul ol,.comment-content ol ol,.comment-content ol ul { | |
margin-top: 0; | |
margin-bottom: 0 | |
} | |
.post-content li>p,.comment-content li>p { | |
margin-top: 0; | |
margin-bottom: 0 | |
} | |
.post-content dl,.comment-content dl { | |
padding: 0 | |
} | |
.post-content dl dt,.comment-content dl dt { | |
margin-top: 1rem; | |
padding: 0; | |
font-weight: bold; | |
font-style: italic; | |
font-size: 1rem | |
} | |
.post-content dl dd,.comment-content dl dd { | |
margin-bottom: 1rem; | |
padding: 0 1rem | |
} | |
.post-content blockquote,.comment-content blockquote { | |
margin: 0; | |
padding: 0 .9375rem; | |
border-left: .25rem solid #ddd; | |
color: #777 | |
} | |
body.theme-dark .post-content blockquote,body.theme-dark .comment-content blockquote { | |
border-left-color: #5f5f5f; | |
color: #888; | |
background-color: rgba(255,255,255,0.06) | |
} | |
.post-content blockquote>:first-child,.comment-content blockquote>:first-child { | |
margin-top: 0 | |
} | |
.post-content blockquote>:last-child,.comment-content blockquote>:last-child { | |
margin-bottom: 0 | |
} | |
.post-content table,.comment-content table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
display: table; | |
overflow: auto; | |
width: 100%; | |
max-width: 100%; | |
word-break: normal | |
} | |
.post-content table th,.comment-content table th { | |
font-weight: bold | |
} | |
.post-content table th,.post-content table td,.comment-content table th,.comment-content table td { | |
padding: .375rem .8125rem; | |
border: .0625rem solid #ddd | |
} | |
body.theme-dark .post-content table th,body.theme-dark .post-content table td,body.theme-dark .comment-content table th,body.theme-dark .comment-content table td { | |
border-color: #403e3e | |
} | |
.post-content table tr,.comment-content table tr { | |
border-top: .0625rem solid #ccc; | |
background-color: #fff | |
} | |
body.theme-dark .post-content table tr,body.theme-dark .comment-content table tr { | |
background-color: #2c2a2a | |
} | |
.post-content table tr:nth-child(2n),.comment-content table tr:nth-child(2n) { | |
background-color: #f8f8f8 | |
} | |
body.theme-dark .post-content table tr:nth-child(2n),body.theme-dark .comment-content table tr:nth-child(2n) { | |
background-color: rgba(255,255,255,0.06) | |
} | |
.post-content table thead tr,.comment-content table thead tr { | |
background-color: #f8f8f8 | |
} | |
body.theme-dark .post-content table thead tr,body.theme-dark .comment-content table thead tr { | |
background-color: rgba(255,255,255,0.06) | |
} | |
.post-content .table-responsive table thead tr,.comment-content .table-responsive table thead tr { | |
white-space: nowrap | |
} | |
.post-content kbd,.post-content pre,.post-content code,.comment-content kbd,.comment-content pre,.comment-content code { | |
font-size: .875rem; | |
font-family: Consolas,Menlo,Monaco,"lucida console","Liberation Mono","Courier New","andale mono",monospaceX,sans-serif | |
} | |
.post-content kbd,.comment-content kbd { | |
display: inline-block; | |
padding: .1875rem .3125rem; | |
border: .0625rem solid #efefef; | |
border-radius: .125rem; | |
background-color: #fafafa; | |
background-image: -webkit-linear-gradient(#fefefe,#e7e7e7); | |
background-image: linear-gradient(#fefefe,#e7e7e7); | |
background-repeat: repeat-x; | |
color: #333; | |
font-size: .8125rem; | |
line-height: .625rem | |
} | |
.post-content pre,.comment-content pre { | |
overflow: auto; | |
word-wrap: normal; | |
margin-top: 0; | |
margin-bottom: 0; | |
-webkit-overflow-scrolling: touch; | |
padding: 1rem; | |
border-radius: .1875rem; | |
background-color: rgba(255,255,255,0.05); | |
font-size: .85rem; | |
line-height: 1.45 | |
} | |
body.theme-white .post-content pre,body.theme-white .comment-content pre { | |
background-color: rgba(0,0,0,0.05) | |
} | |
body.theme-dark .post-content pre,body.code-dark .post-content pre,body.theme-dark .comment-content pre,body.code-dark .comment-content pre { | |
background-color: #343232 !important | |
} | |
.post-content pre code,.comment-content pre code { | |
margin: 0; | |
display: inline; | |
background-color: transparent | |
} | |
body.theme-dark .post-content pre code,body.code-dark .post-content pre code,body.theme-dark .comment-content pre code,body.code-dark .comment-content pre code { | |
background-color: transparent !important | |
} | |
.post-content pre code:before,.post-content pre code:after,.comment-content pre code:before,.comment-content pre code:after { | |
content: normal | |
} | |
.post-content pre>code,.comment-content pre>code { | |
white-space: pre | |
} | |
.post-content code,.comment-content code { | |
letter-spacing: 0; | |
margin: 0; | |
padding: .2rem 0; | |
border-radius: .1875rem; | |
background-color: rgba(0,0,0,0.04) | |
} | |
body.theme-dark .post-content code,body.theme-dark .comment-content code { | |
background-color: #403e3e | |
} | |
.post-content code:before,.post-content code:after,.comment-content code:before,.comment-content code:after { | |
content: "\00a0"; | |
letter-spacing: -0.2rem | |
} | |
.post-content .highlight,.comment-content .highlight { | |
margin-bottom: 1rem | |
} | |
.post-content .highlight pre,.comment-content .highlight pre { | |
overflow: auto; | |
padding: 1rem; | |
border-radius: .1875rem; | |
background-color: rgba(255,255,255,0.05); | |
font-size: .85rem; | |
line-height: 1.45; | |
margin-bottom: 0 | |
} | |
body.theme-white .post-content .highlight pre,body.theme-white .comment-content .highlight pre { | |
background-color: rgba(0,0,0,0.05) | |
} | |
body.theme-dark .post-content .highlight pre,body.code-dark .post-content .highlight pre,body.theme-dark .comment-content .highlight pre,body.code-dark .comment-content .highlight pre { | |
background-color: #343232 !important | |
} | |
.post-content .highlight-text,.comment-content .highlight-text { | |
background-color: #feeeb3 !important; | |
color: #333 !important; | |
padding-left: .25rem; | |
padding-right: .25rem | |
} | |
.post-content h1>code,.post-content h2>code,.post-content h3>code,.post-content h4>code,.comment-content h1>code,.comment-content h2>code,.comment-content h3>code,.comment-content h4>code { | |
padding: .1em 0; | |
font-size: .775em | |
} | |
.post-content { | |
color: #333; | |
word-wrap: break-word; | |
line-height: 1.75rem; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100% | |
} | |
body.theme-dark .post-content { | |
color: #bcbcbc | |
} | |
body.serif-fonts .post-content { | |
font-weight: 400 | |
} | |
.post-content img { | |
border: 0; | |
max-width: 100%; | |
display: block; | |
margin: 1.25rem auto | |
} | |
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 { | |
position: relative; | |
margin-top: 1.5em; | |
margin-bottom: 1rem; | |
font-weight: bold; | |
line-height: 1.4 | |
} | |
.post-content h3,.post-content h4,.post-content h5,.post-content h6 { | |
letter-spacing: 0 | |
} | |
.post-content h1 { | |
margin: .67em 0; | |
padding-bottom: .3rem; | |
font-size: 1.8em; | |
line-height: 1.2 | |
} | |
.post-content h2 { | |
padding-bottom: .3em; | |
font-size: 1.55em; | |
line-height: 1.225 | |
} | |
.post-content h3 { | |
font-size: 1.4em; | |
line-height: 1.43 | |
} | |
.post-content h4 { | |
font-size: 1.2em | |
} | |
.post-content h5 { | |
font-size: 1em | |
} | |
.post-content h6 { | |
color: #777; | |
font-size: .875em | |
} | |
.post-content hr { | |
overflow: hidden; | |
margin: 1rem 0; | |
padding: 0; | |
height: .125rem; | |
border: 0; | |
background: #e7e7e7 repeating-linear-gradient(-45deg,#fff,#fff .25rem,transparent .25rem,transparent .5rem) | |
} | |
body.theme-dark .post-content hr { | |
background: #2c2a2a repeating-linear-gradient(-45deg,#bcbcbc,#bcbcbc .25rem,transparent .25rem,transparent .5rem) | |
} | |
body.theme-sunset .post-content hr { | |
background: #e7e0d3 repeating-linear-gradient(-45deg,#f8f1e4,#f8f1e4 .25rem,transparent .25rem,transparent .5rem) | |
} | |
.post-content hr:before { | |
display: table; | |
content: "" | |
} | |
.post-content hr:after { | |
clear: both; | |
display: table; | |
content: "" | |
} | |
.post-content .video-container { | |
position: relative; | |
padding-top: 30px; | |
height: 0; | |
overflow: hidden | |
} | |
.post-content .video-container.video-16-9 { | |
padding-bottom: 56.25% | |
} | |
.post-content .video-container.video-4-3 { | |
padding-bottom: 75% | |
} | |
.post-content .video-container embed,.post-content .video-container object { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100% | |
} | |
.post-content p,.post-content blockquote,.post-content ul,.post-content ol,.post-content dl,.post-content table,.post-content pre { | |
margin-top: 0; | |
margin-bottom: 1rem; | |
text-align: justify | |
} | |
body.serif-fonts .post-content p,body.serif-fonts .post-content blockquote,body.serif-fonts .post-content ul,body.serif-fonts .post-content ol,body.serif-fonts .post-content dl,body.serif-fonts .post-content table,body.serif-fonts .post-content pre { | |
margin-bottom: 1.5rem | |
} | |
body.serif-fonts .post-content ul,body.serif-fonts .post-content ol,body.serif-fonts .post-content dl,body.serif-fonts .post-content pre { | |
font-size: 1rem | |
} | |
body.theme-sunset .post-content table tr { | |
background-color: #f8f1e4 | |
} | |
body.theme-sunset .post-content table tr:nth-child(2n) { | |
background-color: #e7e0d3 | |
} | |
body.theme-sunset .post-content table thead tr { | |
background-color: #e7e0d3 | |
} | |
body.theme-sunset .post-content table th,body.theme-sunset .post-content table td { | |
border-color: #d6d0c1 | |
} | |
body.theme-sunset .post-content pre { | |
background-color: rgba(0,0,0,0.04) | |
} | |
body.theme-sunset .post-content .highlight pre { | |
background-color: rgba(0,0,0,0.04) | |
} | |
body.content-lang-en .post-content p,body.content-lang-en .post-content blockquote,body.content-lang-en .post-content ul,body.content-lang-en .post-content ol,body.content-lang-en .post-content dl,body.content-lang-en .post-content table,body.content-lang-en .post-content pre { | |
text-align: left; | |
letter-spacing: .1px; | |
word-wrap: break-word; | |
margin-bottom: 1.5rem; | |
font-weight: 400 | |
} | |
img.biaoqing { | |
display: inline; | |
margin: 0; | |
width: auto; | |
max-width: 6.25rem | |
} | |
img.biaoqing.paopao { | |
margin-bottom: -0.3125rem; | |
height: 2rem | |
} | |
img.biaoqing.newpaopao { | |
margin-bottom: -0.25rem; | |
min-height: 1.875rem; | |
height: 1em | |
} | |
img.biaoqing.alu { | |
margin-bottom: -0.3125rem; | |
min-height: 2.0625rem; | |
height: 1em | |
} | |
img.biaoqing.custom { | |
margin-bottom: 0; | |
min-height: 2.75rem; | |
height: 1em | |
} | |
.table-responsive,.MathJax_SVG_Display,.MathJax_Display,.MJXc-display,.MathJax_PHTML_Display,.MathJax_MathML,.MathJax_PlainSource_Display,.flow-chart { | |
min-height: .01%; | |
overflow-x: auto; | |
overflow-y: hidden; | |
-webkit-overflow-scrolling: touch; | |
-ms-overflow-style: -ms-autohiding-scrollbar | |
} | |
body.serif-fonts .table-responsive { | |
font-size: 1rem | |
} | |
.flow-chart { | |
width: 100%; | |
max-width: 100%; | |
text-align: center; | |
padding-bottom: 2rem | |
} | |
@media screen and (min-width:90.0625rem) and (min-device-pixel-ratio:2),screen and (min-width:90.0625rem) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:90.0625rem) and (-o-min-device-pixel-ratio:2 / 2) { | |
.container { | |
max-width: 53.5rem | |
} | |
.post-content { | |
font-size: 1.125rem; | |
line-height: 1.9rem | |
} | |
.post-content pre { | |
font-size: .875rem | |
} | |
} | |
@media screen and (min-width:117rem) and (min-device-pixel-ratio:1.9),screen and (min-width:117rem) and (-webkit-min-device-pixel-ratio:1.9),screen and (min-width:117rem) and (-o-min-device-pixel-ratio:1.5 / 1.5) { | |
.container { | |
max-width: 61.25rem | |
} | |
} | |
#body-bottom { | |
background: #2c2a2a; | |
width: 100%; | |
margin-top: -19.375rem; | |
position: relative; | |
z-index: 20; | |
-webkit-transition: all .3s; | |
-moz-transition: all .3s; | |
-ms-transition: all .3s; | |
-o-transition: all .3s; | |
transition: all .3s | |
} | |
body.theme-white #body-bottom { | |
background: #fff | |
} | |
body.theme-white.theme-sunset #body-bottom { | |
background-color: #f8f1e4 | |
} | |
#body-bottom>.container { | |
padding-top: 1.875rem; | |
padding-bottom: 1.875rem | |
} | |
body.theme-dark #body-bottom>.container,body.theme-white #body-bottom>.container { | |
padding-top: 0 | |
} | |
.post-near { | |
color: #1abc9c; | |
font-size: 1.0625rem; | |
font-weight: 500; | |
border: .0625rem solid #555; | |
background: rgba(255,255,255,0.04); | |
border-radius: 1rem | |
} | |
body.theme-white .post-near { | |
border-color: #ccc; | |
background: #fafafa | |
} | |
body.theme-white.theme-sunset .post-near { | |
border-color: #d6d0c2; | |
background: #e7e0d3 | |
} | |
@media screen and (max-width:28.0625rem) { | |
.post-near { | |
font-size: 1.125rem | |
} | |
} | |
.post-near nav { | |
display: table; | |
width: 100% | |
} | |
body.serif-fonts .post-near a { | |
font-weight: 500 | |
} | |
.post-near a:not(.post-near-no-content) { | |
color: #ccc !important; | |
text-decoration: none | |
} | |
body.theme-white .post-near a:not(.post-near-no-content) { | |
color: #333 !important | |
} | |
.post-near .prev,.post-near .next { | |
width: 50%; | |
display: table-cell | |
} | |
.post-near .prev>a,.post-near .next>a { | |
padding-top: 1.25rem; | |
padding-bottom: 1.25rem; | |
display: block | |
} | |
body.theme-white .post-near .prev>a,body.theme-white .post-near .next>a { | |
padding-top: 2.25rem; | |
padding-bottom: 2.25rem; | |
display: block | |
} | |
@media screen and (max-width:28.0625rem) { | |
body.theme-white .post-near .prev>a,body.theme-white .post-near .next>a { | |
padding-top: 1.85rem; | |
padding-bottom: 1.85rem | |
} | |
} | |
body.theme-dark .post-near .prev>a,body.theme-dark .post-near .next>a { | |
padding-top: 2.25rem; | |
padding-bottom: 2.25rem | |
} | |
.post-near .prev>a.post-near-no-content,.post-near .next>a.post-near-no-content { | |
cursor: default | |
} | |
.post-near .prev { | |
padding-right: 1.25rem | |
} | |
@media screen and (max-width:28.0625rem) { | |
.post-near .prev { | |
padding-right: .85rem | |
} | |
} | |
.post-near .prev>a { | |
padding-left: 2rem; | |
padding-right: 0 | |
} | |
@media screen and (max-width:40rem) { | |
.post-near .prev>a { | |
padding-left: 1rem | |
} | |
} | |
.post-near .next { | |
padding-left: 1.25rem; | |
text-align: right | |
} | |
@media screen and (max-width:28.0625rem) { | |
.post-near .next { | |
padding-left: .85rem | |
} | |
} | |
.post-near .next>a { | |
padding-right: 2rem; | |
padding-left: 0 | |
} | |
@media screen and (max-width:40rem) { | |
.post-near .next>a { | |
padding-right: 1rem | |
} | |
} | |
.post-near .prev-t { | |
font-size: .875rem | |
} | |
#masthead { | |
position: relative; | |
display: table; | |
text-align: center; | |
overflow: hidden; | |
color: #fff; | |
background-color: #1e1e1f; | |
width: -webkit-calc(100% - -0.0625rem); | |
width: calc(100% - -0.0625rem); | |
-webkit-transition: 1s ease background-color; | |
-moz-transition: 1s ease background-color; | |
-ms-transition: 1s ease background-color; | |
-o-transition: 1s ease background-color; | |
transition: 1s ease background-color | |
} | |
body.theme-sunset #masthead:after { | |
background-color: #f8f1e4 | |
} | |
#masthead.no-banner-image { | |
color: #333; | |
background-color: #fafafa | |
} | |
body.theme-sunset #masthead.no-banner-image { | |
background-color: #e7e0d3 | |
} | |
body.theme-dark #masthead.no-banner-image { | |
color: #fff; | |
background-color: #343232 | |
} | |
#masthead.no-banner-image .inner { | |
background-color: transparent !important | |
} | |
.blog-background { | |
display: block; | |
width: 100%; | |
height: 100%; | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center; | |
position: absolute; | |
left: 0; | |
top: 0; | |
overflow: hidden; | |
opacity: 1; | |
-webkit-transition: 1s ease opacity; | |
-moz-transition: 1s ease opacity; | |
-ms-transition: 1s ease opacity; | |
-o-transition: 1s ease opacity; | |
transition: 1s ease opacity | |
} | |
.blog-background.loading { | |
opacity: 0 | |
} | |
.lazyload-container { | |
position: absolute; | |
left: 0; | |
top: 0; | |
display: block; | |
background: #333; | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center; | |
background-blend-mode: normal; | |
width: 100%; | |
height: 100%; | |
opacity: 0; | |
overflow: hidden; | |
-webkit-filter: blur(35px); | |
-moz-filter: blur(35px); | |
-o-filter: blur(35px); | |
filter: blur(35px); | |
-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=35,MakeShadow=false); | |
-webkit-transition: 1s ease opacity; | |
-moz-transition: 1s ease opacity; | |
-ms-transition: 1s ease opacity; | |
-o-transition: 1s ease opacity; | |
transition: 1s ease opacity | |
} | |
.lazyload-container.loaded { | |
opacity: 1 | |
} | |
.inner { | |
display: table-cell; | |
vertical-align: top; | |
position: relative; | |
z-index: 10; | |
width: 100%; | |
left: -1px | |
} | |
body.theme-sunset .inner:after { | |
background-color: #f8f1e4 | |
} | |
.align-middle .inner { | |
vertical-align: middle | |
} | |
.blog-title { | |
font-size: 3rem; | |
line-height: 1.5; | |
margin-bottom: .75rem; | |
font-weight: 400 | |
} | |
body.serif-fonts .blog-title { | |
font-weight: 700 | |
} | |
@media screen and (max-width:47.4375rem) { | |
.blog-title { | |
font-size: 1.875rem; | |
font-weight: 500; | |
margin-bottom: .5rem | |
} | |
} | |
.blog-description { | |
font-size: .9375rem; | |
font-weight: 400 | |
} | |
.img-box { | |
margin: .625rem auto !important; | |
text-align: center !important; | |
-webkit-transition: all 1s !important; | |
-moz-transition: all 1s !important; | |
-ms-transition: all 1s !important; | |
-o-transition: all 1s !important; | |
transition: all 1s !important | |
} | |
body.theme-sunset .img-box { | |
background-color: #e7e0d3 | |
} | |
@media screen and (min-width:48rem) { | |
.img-box { | |
background-color: #fafafa; | |
padding: .625rem .625rem 0 .625rem; | |
border-radius: .1875rem | |
} | |
body.theme-dark .img-box { | |
background-color: #343232 | |
} | |
} | |
.img-box img { | |
display: inline !important; | |
margin: 0 0 !important; | |
max-width: 19.0625rem | |
} | |
img[data-shadow='true'],section[data-shadow='true'] { | |
max-width: 91%; | |
margin-bottom: 3.125rem; | |
border-radius: .125rem; | |
-webkit-box-shadow: rgba(0,0,0,0.5) 0 .625rem 1.125rem; | |
-moz-box-shadow: rgba(0,0,0,0.5) 0 .625rem 1.125rem; | |
box-shadow: rgba(0,0,0,0.5) 0 .625rem 1.125rem | |
} | |
@media screen and (max-width:28.0625rem) { | |
img[data-shadow='true'],section[data-shadow='true'] { | |
-webkit-box-shadow: rgba(0,0,0,0.5) 0 .3125rem .5625rem; | |
-moz-box-shadow: rgba(0,0,0,0.5) 0 .3125rem .5625rem; | |
box-shadow: rgba(0,0,0,0.5) 0 .3125rem .5625rem | |
} | |
} | |
@media screen and (min-width:28.125rem) and (max-width:47.9375rem) { | |
img[data-shadow='true'],section[data-shadow='true'] { | |
-webkit-box-shadow: rgba(0,0,0,0.5) 0 .5rem .875rem; | |
-moz-box-shadow: rgba(0,0,0,0.5) 0 .5rem .875rem; | |
box-shadow: rgba(0,0,0,0.5) 0 .5rem .875rem | |
} | |
} | |
section[data-shadow='true'].lazy-load img { | |
max-width: 100% | |
} | |
.lazy-load { | |
position: relative; | |
overflow: hidden; | |
margin: 1.25rem auto; | |
padding: 0; | |
max-width: 100% | |
} | |
.lazy-load .img-small { | |
-webkit-filter: blur(25px); | |
-moz-filter: blur(25px); | |
-o-filter: blur(25px); | |
filter: blur(25px); | |
-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='25') | |
} | |
.lazy-load .progressiveMedia { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
padding: 0; | |
-webkit-transition: opacity 1s linear; | |
-moz-transition: opacity 1s linear; | |
-ms-transition: opacity 1s linear; | |
-o-transition: opacity 1s linear; | |
transition: opacity 1s linear | |
} | |
.lazy-load .progressiveMedia.large-image-loaded .img-small { | |
opacity: 0 | |
} | |
.lazy-load .progressiveMedia.large-image-loaded .img-large { | |
opacity: 1 | |
} | |
.lazy-load img,.lazy-load canvas { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
transition: opacity 1s linear; | |
margin: auto; | |
-webkit-transition: opacity 1s linear; | |
-moz-transition: opacity 1s linear; | |
-ms-transition: opacity 1s linear; | |
-o-transition: opacity 1s linear; | |
transition: opacity 1s linear | |
} | |
.lazy-load img { | |
opacity: 0 | |
} | |
.lazy-load img.loaded { | |
opacity: 1 | |
} | |
#backtop { | |
position: fixed; | |
bottom: .625rem; | |
right: .625rem; | |
height: 3.75rem; | |
width: 3.75rem; | |
cursor: pointer; | |
border-radius: 100%; | |
z-index: 899; | |
text-align: center; | |
font-size: 1.375rem; | |
opacity: 0; | |
background: rgba(255,255,255,0.1); | |
-webkit-mask-image: none !important; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all; | |
-webkit-box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117); | |
-moz-box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117); | |
box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117) | |
} | |
#wrap.display-nav #backtop { | |
opacity: 0 | |
} | |
#wrap.display-menu-tree #backtop { | |
-webkit-transform: translateX(-17.5rem); | |
-moz-transform: translateX(-17.5rem); | |
-ms-transform: translateX(-17.5rem); | |
-o-transform: translateX(-17.5rem); | |
transform: translateX(-17.5rem) | |
} | |
#backtop.show,body.show-back-to-top #backtop { | |
opacity: 1 | |
} | |
body.mobile #backtop { | |
opacity: 0; | |
display: none | |
} | |
#backtop:hover { | |
color: #1abc9c; | |
-webkit-box-shadow: 0 .375rem .9375rem rgba(0,0,0,0.2); | |
-moz-box-shadow: 0 .375rem .9375rem rgba(0,0,0,0.2); | |
box-shadow: 0 .375rem .9375rem rgba(0,0,0,0.2); | |
-webkit-transform: scale(1.1); | |
-moz-transform: scale(1.1); | |
-ms-transform: scale(1.1); | |
-o-transform: scale(1.1); | |
transform: scale(1.1) | |
} | |
#backtop i { | |
margin-right: 0 | |
} | |
#wrap.display-nav #toggle-menu-tree { | |
opacity: 0 | |
} | |
#site-navigation { | |
position: fixed; | |
top: 0; | |
bottom: 0; | |
-webkit-transform: translateX(0); | |
-moz-transform: translateX(0); | |
-ms-transform: translateX(0); | |
-o-transform: translateX(0); | |
transform: translateX(0); | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
#wrap.display-nav #site-navigation { | |
z-index: 888; | |
-webkit-transform: translateX(17.5rem); | |
-moz-transform: translateX(17.5rem); | |
-ms-transform: translateX(17.5rem); | |
-o-transform: translateX(17.5rem); | |
transform: translateX(17.5rem) | |
} | |
#wrap.display-nav #body,#footer.display-nav { | |
cursor: pointer; | |
-webkit-transform: translateX(17.5rem); | |
-moz-transform: translateX(17.5rem); | |
-ms-transform: translateX(17.5rem); | |
-o-transform: translateX(17.5rem); | |
transform: translateX(17.5rem) | |
} | |
#wrap.display-nav #nav-toolbar { | |
-webkit-transform-origin: 100% 50%; | |
-moz-transform-origin: 100% 50%; | |
-ms-transform-origin: 100% 50%; | |
-o-transform-origin: 100% 50%; | |
transform-origin: 100% 50% | |
} | |
a#toggle-nav { | |
top: .625rem; | |
left: .625rem; | |
font-size: .75rem; | |
position: fixed; | |
z-index: 899; | |
padding: .125rem 1.25rem; | |
color: #333; | |
background-color: rgba(255,255,255,0.9); | |
cursor: pointer; | |
line-height: 1.875rem; | |
border-radius: 2.5rem; | |
font-family: "Open Sans",Helvetica,"Microsoft Yahei",sans-serif; | |
font-weight: 300; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all; | |
-webkit-box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117); | |
-moz-box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117); | |
box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117) | |
} | |
body.theme-dark a#toggle-nav { | |
color: #fff; | |
background-color: rgba(44,42,42,0.9) | |
} | |
body.theme-sunset a#toggle-nav { | |
background-color: rgba(248,241,228,0.9) | |
} | |
#wrap.display-nav a#toggle-nav { | |
background-color: #333; | |
border: .0625rem solid #333; | |
color: #fff !important; | |
-webkit-transform: translateX(14.5rem); | |
-moz-transform: translateX(14.5rem); | |
-ms-transform: translateX(14.5rem); | |
-o-transform: translateX(14.5rem); | |
transform: translateX(14.5rem) | |
} | |
body.theme-dark #wrap.display-nav a#toggle-nav { | |
background-color: #fff; | |
border: .0625rem solid #fff; | |
color: #333 !important | |
} | |
a#toggle-nav:hover { | |
-webkit-box-shadow: 0 .375rem .9375rem rgba(0,0,0,0.2); | |
-moz-box-shadow: 0 .375rem .9375rem rgba(0,0,0,0.2); | |
box-shadow: 0 .375rem .9375rem rgba(0,0,0,0.2) | |
} | |
a#toggle-nav.hide { | |
left: -5.3125rem | |
} | |
#nav { | |
width: 17.5rem; | |
height: 100%; | |
background: #191919; | |
position: absolute; | |
left: -17.5rem; | |
top: 0; | |
bottom: 0; | |
overflow-y: auto; | |
overflow-x: hidden; | |
padding-bottom: 6.25rem; | |
-webkit-overflow-scrolling: touch; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
body.theme-white #nav { | |
background: #fafafa; | |
border-right: .0625rem solid #efefef | |
} | |
body.theme-white.theme-sunset #nav { | |
background: #fff8eb; | |
border-right-color: #e7e0d3 | |
} | |
#wrap.display-nav #nav { | |
-webkit-transform-origin: 100% 50%; | |
-moz-transform-origin: 100% 50%; | |
-ms-transform-origin: 100% 50%; | |
-o-transform-origin: 100% 50%; | |
transform-origin: 100% 50% | |
} | |
#nav .author { | |
text-align: center; | |
padding-top: 2.5rem; | |
padding-bottom: 2.5rem; | |
min-width: 12.5rem | |
} | |
#nav .author img { | |
border-radius: 6.25rem; | |
width: 6.25rem; | |
height: 6.25rem | |
} | |
#nav .search-box { | |
position: relative | |
} | |
#nav .search-box .search { | |
width: 100%; | |
padding: .875rem 2.1875rem .875rem 1.75rem; | |
background: #131313 no-repeat 90%; | |
border: 0; | |
color: #1abc9c; | |
font-size: 1rem; | |
line-height: 1.3em; | |
text-align: center; | |
-webkit-transition: all .3s linear; | |
-moz-transition: all .3s linear; | |
-ms-transition: all .3s linear; | |
-o-transition: all .3s linear; | |
transition: all .3s linear | |
} | |
body.theme-white #nav .search-box .search { | |
background-color: #fff | |
} | |
body.theme-white.theme-sunset #nav .search-box .search { | |
background-color: #f8f1e4; | |
color: #333 | |
} | |
#nav .search-box .search:focus { | |
background: #2c2a2a no-repeat 90% | |
} | |
body.theme-white #nav .search-box .search:focus { | |
background-color: #efefef | |
} | |
#nav .search-box .search::-webkit-input-placeholder { | |
color: #555 | |
} | |
#nav .search-box .search-btn { | |
position: absolute; | |
top: .625rem; | |
right: .8125rem; | |
color: #666; | |
padding: .3125rem; | |
background-color: transparent; | |
border: 0; | |
font-size: .875rem | |
} | |
#nav .menu { | |
margin-top: 1.875rem | |
} | |
#nav .menu li { | |
list-style: none; | |
padding: 0 | |
} | |
#nav .menu li a { | |
padding: .375rem 1.75rem; | |
position: relative; | |
line-height: 2.25rem; | |
color: #9ba3ad; | |
display: block; | |
font-size: 1.25rem; | |
text-align: center; | |
font-weight: 300; | |
-webkit-transition: color .2s linear; | |
-moz-transition: color .2s linear; | |
-ms-transition: color .2s linear; | |
-o-transition: color .2s linear; | |
transition: color .2s linear | |
} | |
body.theme-white #nav .menu li a { | |
color: #333 | |
} | |
body.desktop #nav .menu li a:hover,body.mobile #nav .menu li a:active { | |
background: #2c2a2a; | |
color: #fff | |
} | |
body.theme-white.desktop #nav .menu li a:hover,body.theme-white.mobile #nav .menu li a:active { | |
background: #efefef; | |
color: #333 | |
} | |
body.theme-white.theme-sunset.desktop #nav .menu li a:hover,body.theme-white.theme-sunset.mobile #nav .menu li a:active { | |
background-color: #f8f1e4; | |
color: #333 | |
} | |
#nav .menu li a i { | |
margin-right: .625rem | |
} | |
#nav .menu .slide-toggle { | |
cursor: pointer | |
} | |
#nav .menu .category-list { | |
background-color: #131313; | |
-webkit-transition: all .3s linear; | |
-moz-transition: all .3s linear; | |
-ms-transition: all .3s linear; | |
-o-transition: all .3s linear; | |
transition: all .3s linear | |
} | |
body.theme-white #nav .menu .category-list { | |
background-color: #f0f0f0 | |
} | |
body.theme-white.theme-sunset #nav .menu .category-list { | |
background: #e7e0d3 | |
} | |
#nav .menu .category-list.hide { | |
display: none; | |
overflow: hidden; | |
-webkit-transition: all .3s ease; | |
-moz-transition: all .3s ease; | |
-ms-transition: all .3s ease; | |
-o-transition: all .3s ease; | |
transition: all .3s ease | |
} | |
#nav .menu .category-list ul.list { | |
display: inline-block; | |
width: 100% | |
} | |
#nav .menu .category-list ul.list ul.list { | |
display: none | |
} | |
#nav .menu .category-list ul.list li { | |
width: 50%; | |
display: inline-block; | |
padding: .75rem 2rem | |
} | |
#nav .menu .category-list ul.list li:nth-child(even) { | |
padding-left: .375rem | |
} | |
#nav .menu .category-list ul.list li:nth-child(odd) { | |
padding-right: .375rem | |
} | |
#nav .menu .category-list ul.list li:nth-child(n+2) { | |
padding-top: 0 | |
} | |
#nav .menu .category-list ul.list li>a { | |
padding: .375rem; | |
background-color: #2c2a2a; | |
border-radius: .3125rem; | |
font-size: 1rem; | |
line-height: 2rem; | |
font-weight: 400; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
overflow: hidden | |
} | |
body.theme-white #nav .menu .category-list ul.list li>a { | |
background: #fff | |
} | |
body.theme-white.theme-sunset #nav .menu .category-list ul.list li>a { | |
background: #fff8eb | |
} | |
body.desktop #nav .menu .category-list ul.list li>a:hover,body.mobile #nav .menu .category-list ul.list li>a:active { | |
background-color: #444 | |
} | |
body.theme-white.desktop #nav .menu .category-list ul.list li>a:hover,body.theme-white.mobile #nav .menu .category-list ul.list li>a:active { | |
background: #fafafa; | |
color: #333 | |
} | |
body.theme-white.theme-sunset.desktop #nav .menu .category-list ul.list li>a:hover,body.theme-white.theme-sunset.mobile #nav .menu .category-list ul.list li>a:active { | |
background: #f8f1e4; | |
color: #333 | |
} | |
#nav *::selection { | |
background: transparent | |
} | |
#nav::-webkit-scrollbar { | |
height: 8px; | |
width: 4px | |
} | |
#nav::-webkit-scrollbar-button { | |
height: 0; | |
width: 0 | |
} | |
#nav::-webkit-scrollbar-button:start:decrement,#nav::-webkit-scrollbar-button:end:increment { | |
display: block | |
} | |
#nav::-webkit-scrollbar-button:vertical:start:increment,#nav::-webkit-scrollbar-button:vertical:end:decrement { | |
display: none | |
} | |
#nav::-webkit-scrollbar-track:vertical,#nav::-webkit-scrollbar-track:horizontal { | |
background-clip: padding-box; | |
background-color: #191919; | |
border: 0 solid transparent | |
} | |
body.theme-white #nav::-webkit-scrollbar-track:vertical,body.theme-white #nav::-webkit-scrollbar-track:horizontal { | |
background-color: #fafafa | |
} | |
body.theme-white.theme-sunset #nav::-webkit-scrollbar-track:vertical,body.theme-white.theme-sunset #nav::-webkit-scrollbar-track:horizontal { | |
background-color: #fff8eb | |
} | |
#nav::-webkit-scrollbar-track:hover { | |
background-color: #191919; | |
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1); | |
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1); | |
box-shadow: inset 1px 0 0 rgba(0,0,0,0.1) | |
} | |
body.theme-white #nav::-webkit-scrollbar-track:hover { | |
background-color: #fafafa; | |
-webkit-box-shadow: inset .0625rem 0 0 rgba(255,255,255,0.1); | |
-moz-box-shadow: inset .0625rem 0 0 rgba(255,255,255,0.1); | |
box-shadow: inset .0625rem 0 0 rgba(255,255,255,0.1) | |
} | |
body.theme-white.theme-sunset #nav::-webkit-scrollbar-track:hover { | |
background-color: #fff8eb | |
} | |
#nav::-webkit-scrollbar-track:active { | |
background-color: #191919; | |
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07); | |
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07); | |
box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07) | |
} | |
body.theme-white #nav::-webkit-scrollbar-track:active { | |
background-color: #fafafa; | |
-webkit-box-shadow: inset .0625rem 0 0 rgba(255,255,255,0.14),inset -0.0625rem -0.0625rem 0 rgba(255,255,255,0.07); | |
-moz-box-shadow: inset .0625rem 0 0 rgba(255,255,255,0.14),inset -0.0625rem -0.0625rem 0 rgba(255,255,255,0.07); | |
box-shadow: inset .0625rem 0 0 rgba(255,255,255,0.14),inset -0.0625rem -0.0625rem 0 rgba(255,255,255,0.07) | |
} | |
body.theme-white.theme-sunset #nav::-webkit-scrollbar-track:active { | |
background-color: #fff8eb | |
} | |
#nav::-webkit-scrollbar-thumb { | |
background-clip: padding-box; | |
background-color: rgba(255,255,255,0.3); | |
min-height: 40px; | |
padding-top: 100px; | |
border-radius: 2px; | |
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07); | |
-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07); | |
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07) | |
} | |
body.theme-white #nav::-webkit-scrollbar-thumb { | |
background-color: rgba(0,0,0,0.3); | |
-webkit-box-shadow: inset .0625rem .0625rem 0 rgba(255,255,255,0.1),inset 0 -0.0625rem 0 rgba(255,255,255,0.07); | |
-moz-box-shadow: inset .0625rem .0625rem 0 rgba(255,255,255,0.1),inset 0 -0.0625rem 0 rgba(255,255,255,0.07); | |
box-shadow: inset .0625rem .0625rem 0 rgba(255,255,255,0.1),inset 0 -0.0625rem 0 rgba(255,255,255,0.07) | |
} | |
#nav::-webkit-scrollbar-thumb:hover { | |
background-color: rgba(255,255,255,0.4); | |
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); | |
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); | |
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25) | |
} | |
body.theme-white #nav::-webkit-scrollbar-thumb:hover { | |
background-color: rgba(0,0,0,0.4); | |
-webkit-box-shadow: inset .0625rem .0625rem .0625rem rgba(255,255,255,0.25); | |
-moz-box-shadow: inset .0625rem .0625rem .0625rem rgba(255,255,255,0.25); | |
box-shadow: inset .0625rem .0625rem .0625rem rgba(255,255,255,0.25) | |
} | |
#nav::-webkit-scrollbar-thumb:active { | |
background-color: rgba(255,255,255,0.5); | |
-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); | |
-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); | |
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35) | |
} | |
body.theme-white #nav::-webkit-scrollbar-thumb:active { | |
background-color: rgba(0,0,0,0.5); | |
-webkit-box-shadow: inset .0625rem .0625rem .1875rem rgba(255,255,255,0.35); | |
-moz-box-shadow: inset .0625rem .0625rem .1875rem rgba(255,255,255,0.35); | |
box-shadow: inset .0625rem .0625rem .1875rem rgba(255,255,255,0.35) | |
} | |
#nav::-webkit-scrollbar-thumb:vertical,#nav::-webkit-scrollbar-thumb:horizontal { | |
border: 0 solid transparent | |
} | |
#post-menu { | |
position: fixed; | |
display: table; | |
top: 0; | |
right: -17.5rem; | |
bottom: 0; | |
width: 17.5rem; | |
height: 100%; | |
background-color: #fafafa; | |
border-left: .0625rem solid #f0f0f0; | |
opacity: 1; | |
z-index: 880; | |
font-weight: 400; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
body.theme-dark #post-menu { | |
background-color: #343232; | |
border-left: .0625rem solid #2c2a2a | |
} | |
body.theme-sunset #post-menu { | |
background-color: #fff8eb | |
} | |
#wrap.display-menu-tree #post-menu { | |
-webkit-transform: translateX(-17.5rem); | |
-moz-transform: translateX(-17.5rem); | |
-ms-transform: translateX(-17.5rem); | |
-o-transform: translateX(-17.5rem); | |
transform: translateX(-17.5rem) | |
} | |
#post-menu::-webkit-scrollbar { | |
height: 8px; | |
width: 4px | |
} | |
#post-menu::-webkit-scrollbar-button { | |
height: 0; | |
width: 0 | |
} | |
#post-menu::-webkit-scrollbar-button:start:decrement,#post-menu::-webkit-scrollbar-button:end:increment { | |
display: block | |
} | |
#post-menu::-webkit-scrollbar-button:vertical:start:increment,#post-menu::-webkit-scrollbar-button:vertical:end:decrement { | |
display: none | |
} | |
#post-menu::-webkit-scrollbar-track:vertical,#post-menu::-webkit-scrollbar-track:horizontal { | |
background-clip: padding-box; | |
background-color: #191919; | |
border: 0 solid transparent | |
} | |
#post-menu::-webkit-scrollbar-track:hover { | |
background-color: #191919; | |
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1); | |
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1); | |
box-shadow: inset 1px 0 0 rgba(0,0,0,0.1) | |
} | |
#post-menu::-webkit-scrollbar-track:active { | |
background-color: #191919; | |
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07); | |
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07); | |
box-shadow: inset 1px 0 0 rgba(0,0,0,0.14),inset -1px -1px 0 rgba(0,0,0,0.07) | |
} | |
#post-menu::-webkit-scrollbar-thumb { | |
background-clip: padding-box; | |
background-color: rgba(255,255,255,0.3); | |
min-height: 40px; | |
padding-top: 100px; | |
border-radius: 2px; | |
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07); | |
-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07); | |
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07) | |
} | |
#post-menu::-webkit-scrollbar-thumb:hover { | |
background-color: rgba(255,255,255,0.4); | |
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); | |
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); | |
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25) | |
} | |
#post-menu::-webkit-scrollbar-thumb:active { | |
background-color: rgba(255,255,255,0.5); | |
-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); | |
-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); | |
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35) | |
} | |
#post-menu::-webkit-scrollbar-thumb:vertical,#post-menu::-webkit-scrollbar-thumb:horizontal { | |
border: 0 solid transparent | |
} | |
#nav-toolbar .side-toolbar { | |
position: fixed; | |
left: -17.5rem; | |
bottom: 0; | |
width: 17.5rem; | |
height: 3.625rem; | |
background-color: #131313; | |
-webkit-box-shadow: 0 -0.3125rem .3125rem -0.3125rem rgba(0,0,0,0.117); | |
-moz-box-shadow: 0 -0.3125rem .3125rem -0.3125rem rgba(0,0,0,0.117); | |
box-shadow: 0 -0.3125rem .3125rem -0.3125rem rgba(0,0,0,0.117); | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
body.theme-white #nav-toolbar .side-toolbar { | |
background-color: #fff; | |
border-right: .0625rem solid #efefef | |
} | |
body.theme-white.theme-sunset #nav-toolbar .side-toolbar { | |
background-color: #fff8eb; | |
border-right-color: #e7e0d3 | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list { | |
text-align: center | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li { | |
display: inline-block; | |
margin: 0 .25rem; | |
line-height: 3.625rem | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a { | |
display: inline-block; | |
height: 2.5rem; | |
width: 2.5rem; | |
line-height: 2.5rem; | |
border-radius: 100%; | |
font-size: .75rem; | |
background: #2c2a2a; | |
color: #ccc; | |
vertical-align: middle; | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
body.theme-white #nav-toolbar .side-toolbar .side-toolbar-list li a { | |
background: #f0f0f0; | |
color: #333 | |
} | |
body.theme-white.theme-sunset #nav-toolbar .side-toolbar .side-toolbar-list li a { | |
background-color: #f8f1e4; | |
color: #333 | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a:hover { | |
background: #fff; | |
color: #333 | |
} | |
body.theme-white #nav-toolbar .side-toolbar .side-toolbar-list li a:hover { | |
background: #333; | |
color: #fff | |
} | |
body.theme-white.theme-sunset #nav-toolbar .side-toolbar .side-toolbar-list li a:hover { | |
background-color: #2c2a2a; | |
color: #fff | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a .night-mode,#nav-toolbar .side-toolbar .side-toolbar-list li a .night { | |
background: #5856d6 !important; | |
color: #fff !important | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a .night-mode:hover,#nav-toolbar .side-toolbar .side-toolbar-list li a .night:hover { | |
background: #5856d6 !important; | |
color: #fff !important | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a .day-mode .day { | |
background: #fc3 !important; | |
color: #fff !important | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a .day-mode .day:hover { | |
background: #fc3 !important; | |
color: #fff !important | |
} | |
#nav-toolbar .side-toolbar .side-toolbar-list li a i { | |
font-size: .9rem; | |
line-height: 2.5rem | |
} | |
a#toggle-menu-tree { | |
top: 0; | |
bottom: 0; | |
font-size: 1.375rem; | |
position: fixed; | |
right: 0; | |
margin-right: -5rem; | |
margin-bottom: auto; | |
margin-top: auto; | |
padding-left: .35rem; | |
color: #999; | |
width: 6.25rem; | |
height: 6.25rem; | |
background-color: rgba(255,255,255,0.9); | |
cursor: pointer; | |
line-height: 6.25rem; | |
border-radius: 6.25rem; | |
border: .0625rem solid #f0f0f0; | |
opacity: 1; | |
font-family: -apple-system; | |
z-index: 890; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all; | |
-webkit-box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117); | |
-moz-box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117); | |
box-shadow: 0 .125rem .3125rem rgba(0,0,0,0.117) | |
} | |
body.theme-dark a#toggle-menu-tree { | |
background-color: #343232; | |
border: .0625rem solid #2c2a2a | |
} | |
#wrap.display-menu-tree a#toggle-menu-tree { | |
background: #fafafa; | |
padding-left: 0; | |
width: 3.125rem; | |
height: 3.125rem; | |
line-height: 3.125rem; | |
text-align: center; | |
margin-right: -1.5625rem; | |
-webkit-transform: translateX(-17.5rem); | |
-moz-transform: translateX(-17.5rem); | |
-ms-transform: translateX(-17.5rem); | |
-o-transform: translateX(-17.5rem); | |
transform: translateX(-17.5rem) | |
} | |
body.theme-dark #wrap.display-menu-tree a#toggle-menu-tree { | |
background-color: #343232 | |
} | |
a#toggle-menu-tree i { | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
#wrap.display-menu-tree a#toggle-menu-tree i { | |
-webkit-transform: rotate(180deg); | |
-moz-transform: rotate(180deg); | |
-ms-transform: rotate(180deg); | |
-o-transform: rotate(180deg); | |
transform: rotate(180deg) | |
} | |
a#toggle-menu-tree:hover { | |
background: #fafafa; | |
-webkit-transform: translateX(-1.25rem); | |
-moz-transform: translateX(-1.25rem); | |
-ms-transform: translateX(-1.25rem); | |
-o-transform: translateX(-1.25rem); | |
transform: translateX(-1.25rem) | |
} | |
a#toggle-menu-tree.revert { | |
background: #333 | |
} | |
body.theme-dark a#toggle-menu-tree.revert { | |
background: #ccc | |
} | |
a#toggle-menu-tree.show { | |
right: 0 | |
} | |
a#toggle-menu-tree.hide { | |
right: -5.3125rem | |
} | |
#wrap.display-menu-tree a#toggle-menu-tree.hide { | |
right: 0 | |
} | |
@media screen and (max-width:55.5rem) { | |
a#toggle-menu-tree { | |
background-color: white | |
} | |
} | |
#toc-wrap { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: -3rem; | |
overflow-x: hidden; | |
overflow-y: auto; | |
-webkit-overflow-scrolling: touch | |
} | |
#toc-content { | |
margin-right: 3rem; | |
padding-top: 2.875rem | |
} | |
#post-menu-title { | |
font-size: 1.5rem; | |
text-align: left; | |
line-height: 3.6rem; | |
width: 100%; | |
font-weight: 700; | |
padding: 0 2.5rem | |
} | |
body.theme-dark #post-menu-title { | |
background-color: #343232 | |
} | |
.vertical-middle { | |
display: table-cell; | |
vertical-align: middle | |
} | |
.index-menu { | |
padding-top: 2rem | |
} | |
.index-menu-list { | |
line-height: 1.8em; | |
list-style: none; | |
padding: 0 | |
} | |
.index-menu-item { | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.index-menu-item>.index-menu-list span.menu-content { | |
padding-left: 2rem | |
} | |
.index-menu-item>.index-menu-list>.index-menu-item>.index-menu-list span.menu-content { | |
padding-left: 4rem | |
} | |
.index-menu-item.current>a.index-menu-link,body.color-custom .index-menu-item.current>a.index-menu-link { | |
background: #f5f5f5; | |
color: #333; | |
font-weight: 700 | |
} | |
body.theme-dark .index-menu-item.current>a.index-menu-link,body.theme-dark.color-custom .index-menu-item.current>a.index-menu-link { | |
background: #2c2a2a | |
} | |
body.theme-sunset .index-menu-item.current>a.index-menu-link,body.theme-sunset.color-custom .index-menu-item.current>a.index-menu-link { | |
background: #f8f1e4 | |
} | |
a.index-menu-link,body.color-custom a.index-menu-link { | |
color: #777; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
font-size: .85rem; | |
padding: .375rem 2.5rem; | |
position: relative; | |
display: block | |
} | |
a.index-menu-link:hover,body.color-custom a.index-menu-link:hover { | |
background: #efefef; | |
color: #333 | |
} | |
body.theme-dark a.index-menu-link:hover,body.theme-dark.color-custom a.index-menu-link:hover { | |
background: #2c2a2a; | |
color: #fff | |
} | |
@media screen and (min-width:62.5rem) { | |
#wrap.display-menu-tree,#wrap.display-menu-tree+#footer { | |
width: -webkit-calc(100% - 17.5rem); | |
width: calc(100% - 17.5rem) | |
} | |
} | |
h1>span.toc,h2>span.toc,h3>span.toc,h4>span.toc,h5>span.toc,h6>span.toc { | |
display: inline; | |
opacity: 0; | |
padding: .125rem .25rem; | |
margin-left: .25rem; | |
font-size: .7rem; | |
font-weight: 600; | |
border-radius: .25rem; | |
background-color: #999; | |
vertical-align: middle; | |
line-height: .5; | |
color: #fff; | |
text-align: center; | |
white-space: nowrap; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
body.theme-dark h1>span.toc,body.theme-dark h2>span.toc,body.theme-dark h3>span.toc,body.theme-dark h4>span.toc,body.theme-dark h5>span.toc,body.theme-dark h6>span.toc { | |
background-color: #555 | |
} | |
h1:hover>span.toc,h2:hover>span.toc,h3:hover>span.toc,h4:hover>span.toc,h5:hover>span.toc,h6:hover>span.toc { | |
opacity: 1; | |
cursor: pointer | |
} | |
h5>span.toc,h6>span.toc { | |
font-size: .65rem | |
} | |
#about-avatar { | |
text-align: center; | |
overflow: visible | |
} | |
#about-avatar img { | |
border-radius: 6.25rem | |
} | |
@media screen and (max-width:37.5rem) { | |
#about-avatar img { | |
width: 10rem; | |
height: 10rem | |
} | |
} | |
div.block { | |
width: 100%; | |
background-color: #f0f0f0; | |
vertical-align: middle; | |
border-radius: .3125rem | |
} | |
body.theme-dark div.block { | |
background-color: #343232 | |
} | |
div.block>p { | |
padding: 1rem 0; | |
line-height: 1.2; | |
color: #555; | |
text-align: center; | |
font-size: .9375rem; | |
font-weight: 500 | |
} | |
body.theme-dark div.block>p { | |
color: #CCC | |
} | |
#comments { | |
margin-top: 2.5rem | |
} | |
#comments .comment-closed { | |
width: 100%; | |
background-color: #f0f0f0; | |
vertical-align: middle; | |
border-radius: .3125rem | |
} | |
body.theme-dark #comments .comment-closed { | |
background-color: #343232 | |
} | |
#comments .comment-closed p { | |
padding: 1rem 0; | |
line-height: 1.2; | |
color: #555; | |
text-align: center; | |
font-size: .9375rem; | |
font-weight: 500 | |
} | |
body.theme-dark #comments .comment-closed p { | |
color: #CCC | |
} | |
#comments a,#comments a:link,#comments a:visited { | |
color: #1abc9c; | |
text-decoration: none; | |
cursor: pointer; | |
text-transform: none | |
} | |
#comments .widget-title { | |
display: block; | |
padding-top: 3.75rem; | |
color: #1abc9c; | |
font-size: 1.5625rem; | |
font-weight: 500 | |
} | |
body.theme-white #comments .widget-title { | |
padding-top: 0 | |
} | |
body.theme-dark #comments .widget-title { | |
padding-top: 0 | |
} | |
body.serif-fonts #comments .widget-title { | |
font-weight: 500 | |
} | |
#comments>.widget-title { | |
margin-bottom: 3rem | |
} | |
#comments .comment-separator { | |
color: #ccc; | |
margin-top: 3rem; | |
padding: 0; | |
font-size: 1.25rem | |
} | |
body.theme-white #comments .comment-separator { | |
color: #333; | |
border-bottom-color: rgba(0,0,0,0.08) | |
} | |
#comments .comment-tab-current { | |
font-weight: 500 | |
} | |
#comments .comment-meta a { | |
color: #999 !important; | |
font-size: .75rem; | |
font-weight: 400 | |
} | |
#comments .comment-author { | |
display: block; | |
margin-bottom: .1875rem; | |
color: #444; | |
font-size: .875rem; | |
font-weight: 500 | |
} | |
#comments .comment-author .avatar { | |
float: left; | |
margin: 0 .625rem 0 0; | |
border-radius: 3.125rem; | |
width: 3.125rem; | |
height: 3.125rem; | |
background-color: #2c2a2a | |
} | |
body.theme-white #comments .comment-author .avatar { | |
background-color: #f0f0f0 | |
} | |
@media(max-width:38.125rem) { | |
#comments .comment-author .avatar { | |
border-radius: 1.875rem; | |
width: 1.875rem; | |
height: 1.875rem; | |
margin-bottom: 1.25rem | |
} | |
} | |
#comments .comment-author cite { | |
line-height: 1.2; | |
font-style: normal | |
} | |
#comments .comment-list { | |
margin: 0; | |
padding: 0; | |
list-style: none | |
} | |
#comments .comment-list ol { | |
margin: 0; | |
padding: 0; | |
list-style: none | |
} | |
#comments .comment-list li.comment-body { | |
margin-top: 1.625rem | |
} | |
#comments .comment-list li.comment-level-even { | |
background: #2c2a2a | |
} | |
#comments .comment-list li.comment-level-even body.theme-white { | |
background-color: #fff | |
} | |
body.theme-white.theme-sunset #comments .comment-list li.comment-level-even { | |
background-color: #f8f1e4 | |
} | |
#comments .comment-list li .comment-reply { | |
float: right; | |
font-size: .813rem; | |
font-weight: 500 | |
} | |
#comments>.comment-list { | |
margin-top: .625rem | |
} | |
#comments>.comment-list>.comment-body { | |
padding-bottom: .5rem | |
} | |
#comments>.comment-list>.comment-body>.respond { | |
padding-left: 3.75rem | |
} | |
@media(max-width:38.125rem) { | |
#comments>.comment-list>.comment-body>.comment-children { | |
padding-left: 2.5rem | |
} | |
} | |
#comments>.comment-list>.comment-body>.comment-children>.comment-list { | |
border-left: .25rem solid rgba(255,255,255,0.08); | |
padding-left: 1rem | |
} | |
body.theme-white #comments>.comment-list>.comment-body>.comment-children>.comment-list { | |
border-left-color: #f0f0f0 | |
} | |
body.theme-white.theme-sunset #comments>.comment-list>.comment-body>.comment-children>.comment-list { | |
border-color: rgba(0,0,0,0.04) | |
} | |
@media(max-width:38.125rem) { | |
#comments>.comment-list>.comment-body>.comment-children>.comment-list { | |
padding-left: .625rem | |
} | |
} | |
#comments .comment-body.comment-by-author>.comment-author cite.fn:after { | |
content: "博主"; | |
margin-left: .375rem; | |
font-size: .75rem; | |
color: #fff; | |
background: rgba(255,255,255,0.35); | |
border-radius: .25rem; | |
padding: .0625rem .1875rem | |
} | |
body.theme-white #comments .comment-body.comment-by-author>.comment-author cite.fn:after { | |
background: rgba(0,0,0,0.35) | |
} | |
#comments .comment-body .respond { | |
margin-top: 2rem | |
} | |
#comments .comment-children { | |
padding-left: 3.75rem | |
} | |
#comments .comment-children .comment-children { | |
padding-left: 0 | |
} | |
#comments .comment-content { | |
overflow: hidden; | |
color: #ddd; | |
padding: .625rem 0 0 0; | |
word-wrap: break-word; | |
line-height: 1.5; | |
font-size: .9375rem | |
} | |
body.theme-white #comments .comment-content { | |
color: #333 | |
} | |
#comments .comment-content img { | |
max-height: 18rem | |
} | |
body.theme-dark #comments .respond,body.theme-white #comments .respond { | |
margin-top: 3rem | |
} | |
#comments .respond .cancel-comment-reply { | |
float: right; | |
margin-top: .9375rem; | |
font-size: .813rem | |
} | |
#comments .comment-reply-author { | |
margin-right: .375rem; | |
font-weight: 500 | |
} | |
#comments .page-navigator { | |
margin: 1.5rem 0 0; | |
height: 2.1875rem | |
} | |
#comments .comment-awaiting-moderation { | |
float: right; | |
margin-top: -1.25rem; | |
color: #777; | |
font-style: normal | |
} | |
#comments .comment-login-info { | |
font-weight: 400 | |
} | |
#comments .comment-mail-me { | |
float: right; | |
position: relative; | |
top: -22px; | |
height: 0; | |
white-space: nowrap; | |
right: 0 | |
} | |
#comments .comment-mail-me input { | |
height: auto; | |
width: auto; | |
min-width: unset | |
} | |
#comments .comment-mail-me label { | |
line-height: 1.6; | |
font-weight: 400 | |
} | |
#comments .comment-posting { | |
color: #ee531a; | |
font-size: .75rem; | |
margin-left: .5rem; | |
font-weight: 500 | |
} | |
#comments .comment-posted { | |
color: #50bc44; | |
font-size: .75rem; | |
margin-left: .5rem; | |
font-weight: 500 | |
} | |
#comments .avatar { | |
position: relative | |
} | |
@media(max-width:79.8125rem) { | |
#comments #author,#comments #mail,#comments #url { | |
width: 32.9% | |
} | |
} | |
@media(max-width:62rem) { | |
#comments input { | |
margin-bottom: .3125rem; | |
min-width: 32.5% | |
} | |
#comments #author,#comments #mail { | |
width: 49.6% | |
} | |
#comments #url { | |
width: 100% | |
} | |
} | |
@media(min-width:79.875rem) { | |
#comments input { | |
width: auto | |
} | |
#comments #author,#comments #mail,#comments #url { | |
width: 32.89% | |
} | |
} | |
@media(max-width:38.125rem) { | |
#comments #author,#comments #mail,#comments #url { | |
width: 100% | |
} | |
} | |
#comment-form { | |
padding-top: .9375rem; | |
font-size: .875rem | |
} | |
@media(min-width:62.0625rem) { | |
#comment-form { | |
white-space: nowrap | |
} | |
} | |
@media(max-width:62rem) { | |
#comment-form { | |
white-space: normal | |
} | |
} | |
#comment-form #submit.button { | |
width: 100%; | |
margin-top: .625rem | |
} | |
#comment-form input { | |
height: 2rem; | |
line-height: 1rem; | |
display: inline-block; | |
padding: .438rem .525rem; | |
border: 0; | |
border-radius: .3125rem; | |
background: #343232; | |
color: #fff | |
} | |
#comment-form input#submit { | |
cursor: pointer; | |
background: #343232 repeating-linear-gradient(-45deg,#2c2a2a,#2c2a2a 1.125rem,transparent 1.125rem,transparent 2.25rem); | |
color: #9e9e9e; | |
border: .0625rem solid #c8c8c8; | |
margin: 0 auto; | |
border-radius: .3125rem; | |
display: block; | |
padding: 0 1rem; | |
height: 2.2rem; | |
font-weight: 500; | |
font-family: inherit; | |
-webkit-transition: all .5s ease-out; | |
-moz-transition: all .5s ease-out; | |
-ms-transition: all .5s ease-out; | |
-o-transition: all .5s ease-out; | |
transition: all .5s ease-out | |
} | |
body.theme-white #comment-form input#submit { | |
color: #777; | |
border: .0625rem solid #777; | |
background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem) | |
} | |
body.theme-white.theme-sunset #comment-form input#submit { | |
background: #e7e0d3 repeating-linear-gradient(-45deg,#f8f1e4,#f8f1e4 1.125rem,transparent 1.125rem,transparent 2.25rem) | |
} | |
#comment-form input#submit:hover { | |
color: #1abc9c; | |
border: .0625rem solid #1abc9c | |
} | |
body.theme-white #comment-form input#submit:hover { | |
color: #1abc9c; | |
border: .0625rem solid #1abc9c | |
} | |
#comment-form textarea { | |
display: inline-block; | |
padding: .438rem .525rem; | |
border: 0; | |
border-radius: .3125rem; | |
background: #343232; | |
color: #fff; | |
overflow-y: visible; | |
margin-top: .625rem; | |
width: 100%; | |
vertical-align: top | |
} | |
body.theme-white #comment-form input,body.theme-white #comment-form textarea { | |
background: #fafafa; | |
color: #333 | |
} | |
body.theme-white.theme-sunset #comment-form input,body.theme-white.theme-sunset #comment-form textarea { | |
background-color: rgba(0,0,0,0.04) | |
} | |
#comment-form input:focus,#comment-form textarea:focus { | |
outline: 0; | |
border-color: #1abc9c | |
} | |
@media(max-width:62rem) { | |
#header,.post-title,.post-meta { | |
text-align: left | |
} | |
} | |
#disqus_thread,.ds-thread { | |
min-height: 20.3125rem | |
} | |
#disqus_thread a,.ds-thread a { | |
color: #1abc9c | |
} | |
div.read-settings-container { | |
background: #131313; | |
height: 10.5rem; | |
padding: .5rem | |
} | |
body.theme-white div.read-settings-container { | |
background: #fff | |
} | |
body.theme-white.theme-sunset div.read-settings-container { | |
background: #fff8eb | |
} | |
div.read-settings { | |
background: #131313; | |
border-radius: .3125rem; | |
width: 100%; | |
height: 100%; | |
opacity: 0 | |
} | |
body.theme-white div.read-settings { | |
background: #fff | |
} | |
body.theme-white.theme-sunset div.read-settings { | |
background: #fff8eb | |
} | |
div.read-settings button { | |
margin: 0; | |
display: inline-block; | |
padding: .375rem .75rem; | |
font-size: .875rem; | |
font-weight: 400; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
-ms-touch-action: manipulation; | |
touch-action: manipulation; | |
cursor: pointer; | |
border: 0; | |
border-radius: .3125rem; | |
color: #bcbcbc; | |
background-color: #131313; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
-webkit-transition: .3s ease background-color; | |
-moz-transition: .3s ease background-color; | |
-ms-transition: .3s ease background-color; | |
-o-transition: .3s ease background-color; | |
transition: .3s ease background-color | |
} | |
body.theme-white div.read-settings button { | |
color: #333; | |
background-color: #fff; | |
border-color: #ccc | |
} | |
body.theme-white.theme-sunset div.read-settings button { | |
background-color: #fff8eb; | |
border-color: #fff8eb | |
} | |
.side-toolbar.show-read-settings { | |
-webkit-transform: translateY(-10.5rem); | |
-moz-transform: translateY(-10.5rem); | |
-ms-transform: translateY(-10.5rem); | |
-o-transform: translateY(-10.5rem); | |
transform: translateY(-10.5rem) | |
} | |
.side-toolbar.show-read-settings div.read-settings { | |
opacity: 1 | |
} | |
.side-toolbar.show-read-settings div.read-settings-container { | |
background: #191919 | |
} | |
body.theme-white .side-toolbar.show-read-settings div.read-settings-container { | |
background: #f0f0f0 | |
} | |
body.theme-white.theme-sunset .side-toolbar.show-read-settings div.read-settings-container { | |
background: #f8f1e4 | |
} | |
.side-toolbar.show-read-settings ul.side-toolbar-list>li.selected::after { | |
content: ""; | |
position: absolute; | |
bottom: 0; | |
left: auto; | |
margin-left: -1.6875rem; | |
border: .4375rem solid transparent; | |
border-bottom-color: #191919 | |
} | |
body.theme-white .side-toolbar.show-read-settings ul.side-toolbar-list>li.selected::after { | |
border-bottom-color: #f0f0f0 | |
} | |
body.theme-white.theme-sunset .side-toolbar.show-read-settings ul.side-toolbar-list>li.selected::after { | |
border-bottom-color: #f8f1e4 | |
} | |
.font-size-controls,.font-family-controls { | |
position: relative; | |
vertical-align: middle; | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
.font-size-controls>button,.font-family-controls>button { | |
position: relative | |
} | |
.font-size-controls>button:first-child,.font-family-controls>button:first-child { | |
margin-left: 0 | |
} | |
.font-size-controls { | |
text-align: center; | |
vertical-align: middle; | |
padding: .5rem; | |
border-bottom: .0625rem solid #191919 | |
} | |
body.theme-white .font-size-controls { | |
border-bottom-color: #f0f0f0 | |
} | |
body.theme-white.theme-sunset .font-size-controls { | |
border-bottom-color: #f8f1e4 | |
} | |
.font-size-controls button { | |
height: 2rem; | |
width: -webkit-calc(40% - .3125rem); | |
width: calc(40% - .3125rem) | |
} | |
.font-size-controls button#font-size-display { | |
width: 20%; | |
height: 2rem; | |
z-index: 1; | |
border-radius: .3125rem; | |
background: #191919; | |
color: #555; | |
font-size: .75rem; | |
cursor: text | |
} | |
body.theme-white .font-size-controls button#font-size-display { | |
background: #f0f0f0 | |
} | |
body.theme-white.theme-sunset .font-size-controls button#font-size-display { | |
background: #f8f1e4 | |
} | |
.font-size-controls .font-size-control.control-btn-smaller { | |
line-height: 1.25rem; | |
font-size: .85rem | |
} | |
.font-size-controls .font-size-control.control-btn-larger { | |
font-size: 1.125rem | |
} | |
.background-color-controls { | |
text-align: center; | |
border-bottom: .0625rem solid #191919 | |
} | |
body.theme-white .background-color-controls { | |
border-bottom-color: #f0f0f0 | |
} | |
body.theme-white.theme-sunset .background-color-controls { | |
border-bottom-color: #f8f1e4 | |
} | |
.background-color-controls li { | |
display: inline-block; | |
margin: 0 .25rem; | |
line-height: 3.375rem | |
} | |
.background-color-controls li>a { | |
display: inline-block; | |
height: 2.5rem; | |
width: 2.5rem; | |
line-height: 2.5rem; | |
border-radius: 100%; | |
font-size: .75rem; | |
background: #2c2a2a; | |
color: #bcbcbc; | |
-webkit-transition: .3s ease all; | |
-moz-transition: .3s ease all; | |
-ms-transition: .3s ease all; | |
-o-transition: .3s ease all; | |
transition: .3s ease all | |
} | |
.background-color-controls li>a>i { | |
opacity: 0; | |
font-size: .9rem; | |
line-height: 2.5rem | |
} | |
.background-color-controls li>a.selected>i,.background-color-controls li>a.auto>i { | |
opacity: 1 | |
} | |
.background-color-controls li>a.auto.selected { | |
background: #fc3 !important; | |
color: #fff !important | |
} | |
body.theme-white .background-color-controls li>a.auto { | |
background: #f0f0f0; | |
color: #333 | |
} | |
body.theme-white.theme-sunset .background-color-controls li>a.auto { | |
background: #f8f1e4 | |
} | |
.background-color-controls li>a.white { | |
background: #fafafa; | |
color: #333 | |
} | |
body.theme-white.theme-sunset .background-color-controls li>a.white { | |
background: #fff | |
} | |
.background-color-controls li>a.sunset { | |
background: #f8f1e4; | |
color: #333 | |
} | |
body.theme-white.theme-sunset .background-color-controls li>a.sunset { | |
background: #e7e0d3 | |
} | |
.background-color-controls li>a.dark { | |
background: #2c2a2a; | |
color: #f0f0f0 | |
} | |
.font-family-controls { | |
text-align: center; | |
vertical-align: middle; | |
padding: .5rem | |
} | |
.font-family-controls button { | |
height: 2rem; | |
font-weight: 400; | |
width: -webkit-calc(50% - .3125rem); | |
width: calc(50% - .3125rem) | |
} | |
.font-family-controls button.selected { | |
background-color: #fc3 !important; | |
border-radius: .3125rem !important; | |
color: #fff !important; | |
z-index: 1 | |
} | |
.font-family-controls button.control-btn-serif { | |
font-family: 'PT Serif',Georgia,'Times New Roman',serif | |
} | |
#footer { | |
position: relative; | |
clear: both; | |
width: 100%; | |
color: #ccc; | |
text-align: center; | |
font-size: .7rem; | |
font-weight: 400; | |
font-family: Consolas,Menlo,Monaco,"lucida console","Liberation Mono","Courier New","andale mono",monospaceX,monospace,sans-serif; | |
padding: 1.25rem 0; | |
background-color: #2c2a2a; | |
-webkit-transition: .5s ease all; | |
-moz-transition: .5s ease all; | |
-ms-transition: .5s ease all; | |
-o-transition: .5s ease all; | |
transition: .5s ease all | |
} | |
body.theme-white #footer { | |
background-color: #fafafa; | |
color: #777; | |
padding: 1.25rem 0 | |
} | |
body.theme-white.theme-sunset #footer { | |
background-color: #f8f1e4 | |
} | |
#footer a { | |
color: #1abc9c; | |
text-decoration: none | |
} | |
#footer .container { | |
margin-top: .3125rem | |
} | |
#footer h1,#footer h2,#footer p { | |
text-shadow: .0625rem .0625rem 0 rgba(0,0,0,0.75) | |
} | |
body.theme-white #footer h1,body.theme-white #footer h2,body.theme-white #footer p { | |
text-shadow: none | |
} | |
.link-box { | |
overflow: hidden; | |
padding: 4.375rem 2.1875rem 2.1875rem; | |
margin: -3.125rem | |
} | |
@media screen and (max-width:19.875rem) { | |
.link-box { | |
overflow: visible; | |
margin: 0; | |
padding-left: .625rem; | |
padding-right: .625rem | |
} | |
} | |
@media screen and (max-width:44.375rem) and (min-width:19.9375rem) { | |
.link-box { | |
padding: 4.375rem 3.125rem 3.125rem; | |
margin: -3.125rem | |
} | |
} | |
.link-box a { | |
width: 33.75rem; | |
background: #fff; | |
float: left; | |
margin: 0 0 4.375rem; | |
color: #2e2e2e; | |
text-decoration: none; | |
border-bottom: 0; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
-webkit-box-shadow: 0 .0625rem .0625rem rgba(0,0,0,0.1); | |
-moz-box-shadow: 0 .0625rem .0625rem rgba(0,0,0,0.1); | |
box-shadow: 0 .0625rem .0625rem rgba(0,0,0,0.1); | |
-webkit-transform: translate3d(0,0,0); | |
-moz-transform: translate3d(0,0,0); | |
-ms-transform: translate3d(0,0,0); | |
-o-transform: translate3d(0,0,0); | |
transform: translate3d(0,0,0); | |
-webkit-transition: .3s; | |
-moz-transition: .3s; | |
-ms-transition: .3s; | |
-o-transition: .3s; | |
transition: .3s | |
} | |
body.desktop .link-box a:hover,body.mobile .link-box a:active { | |
-webkit-box-shadow: 0 1.375rem 2.6875rem rgba(0,0,0,0.15); | |
-moz-box-shadow: 0 1.375rem 2.6875rem rgba(0,0,0,0.15); | |
box-shadow: 0 1.375rem 2.6875rem rgba(0,0,0,0.15); | |
-webkit-transform: translateY(-0.25rem); | |
-moz-transform: translateY(-0.25rem); | |
-ms-transform: translateY(-0.25rem); | |
-o-transform: translateY(-0.25rem); | |
transform: translateY(-0.25rem); | |
-moz-transform: none | |
} | |
@media screen and (max-width:19.875rem) { | |
.link-box a { | |
width: 100%; | |
margin: 0 auto 3.75rem; | |
max-width: 25rem; | |
float: none; | |
display: block | |
} | |
} | |
@media screen and (max-width:21.25rem) and (min-width:19.9375rem) { | |
.link-box a { | |
margin: 0 0 2rem | |
} | |
} | |
@media screen and (max-width:24rem) and (min-width:21.27rem) { | |
.link-box a { | |
margin: 0 0 2.5rem | |
} | |
} | |
@media screen and (max-width:28.125rem) and (min-width:24.05rem) { | |
.link-box a { | |
margin: 0 0 3rem | |
} | |
} | |
@media screen and (max-width:44.375rem) and (min-width:19.9375rem) { | |
.link-box a { | |
width: -webkit-calc(50% - 1.25rem); | |
width: calc(50% - 1.25rem) | |
} | |
.link-box a:nth-of-type(even) { | |
float: right | |
} | |
} | |
@media screen and (max-width:73.125rem) and (min-width:44.4375rem) { | |
.link-box a { | |
margin: 0 .9375rem 3.75rem; | |
width: -webkit-calc(100%/3 - 1.875rem); | |
width: calc(100%/3 - 1.875rem) | |
} | |
} | |
@media screen and (min-width:73.1875rem) { | |
.link-box a { | |
margin: 0 .9375rem 3.75rem; | |
width: -webkit-calc(100%/3 - 1.875rem); | |
width: calc(100%/3 - 1.875rem) | |
} | |
} | |
.link-box a .thumb { | |
font-size: 0; | |
overflow: hidden; | |
background-color: #fff | |
} | |
.link-box a .thumb img { | |
width: 100%; | |
height: auto; | |
position: relative; | |
margin: 0; | |
padding: 0; | |
-webkit-transition: .4s; | |
-moz-transition: .4s; | |
-ms-transition: .4s; | |
-o-transition: .4s; | |
transition: .4s | |
} | |
.link-box a .content { | |
text-align: center | |
} | |
.link-box a .content .title { | |
padding: .625rem 0; | |
width: 100% | |
} | |
.link-box a .content .title h3 { | |
vertical-align: middle; | |
font-weight: 300; | |
font-size: 1.875rem; | |
line-height: 3.3125rem; | |
letter-spacing: -0.09375rem; | |
margin: 0; | |
padding: 0; | |
color: #2e2e2e; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
@media screen and (max-width:19.875rem) { | |
.link-box a .content .title h3 { | |
font-size: 2.375rem; | |
line-height: 5.625rem; | |
letter-spacing: 0 | |
} | |
} | |
@media screen and (max-width:21.25rem) and (min-width:19.9375rem) { | |
.link-box a .content .title h3 { | |
font-size: 1.375rem; | |
line-height: 1.5rem | |
} | |
} | |
@media screen and (max-width:24rem) and (min-width:21.27rem) { | |
.link-box a .content .title h3 { | |
font-size: 1.625rem; | |
line-height: 2.25rem | |
} | |
} | |
@media screen and (max-width:28.125rem) and (min-width:24.05rem) { | |
.link-box a .content .title h3 { | |
font-size: 1.6875rem; | |
line-height: 2.625rem | |
} | |
} | |
.post-buttons { | |
margin: 1.25rem auto; | |
line-height: 1.5rem; | |
white-space: nowrap; | |
text-align: center | |
} | |
.post-buttons a { | |
display: inline-block; | |
text-align: center; | |
white-space: nowrap; | |
-ms-touch-action: manipulation; | |
touch-action: manipulation; | |
cursor: pointer; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
width: -webkit-calc(100%/3 - .3125rem); | |
width: calc(100%/3 - .3125rem) | |
} | |
body.show-post-qr-box a#toggle-post-qr-code,body.show-reward-qr-box a#toggle-reward-qr-code { | |
background-color: #333 !important; | |
border-color: #333 !important; | |
color: #fff !important | |
} | |
body.theme-dark.show-post-qr-box a#toggle-post-qr-code,body.theme-dark.show-reward-qr-box a#toggle-reward-qr-code { | |
background-color: #fff !important; | |
border-color: #fff !important; | |
color: #333 !important | |
} | |
#qr-box { | |
background-color: #fafafa; | |
padding: 1.25rem; | |
text-align: center; | |
margin-bottom: 1.25rem; | |
position: relative; | |
height: 18.125rem | |
} | |
body.theme-dark #qr-box { | |
background-color: #191919 | |
} | |
#qr-box .post-qr-code-box,#qr-box .reward-qr-code-box { | |
overflow: hidden; | |
height: 15.625rem; | |
opacity: 0; | |
-webkit-transition: all .3s; | |
-moz-transition: all .3s; | |
-ms-transition: all .3s; | |
-o-transition: all .3s; | |
transition: all .3s | |
} | |
#qr-box .reward-qr-code-box { | |
margin-top: -15.625rem | |
} | |
body.show-post-qr-box #qr-box .post-qr-code-box,body.show-reward-qr-box #qr-box .reward-qr-code-box { | |
opacity: 1 | |
} | |
body.show-post-qr-box #qr-box .reward-qr-code-box,body.show-reward-qr-box #qr-box .post-qr-code-box { | |
opacity: 0 | |
} | |
body.show-post-qr-box #body-bottom,body.show-reward-qr-box #body-bottom { | |
margin-top: 0; | |
z-index: 0 | |
} | |
form.protected input[type="password"].text { | |
border: .0625rem dashed #999; | |
border-right: 0; | |
border-radius: 1.875rem 0 0 1.875rem; | |
background-color: transparent; | |
padding: .3125rem .9375rem; | |
width: 9.375rem; | |
margin-right: -0.375rem; | |
-webkit-transition: all .5s; | |
-moz-transition: all .5s; | |
-ms-transition: all .5s; | |
-o-transition: all .5s; | |
transition: all .5s | |
} | |
form.protected input[type="submit"].submit { | |
color: #999 !important; | |
border: .0625rem dashed #999; | |
background-color: transparent; | |
padding: .3125rem; | |
text-align: center; | |
width: 3.125rem; | |
border-radius: 0 1.875rem 1.875rem 0; | |
-webkit-transition: all .5s; | |
-moz-transition: all .5s; | |
-ms-transition: all .5s; | |
-o-transition: all .5s; | |
transition: all .5s | |
} | |
form.protected input[type="submit"].submit:hover { | |
border-color: #1abc9c; | |
background-color: rgba(24,188,156,0.5); | |
color: #FFF !important | |
} | |
form.protected>p { | |
text-align: center | |
} | |
#loader-wrapper { | |
opacity: 0; | |
position: fixed; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
z-index: -1000; | |
display: flex; | |
flex-flow: row nowrap; | |
justify-content: center; | |
align-items: center; | |
background-color: #fff; | |
-webkit-transition: .2s ease all; | |
-moz-transition: .2s ease all; | |
-ms-transition: .2s ease all; | |
-o-transition: .2s ease all; | |
transition: .2s ease all | |
} | |
body.theme-dark #loader-wrapper { | |
background-color: #2c2a2a | |
} | |
@supports(-webkit-backdrop-filter:saturate(180%) blur(20px)) or(backdrop-filter:saturate(180%) blur(20px)) { | |
#loader-wrapper { | |
-webkit-backdrop-filter: saturate(180%) blur(20px); | |
backdrop-filter: saturate(180%) blur(20px); | |
background-color: rgba(255,255,255,0.7) | |
} | |
body.theme-dark #loader-wrapper { | |
background-color: #2c2a2a | |
} | |
} | |
#loader-wrapper.in { | |
opacity: 1; | |
z-index: 1000 | |
} | |
.sk-circle { | |
margin: 90px auto; | |
width: 90px; | |
height: 90px; | |
position: relative | |
} | |
.sk-circle .sk-child { | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
left: 0; | |
top: 0 | |
} | |
.sk-circle .sk-child:before { | |
content: ''; | |
display: block; | |
margin: 0 auto; | |
width: 12%; | |
height: 12%; | |
background-color: #333; | |
border-radius: 100%; | |
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; | |
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both | |
} | |
body.theme-dark .sk-circle .sk-child:before { | |
background-color: #bcbcbc | |
} | |
@supports(-webkit-backdrop-filter:saturate(180%) blur(20px)) or(backdrop-filter:saturate(180%) blur(20px)) { | |
body.theme-dark .sk-circle .sk-child:before { | |
background-color: #eee | |
} | |
} | |
.sk-circle .sk-circle2 { | |
-webkit-transform: rotate(30deg); | |
-moz-transform: rotate(30deg); | |
-ms-transform: rotate(30deg); | |
-o-transform: rotate(30deg); | |
transform: rotate(30deg) | |
} | |
.sk-circle .sk-circle2:before { | |
-webkit-animation-delay: -1.1s; | |
animation-delay: -1.1s | |
} | |
.sk-circle .sk-circle3 { | |
-webkit-transform: rotate(60deg); | |
-moz-transform: rotate(60deg); | |
-ms-transform: rotate(60deg); | |
-o-transform: rotate(60deg); | |
transform: rotate(60deg) | |
} | |
.sk-circle .sk-circle3:before { | |
-webkit-animation-delay: -1s; | |
animation-delay: -1s | |
} | |
.sk-circle .sk-circle4 { | |
-webkit-transform: rotate(90deg); | |
-moz-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
-o-transform: rotate(90deg); | |
transform: rotate(90deg) | |
} | |
.sk-circle .sk-circle4:before { | |
-webkit-animation-delay: -0.9s; | |
animation-delay: -0.9s | |
} | |
.sk-circle .sk-circle5 { | |
-webkit-transform: rotate(120deg); | |
-moz-transform: rotate(120deg); | |
-ms-transform: rotate(120deg); | |
-o-transform: rotate(120deg); | |
transform: rotate(120deg) | |
} | |
.sk-circle .sk-circle5:before { | |
-webkit-animation-delay: -0.8s; | |
animation-delay: -0.8s | |
} | |
.sk-circle .sk-circle6 { | |
-webkit-transform: rotate(150deg); | |
-moz-transform: rotate(150deg); | |
-ms-transform: rotate(150deg); | |
-o-transform: rotate(150deg); | |
transform: rotate(150deg) | |
} | |
.sk-circle .sk-circle6:before { | |
-webkit-animation-delay: -0.7s; | |
animation-delay: -0.7s | |
} | |
.sk-circle .sk-circle7 { | |
-webkit-transform: rotate(180deg); | |
-moz-transform: rotate(180deg); | |
-ms-transform: rotate(180deg); | |
-o-transform: rotate(180deg); | |
transform: rotate(180deg) | |
} | |
.sk-circle .sk-circle7:before { | |
-webkit-animation-delay: -0.6s; | |
animation-delay: -0.6s | |
} | |
.sk-circle .sk-circle8 { | |
-webkit-transform: rotate(210deg); | |
-moz-transform: rotate(210deg); | |
-ms-transform: rotate(210deg); | |
-o-transform: rotate(210deg); | |
transform: rotate(210deg) | |
} | |
.sk-circle .sk-circle8:before { | |
-webkit-animation-delay: -0.5s; | |
animation-delay: -0.5s | |
} | |
.sk-circle .sk-circle9 { | |
-webkit-transform: rotate(240deg); | |
-moz-transform: rotate(240deg); | |
-ms-transform: rotate(240deg); | |
-o-transform: rotate(240deg); | |
transform: rotate(240deg) | |
} | |
.sk-circle .sk-circle9:before { | |
-webkit-animation-delay: -0.4s; | |
animation-delay: -0.4s | |
} | |
.sk-circle .sk-circle10 { | |
-webkit-transform: rotate(270deg); | |
-moz-transform: rotate(270deg); | |
-ms-transform: rotate(270deg); | |
-o-transform: rotate(270deg); | |
transform: rotate(270deg) | |
} | |
.sk-circle .sk-circle10:before { | |
-webkit-animation-delay: -0.3s; | |
animation-delay: -0.3s | |
} | |
.sk-circle .sk-circle11 { | |
-webkit-transform: rotate(300deg); | |
-moz-transform: rotate(300deg); | |
-ms-transform: rotate(300deg); | |
-o-transform: rotate(300deg); | |
transform: rotate(300deg) | |
} | |
.sk-circle .sk-circle11:before { | |
-webkit-animation-delay: -0.2s; | |
animation-delay: -0.2s | |
} | |
.sk-circle .sk-circle12 { | |
-webkit-transform: rotate(330deg); | |
-moz-transform: rotate(330deg); | |
-ms-transform: rotate(330deg); | |
-o-transform: rotate(330deg); | |
transform: rotate(330deg) | |
} | |
.sk-circle .sk-circle12:before { | |
-webkit-animation-delay: -0.1s; | |
animation-delay: -0.1s | |
} | |
@-webkit-keyframes sk-circleBounceDelay { | |
0.00%,80%,100% { | |
-webkit-transform: scale(0); | |
-moz-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0) | |
} | |
40% { | |
-webkit-transform: scale(1); | |
-moz-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@keyframes sk-circleBounceDelay { | |
0.00%,80%,100% { | |
-webkit-transform: scale(0); | |
-moz-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0) | |
} | |
40% { | |
-webkit-transform: scale(1); | |
-moz-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
.sp-progress { | |
position: fixed; | |
top: 0; | |
z-index: 890; | |
display: block; | |
width: 100%; | |
height: 2px; | |
color: #333; | |
opacity: 1; | |
background: linear-gradient(45deg,rgba(26,188,156,0),rgba(26,188,156,0.1) 25%,rgba(26,188,156,0.35) 50%,#1abc9c 75%,rgba(26,188,156,0.1)); | |
-webkit-transition: all .3s ease-in-out 0; | |
-moz-transition: all .3s ease-in-out 0; | |
-ms-transition: all .3s ease-in-out 0; | |
-o-transition: all .3s ease-in-out 0; | |
transition: all .3s ease-in-out 0; | |
-webkit-transform: translateX(100%); | |
-moz-transform: translateX(100%); | |
-ms-transform: translateX(100%); | |
-o-transform: translateX(100%); | |
transform: translateX(100%); | |
-webkit-animation: sp-progress-ani 1.5s cubic-bezier(0.2,0.5,0.4,0.7) infinite; | |
animation: sp-progress-ani 1.5s cubic-bezier(0.2,0.5,0.4,0.7) infinite; | |
-webkit-animation-delay: .1s; | |
animation-delay: .1s | |
} | |
@-webkit-keyframes sp-progress-ani { | |
0.00% { | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%) | |
} | |
50% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
to { | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%) | |
} | |
} | |
@keyframes sp-progress-ani { | |
0.00% { | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%) | |
} | |
50% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
to { | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%) | |
} | |
} | |
.hljs-comment,.hljs-quote { | |
color: #8e908c | |
} | |
body.theme-dark .hljs-comment,body.code-dark .hljs-comment,body.theme-dark .hljs-quote,body.code-dark .hljs-quote { | |
color: #999 | |
} | |
.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion { | |
color: #c82829 | |
} | |
body.theme-dark .hljs-variable,body.code-dark .hljs-variable,body.theme-dark .hljs-template-variable,body.code-dark .hljs-template-variable,body.theme-dark .hljs-tag,body.code-dark .hljs-tag,body.theme-dark .hljs-name,body.code-dark .hljs-name,body.theme-dark .hljs-selector-id,body.code-dark .hljs-selector-id,body.theme-dark .hljs-selector-class,body.code-dark .hljs-selector-class,body.theme-dark .hljs-regexp,body.code-dark .hljs-regexp,body.theme-dark .hljs-deletion,body.code-dark .hljs-deletion { | |
color: #f2777a | |
} | |
.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link { | |
color: #f5871f | |
} | |
body.theme-dark .hljs-number,body.code-dark .hljs-number,body.theme-dark .hljs-built_in,body.code-dark .hljs-built_in,body.theme-dark .hljs-builtin-name,body.code-dark .hljs-builtin-name,body.theme-dark .hljs-literal,body.code-dark .hljs-literal,body.theme-dark .hljs-type,body.code-dark .hljs-type,body.theme-dark .hljs-params,body.code-dark .hljs-params,body.theme-dark .hljs-meta,body.code-dark .hljs-meta,body.theme-dark .hljs-link,body.code-dark .hljs-link { | |
color: #f99157 | |
} | |
.hljs-attribute { | |
color: #eab700 | |
} | |
body.theme-dark .hljs-attribute,body.code-dark .hljs-attribute { | |
color: #fc6 | |
} | |
.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition { | |
color: #718c00 | |
} | |
body.theme-dark .hljs-string,body.code-dark .hljs-string,body.theme-dark .hljs-symbol,body.code-dark .hljs-symbol,body.theme-dark .hljs-bullet,body.code-dark .hljs-bullet,body.theme-dark .hljs-addition,body.code-dark .hljs-addition { | |
color: #9c9 | |
} | |
.hljs-title,.hljs-section { | |
color: #4271ae | |
} | |
body.theme-dark .hljs-title,body.code-dark .hljs-title,body.theme-dark .hljs-section,body.code-dark .hljs-section { | |
color: #69c | |
} | |
.hljs-keyword,.hljs-selector-tag { | |
color: #8959a8 | |
} | |
body.theme-dark .hljs-keyword,body.code-dark .hljs-keyword,body.theme-dark .hljs-selector-tag,body.code-dark .hljs-selector-tag { | |
color: #c9c | |
} | |
.hljs { | |
display: block; | |
overflow-x: auto; | |
background: white; | |
color: #4d4d4c; | |
padding: .5em | |
} | |
body.theme-dark .hljs,body.code-dark .hljs { | |
background: #2d2d2d; | |
color: #ccc | |
} | |
.hljs-emphasis { | |
font-style: italic | |
} | |
.hljs-strong { | |
font-weight: bold | |
} | |
.diff .hljs-header,.hljs-javadoc { | |
font-style: italic | |
} | |
.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status,.hljs-title,.hljs-id,.scss .hljs-preprocessor,.hljs-class .hljs-title,.hljs-type,.vhdl .hljs-literal,.tex .hljs-command,.hljs-regexp,.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata { | |
font-weight: bold | |
} | |
.github-widget a { | |
padding-bottom: 0 !important | |
} | |
.github-widget a.download { | |
border: .0625rem solid #ddd !important | |
} | |
body.theme-dark .github-widget a.download { | |
border: .0625rem solid #5e5e5e !important | |
} | |
body.theme-dark .github-box { | |
border-color: #5e5e5e !important; | |
background-color: #403e3e !important | |
} | |
.github-box .github-box-title { | |
background: #fcfcfc !important | |
} | |
body.theme-dark .github-box .github-box-title { | |
background: #403e3e !important; | |
border-color: #5e5e5e !important | |
} | |
.github-box .github-box-content { | |
background: #fff | |
} | |
body.theme-dark .github-box .github-box-content { | |
background: #343232 | |
} | |
body.theme-dark .github-box .github-box-download { | |
border-color: #5e5e5e !important; | |
background: #343232 !important | |
} | |
.github-box .github-box-download .download { | |
text-shadow: none !important; | |
background: #fff !important; | |
position: absolute !important; | |
font-weight: normal !important; | |
-webkit-transition: all .5s ease; | |
-moz-transition: all .5s ease; | |
-ms-transition: all .5s ease; | |
-o-transition: all .5s ease; | |
transition: all .5s ease | |
} | |
body.theme-dark .github-box .github-box-download .download { | |
background: #343232 !important | |
} | |
.github-box .github-box-download .download:hover { | |
border-color: #1abc9c !important; | |
background-color: rgba(24,188,156,0.4) !important | |
} | |
.github-box .github-box-download .updated { | |
letter-spacing: .01875rem | |
} | |
body.theme-dark .github-box .github-box-download .updated strong { | |
color: #bcbcbc !important | |
} | |
.github-box .github-box-title h3 .repo { | |
font-weight: normal !important | |
} | |
.github-stats a { | |
border: .0625rem solid #ddd !important | |
} | |
body.theme-dark .github-stats a { | |
border: .0625rem solid #5e5e5e !important | |
} | |
.post-content .github-widget a:after { | |
border-bottom-width: 0 !important | |
} | |
a[href*="//www.cnzz.com"][title="站长统计"] { | |
display: none | |
} | |
.no-user-select { | |
-webkit-touch-callout: none !important; | |
-webkit-user-select: none !important; | |
-moz-user-select: none !important; | |
-ms-user-select: none !important; | |
user-select: none !important | |
} | |
.aplayer { | |
background: #fff; | |
color: #333; | |
font-family: 'Mirages Custom','Myriad Pro','Myriad Set Pro','Open Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',Helvetica,arial,sans-serif !important | |
} | |
.aplayer .aplayer-list { | |
-webkit-overflow-scrolling: touch | |
} | |
@media print { | |
body { | |
font-size: 75% | |
}@ page { | |
size: A4 portrait | |
}@ page :left { | |
margin-left: 2cm; | |
margin-right: 2cm | |
}@ page :right { | |
margin-left: 2cm; | |
margin-right: 2cm | |
} | |
pre { | |
white-space: pre-wrap; | |
white-space: -moz-pre-wrap; | |
white-space: -o-pre-wrap; | |
word-wrap: break-word; | |
font-size: 7pt !important | |
} | |
.post-content pre code { | |
white-space: pre-wrap; | |
white-space: -moz-pre-wrap; | |
white-space: -o-pre-wrap; | |
word-wrap: break-word | |
} | |
.post-content>p { | |
font-size: 10pt !important | |
} | |
#body-bottom,#backtop,#toggle-nav,#masthead,#footer { | |
display: none | |
} | |
#post article { | |
margin-top: 0 | |
} | |
} | |
@media screen and (min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-o-min-device-pixel-ratio:1.5 / 1.5),screen and (min--moz-device-pixel-ratio:1.5) { | |
body { | |
font-weight: 300 | |
} | |
code,#post .post-title { | |
-webkit-font-smoothing: antialiased !important | |
} | |
.post-content pre>code,.comment-content pre>code { | |
font-weight: 400; | |
font-size: .813rem | |
} | |
.post-content code,.comment-content code { | |
font-size: .813rem | |
} | |
.post-content h1>code,.post-content h2>code,.post-content h3>code,.post-content h4>code,.comment-content h1>code,.comment-content h2>code,.comment-content h3>code,.comment-content h4>code { | |
padding: .1em 0; | |
font-size: .7em | |
} | |
#archives #archives-title { | |
font-weight: 300 | |
} | |
} | |
body.macOS-ge-10-11,body.macOS-ge-10-11 #index .post .post-title,body.macOS-ge-10-11 #archive .post .post-title,body.macOS-ge-10-11 #nav .menu li a { | |
font-weight: 400 | |
} | |
@media screen and (min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-o-min-device-pixel-ratio:1.5 / 1.5) { | |
body.macOS-ge-10-11,body.macOS-ge-10-11 #index .post .post-title,body.macOS-ge-10-11 #archive .post .post-title,body.macOS-ge-10-11 #nav .menu li a { | |
font-weight: 300 | |
} | |
} | |
body.macOS-ge-10-11 #post .post-title { | |
font-weight: 300 | |
} | |
@media screen and (min--moz-device-pixel-ratio:1.5) { | |
body.macOS-ge-10-11 #post .post-title { | |
font-weight: 400 | |
} | |
} | |
@media screen and (min--moz-device-pixel-ratio:1.5) { | |
body.macOS-ge-10-12,body.macOS-ge-10-12 #post .post-title,body.macOS-ge-10-12 #index .post .post-title,body.macOS-ge-10-12 #archive .post .post-title,body.macOS-ge-10-12 #nav .menu li a { | |
font-weight: 300 | |
} | |
} | |
body.macOS-ge-10-12.chrome { | |
font-size: .9375rem | |
} | |
body.macOS-ge-10-12.chrome.serif-fonts { | |
font-size: 1rem | |
} | |
body.macOS-ge-10-12.chrome .post-content,body.macOS-ge-10-12.chrome #post-menu,body.macOS-ge-10-12.chrome #comments,body.macOS-ge-10-12.chrome .post-near,body.macOS-ge-10-12.chrome #comments .widget-title { | |
font-weight: 400 | |
} | |
body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #post .post-title { | |
font-size: 2rem | |
} | |
@media screen and (max-width:30rem) { | |
body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #post .post-title { | |
font-size: 1.85rem | |
} | |
} | |
@media screen and (min-width:30.0625rem) and (max-width:47.9375rem) { | |
body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #post .post-title { | |
font-size: 1.85rem | |
} | |
} | |
@media screen and (min-width:48rem) and (max-width:61.9375rem) { | |
body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #post .post-title { | |
font-size: 2rem | |
} | |
} | |
@media screen and (min-width:62rem) and (max-width:81.3125rem) { | |
body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #post .post-title { | |
font-size: 2rem | |
} | |
} | |
@media screen and (min-width:81.32rem) { | |
body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #post .post-title { | |
font-size: 2.25rem | |
} | |
} | |
@media screen and (min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-o-min-device-pixel-ratio:1.5 / 1.5) { | |
body.macOS-ge-10-12.chrome,body.macOS-ge-10-12.chrome #post .post-title,body.macOS-ge-10-12.chrome #index .post .post-title,body.macOS-ge-10-12.chrome #archive .post .post-title,body.macOS-ge-10-12.chrome #nav .menu li a { | |
font-weight: 400 | |
} | |
} | |
body.phone .post-content,body.phone #comments .comment-content,body.ipad .post-content,body.ipad #comments .comment-content { | |
font-weight: 400 | |
} | |
body.phone.serif-fonts #post .post-content,body.ipad.serif-fonts #post .post-content { | |
font-size: 1.125rem | |
} | |
body.phone .post-content pre,body.ipad .post-content pre { | |
font-size: .875rem | |
} | |
body.phone #archives .archive-title .archives .brick,body.phone #archives-tags .itags,body.ipad #archives .archive-title .archives .brick,body.ipad #archives-tags .itags { | |
font-weight: 400 | |
} | |
body.phone .container { | |
max-width: 38.75rem | |
} | |
body.not-safari::-webkit-scrollbar { | |
height: 8px; | |
width: 8px | |
} | |
body.not-safari::-webkit-scrollbar-thumb { | |
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07); | |
background-clip: padding-box; | |
background-color: gray; | |
min-height: 40px; | |
padding-top: 100px; | |
border-radius: 4px | |
} | |
body.not-safari::-webkit-scrollbar-thumb:hover,body.not-safari::-webkit-scrollbar-thumb:active { | |
background-color: #b3b3b3 | |
} | |
body.not-safari.theme-dark::-webkit-scrollbar,body.not-safari.theme-dark *::-webkit-scrollbar { | |
height: 8px; | |
width: 8px | |
} | |
body.not-safari.theme-dark::-webkit-scrollbar-thumb,body.not-safari.theme-dark *::-webkit-scrollbar-thumb { | |
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07); | |
background-clip: padding-box; | |
background-color: #696969; | |
min-height: 40px; | |
padding-top: 100px; | |
border-radius: 4px | |
} | |
body.not-safari.theme-dark::-webkit-scrollbar-thumb:hover,body.not-safari.theme-dark::-webkit-scrollbar-thumb:active,body.not-safari.theme-dark *::-webkit-scrollbar-thumb:hover,body.not-safari.theme-dark *::-webkit-scrollbar-thumb:active { | |
background-color: #959595 | |
} | |
body.android { | |
font-size: .875em | |
} | |
@media screen and (max-width:30rem) { | |
body.android #index .post .post-title,body.android #archive .post .post-title,body.android #post .post-title { | |
font-size: 1.75rem; | |
font-weight: 400 | |
} | |
} | |
@media screen and (max-width:30rem) { | |
body.android,body.android #nav .menu li a,body.android .post-content { | |
font-weight: 400 | |
} | |
} | |
body.windows { | |
font-weight: 400 | |
} | |
body.windows .post-content p { | |
letter-spacing: 0 | |
} | |
@media screen and (max-width:91rem) { | |
body.windows { | |
font-size: .9375em | |
} | |
body.windows .post-content kbd,body.windows .post-content pre,body.windows .post-content code,body.windows .comment-content kbd,body.windows .comment-content pre,body.windows .comment-content code { | |
font-size: .813rem | |
} | |
body.windows .blog-title { | |
font-size: 2.5rem | |
} | |
} | |
body.windows.wrap-code pre,body.windows.wrap-code .post-content pre code { | |
white-space: pre-wrap; | |
white-space: -moz-pre-wrap; | |
white-space: -o-pre-wrap; | |
word-break: break-all; | |
word-wrap: break-word | |
} | |
body.windows-le-7 #post .post-title,body.windows-le-7 #index .post .post-title,body.windows-le-7 #archive .post .post-title { | |
font-weight: 400 | |
}/*! OwO.custom.css */.OwO { | |
position: relative; | |
user-select: none; | |
margin-top: 10px; | |
display: block | |
} | |
.OwO:hover .OwO-logo { | |
color: #ccc | |
} | |
.OwO.OwO-open .OwO-logo { | |
border-radius: 4px 4px 0 0; | |
border-bottom: 0; | |
border-color: #777; | |
color: #ccc | |
} | |
.OwO.OwO-open .OwO-body { | |
display: block | |
} | |
.OwO.OwO-up .OwO-body { | |
top: inherit; | |
bottom: 21px; | |
border-radius: 4px 4px 4px 0 | |
} | |
.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1) { | |
border-radius: 0 | |
} | |
.OwO.OwO-up.OwO-open .OwO-logo { | |
border: 1px solid #ddd; | |
border-radius: 0 0 4px 4px; | |
border-top: 0 | |
} | |
.OwO .OwO-logo { | |
position: relative; | |
display: inline-block; | |
color: #999; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
font-size: 13px; | |
padding: 2px 5px; | |
cursor: pointer; | |
height: 22px; | |
box-sizing: border-box; | |
z-index: 2; | |
line-height: 16px | |
} | |
.OwO .OwO-logo body.theme-white { | |
color: #777 | |
} | |
.OwO .OwO-logo:hover span { | |
display: inline-block | |
} | |
.OwO .OwO-body { | |
display: none; | |
position: absolute; | |
width: 400px; | |
background: #2c2a2a; | |
border: 1px solid #555; | |
z-index: 9999; | |
top: 21px; | |
border-radius: 0 4px 4px 4px; | |
white-space: normal; | |
-webkit-overflow-scrolling: touch | |
} | |
.OwO .OwO-body .OwO-items { | |
user-select: none; | |
display: none; | |
padding: 10px; | |
margin: 0; | |
overflow: auto; | |
font-size: 0 | |
} | |
.OwO .OwO-body .OwO-items .OwO-item { | |
list-style-type: none; | |
background: rgba(255,255,255,0.04); | |
padding: 5px 10px; | |
border-radius: 5px; | |
display: inline-block; | |
font-size: 12px; | |
line-height: 14px; | |
margin: 0 10px 12px 0; | |
cursor: pointer; | |
transition: .3s | |
} | |
.OwO .OwO-body .OwO-items .OwO-item:hover { | |
background: rgba(255,255,255,0.12); | |
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) | |
} | |
.OwO .OwO-body .OwO-items-emoji .OwO-item { | |
font-size: 20px; | |
line-height: 19px | |
} | |
.OwO .OwO-body .OwO-items-image .OwO-item { | |
max-width: calc(25% - 10px); | |
box-sizing: border-box | |
} | |
.OwO .OwO-body .OwO-items-image .OwO-item img { | |
max-width: 100% | |
} | |
.OwO .OwO-body .OwO-items-show { | |
display: block | |
} | |
.OwO .OwO-body .OwO-bar { | |
width: 100%; | |
height: 30px; | |
border-top: 1px solid #777; | |
background: #2c2a2a; | |
border-radius: 0 0 4px 4px; | |
color: #ccc | |
} | |
.OwO .OwO-body .OwO-bar .OwO-packages { | |
margin: 0; | |
padding: 0; | |
font-size: 0 | |
} | |
.OwO .OwO-body .OwO-bar .OwO-packages li { | |
list-style-type: none; | |
display: inline-block; | |
line-height: 30px; | |
font-size: 14px; | |
padding: 0 10px; | |
cursor: pointer; | |
margin-right: 3px | |
} | |
.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1) { | |
border-radius: 0 0 0 3px | |
} | |
.OwO .OwO-body .OwO-bar .OwO-packages li:hover { | |
background: rgba(255,255,255,0.12) | |
} | |
.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active { | |
background: rgba(255,255,255,0.12); | |
transition: .3s | |
} | |
body.OwO-open #body { | |
overflow-y: inherit; | |
overflow-x: hidden | |
} | |
body.theme-white .OwO:hover .OwO-logo { | |
color: #444 | |
} | |
body.theme-white .OwO .OwO-logo { | |
color: #777; | |
border-color: #ddd | |
} | |
body.theme-white .OwO .OwO-body { | |
background: #fff; | |
border: 1px solid #ddd | |
} | |
body.theme-white .OwO .OwO-body .OwO-items .OwO-item { | |
background: #f7f7f7 | |
} | |
body.theme-white .OwO .OwO-body .OwO-items .OwO-item:hover { | |
background: #eee; | |
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12) | |
} | |
body.theme-white .OwO .OwO-body .OwO-bar { | |
border-top: 1px solid #ddd; | |
background: #fff; | |
color: #444 | |
} | |
body.theme-white .OwO .OwO-body .OwO-bar .OwO-packages li:hover { | |
background: #eee | |
} | |
body.theme-white .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active { | |
background: #eee | |
} | |
body.theme-white.theme-sunset .OwO-body { | |
background: #fff8eb | |
} | |
body.theme-white.theme-sunset .OwO-body .OwO-items .OwO-item { | |
background: #f8f1e4 | |
} | |
body.theme-white.theme-sunset .OwO-body .OwO-items .OwO-item:hover { | |
background: #e7e0d3 | |
} | |
body.theme-white.theme-sunset .OwO-body .OwO-bar { | |
background: #fff8eb | |
} | |
body.theme-white.theme-sunset .OwO-body .OwO-bar .OwO-packages li:hover { | |
background: #f8f1e4 | |
} | |
body.theme-white.theme-sunset .OwO-body .OwO-bar .OwO-packages .OwO-package-active { | |
background: #f8f1e4 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment