Skip to content

Instantly share code, notes, and snippets.

@kbrx93
Created July 19, 2018 06:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kbrx93/c5c64cfbf773d18387230f8829e01def to your computer and use it in GitHub Desktop.
Save kbrx93/c5c64cfbf773d18387230f8829e01def to your computer and use it in GitHub Desktop.
@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