From b15720939bcab08fa545825fc936b812db92c7a7 Mon Sep 17 00:00:00 2001 From: curben Date: Tue, 25 Sep 2018 08:57:12 +0930 Subject: [PATCH] Remove source.css, beautify typing.css typing.css is compiled from source.css typing.css would be minified by hexo-all-minifier --- themes/typing/makefile | 17 - themes/typing/source/css/source.css | 1 - themes/typing/source/css/typing.css | 988 +++++++++++++++++++++++++++- 3 files changed, 985 insertions(+), 21 deletions(-) delete mode 100644 themes/typing/makefile delete mode 100644 themes/typing/source/css/source.css diff --git a/themes/typing/makefile b/themes/typing/makefile deleted file mode 100644 index 704f16b..0000000 --- a/themes/typing/makefile +++ /dev/null @@ -1,17 +0,0 @@ -.PHONY: css -css: - ./node_modules/.bin/postcss --use postcss-import --use precss --use autoprefixer --use cssnano source/css/source.css --output source/css/typing.css - -.PHONY: copy -copy: - mkdir -p ../hexo-theme-unit-test/themes/typing - cp -r ./layout ../hexo-theme-unit-test/themes/typing/ - cp -r ./source ../hexo-theme-unit-test/themes/typing/ - cp -r ./languages ../hexo-theme-unit-test/themes/typing/ - cp -r ./_config.yml ../hexo-theme-unit-test/themes/typing/ - - -.PHONY: all -all: - make css - make copy diff --git a/themes/typing/source/css/source.css b/themes/typing/source/css/source.css deleted file mode 100644 index e3b6083..0000000 --- a/themes/typing/source/css/source.css +++ /dev/null @@ -1 +0,0 @@ -@import'typo.css';@import'normalize.css';$black-normal:#505050;$black-bold:$111;$black-light:#222;$grey:#aeb4b9;$grey-bold:#777;$grey-light:#cacdd0;$scooter:#22C5E5;$content-width:60%;$content-max-width:700px;$mobile-content-width:80%;@define-extend a-hover{color:$scooter;border-bottom:solid 1px RGBA(34, 197, 229, .2);transition:color 100ms linear}@define-extend hr-base{height:1px;border:0;background-image:-webkit-linear-gradient(0deg, transparent, #d5d5d5, transparent)}@define-extend nav-link-base{margin-right:10px;color:$grey-bold;padding-bottom:5px;display:inline-block;border:0}body,html{width:100%;height:100%;position:relative;box-sizing:border-box;color:$black-light}body,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;transition:all 250ms ease}body{font-family:Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif;font-size:20px}h1,h2,h3,h4,h5,h6{font-family:Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif}a{color:$black-light;text-decoration:none;transition:color 250ms linear;cursor:pointer}a:hover{text-decoration:none;@extend a-hover}em{font-style:italic;font-weight:lighter}b,strong{font-weight:bold}blockquote{color:#666;border-left:2px solid #666;padding-left:1em;margin:1em 3em 1em -1em}.footer{box-sizing:border-box}.home-footer{padding:50px 0}.archive-footer,.post-footer{width:100%;margin:0 auto;padding:50px 0;hr{@extend hr-base}color:$grey-light;a,b,strong{color:$grey}}.container{width:100%}.copyright,.footer-content,.footer-links{text-align:center;width:100%;font-size:90%;color:$grey-light;li{display:inline-block}a{color:$grey-bold}a:hover{color:$scooter}}.archive-footer,.post-footer{width:$content-width;max-width:$content-max-width}.footer-content{margin:0 auto;text-align:left}.footer-links{a{text-decoration:none}font-size:100%;padding:0;li{margin:0 5px}}.home-body{display:flex;flex-direction:column;justify-content:center}.home{font-weight:lighter;line-height:1.4;color:$black-normal;text-align:center;position:relative;a{border-bottom:solid 1px #eee}.content{width:$content-width;max-width:500px;position:relative;margin:0 auto}h1,strong{color:$black-light}hr{@extend hr-base;width:80%;max-width:300px;margin:20px auto}li{list-style:none}.profile{width:100%;h1{font-weight:300}}}.main-nav-link{@extend nav-link-base}.nav-left{position:absolute;left:-130px;text-align:right;.main-nav-link{display:block;padding-bottom:10px}}.header-hr-left{display:none}.mobile-nav{display:none}.archive-container,.category-container,.tag-container{width:$content-width;margin:0 auto;position:relative;line-height:1;text-align:left;font-size:18px;padding-top:50px;max-width:$content-max-width;article{margin-bottom:15px}a{border:0}a:hover{border:0}.header{font-size:18px}.archive-article-header{ > h1,> a{display:inline-block;vertical-align:middle}> a{width:100px}h1{width:calc(100% - 120px);font-size:100%;margin:0}}hr{width:60%;margin:20px 0 40px;@extend hr-base;background-image:-webkit-linear-gradient(0deg, #d5d5d5, #d5d5d5, transparent)}.archive-article-date{font-size:80%;color:$grey-light}.archive-article-title{font-weight:200}.archive-year-wrap{margin-bottom:20px}.page-nav{text-align:center;margin-top:30px;color:$grey;a{color:$grey-bold}}.extend,.page-number{margin-right:15px}}.article{width:$content-width;max-width:$content-max-width;margin:0 auto;.header{font-size:18px;padding-top:50px}.main-nav-link:hover{border:0}.nav-left{position:relative;left:initial;text-align:initial;.main-nav-link{display:inline-block;padding-bottom:5px}}.header-hr-left{display:block}hr{width:60%;margin:20px 0 40px;@extend hr-base;background-image:-webkit-linear-gradient(0deg, #d5d5d5, #d5d5d5, transparent)}h1,h2,h3,h4,h5,h6{font-weight:bolder}.article-title{font-size:2.5em}a.fancybox,a.fancybox-item{border:0}.caption{color:$grey;display:block;font-size:14px;text-align:center}.article-entry{word-break:break-word;img{display:block;margin:auto}blockquote{footer{text-align:center;font-size:80%;color:$grey;cite{font-style:italic;&:before{content:"—";padding:0 0.5em}a{color:$grey;border-bottom:1px solid #eee;transition:color 250ms linear;&:hover{@extend a-hover}}}strong{color:$grey-bold;font-weight:400}}}table caption,table td,table th,td,th{word-break:initial}.pullquote{width:45%;border:0}.pullquote.left{float:left;text-align:left}.pullquote.right{float:right;text-align:right}.video-container{position:relative;padding-top:56.25%;margin-bottom:30px;height:0;overflow:hidden;iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}}}.article-nav{max-width:100%;margin-top:50px;font-size:80%}.article-nav-link-wrap{display:inline-block;color:$grey;padding:0 10px;width:49%;box-sizing:border-box;vertical-align:top;border:0;&:hover{@extend a-hover;border-bottom:0}strong{color:$grey-bold}}.article-nav-link-wrap.newer{text-align:right}.article-nav-link-wrap.older{text-align:left}.article-footer{margin-top:50px;hr{margin-top:50px;@extend hr-base}}.article-meta{font-size:80%;color:$grey;a{color:$grey-bold}.label{margin-right:10px}.article-category,.article-tag-list{display:inline-block}.article-tag-list-item{display:inline-block;margin-right:5px;&:before{content:'#'}}}.article-gallery{img{width:100%}}}.article-type-page{.article-footer{display:none}}.comments{width:$content-width;max-width:$content-max-width;margin:50px auto 0}$dark-bg:#3f3f3f;$dark-code-bg:#333;$dark-code-marked-bg:#444;$dark-color:#d8d8d8;$dark-grey:#aaa;$dark-grey-bold:#bbb;$dark-white:#ddd;$dark-white-light:#fff;.dark{background-color:$dark-bg;color:$dark-color;.container,.footer{background-color:$dark-bg}a{color:$dark-white}a:hover{@extend a-hover;color:$dark-white-light}.home{color:$dark-color;h1,strong{color:$dark-white}a{border-bottom:solid 1px #ddd}a:hover{border-bottom:solid 1px $dark-white-light}}.archive-container,.article,.category-container,.tag-container{.header{.main-nav-link{color:$dark-grey}.main-nav-link:hover{color:$dark-white-light}}.article-nav,.page-nav{color:$dark-grey;a{color:$dark-grey-bold}a:hover{color:$dark-white-light}}.article-entry blockquote footer strong,.article-meta a{color:$dark-grey-bold}}blockquote{color:$dark-grey}b,strong{color:$dark-white}h1,h2,h3,h4,h5,h6{color:$dark-white}.typo em,.typo-em,caption,legend{color:$dark-grey-bold}.typo table caption,.typo table td,.typo-table td{border:1px solid #ddd;color:$dark-grey}.article-entry{pre{color:$dark-color;background-color:$dark-code-bg}.highlight{color:$dark-color;background-color:$dark-code-bg;table caption,table td,td{border:0}.line.marked{background:$dark-code-marked-bg}}}}$code-background:#f3f5f6;$code-font-size:14px;$code-line-height:1.8;$highlight-background:#ffffff;$highlight-current-line:#efefef;$highlight-selection:#e6e6e6;$highlight-foreground:#4d4d4c;$highlight-comment:#8e908c;$highlight-red:#c82829;$highlight-orange:#f5871f;$highlight-yellow:#eab700;$highlight-green:#718c00;$highlight-aqua:#3e999f;$highlight-blue:#4271ae;$highlight-purple:#8959a8;@define-extend code-block{padding:20px;background:$code-background;color:$highlight-foreground;font-size:$code-font-size;overflow:auto;line-height:$code-line-height}@define-extend line-numbers{color:$grey;font-size:$code-font-size}.article-entry{figure.highlight{margin:0}pre{@extend code-block;code{background:none;text-shadow:none;padding:0}}.highlight{@extend code-block;pre{border:0;margin:0;padding:0}table{margin:0;width:100%}td{border:0;padding:0}figcaption{color:$highlight-comment;a{float:right}}.gutter pre{@extend line-numbers}.line{height:25px}.line.marked{background:$highlight-selection}}}pre{.comment,.title{color:$highlight-comment}.attribute,.css .class,.css .id,.css .pseudo,.html .doctype,.regexp,.ruby .constant,.tag,.variable,.xml .doctype,.xml .pi,.xml .tag .title{color:$highlight-red}.built_in,.constant,.literal,.number,.params,.preprocessor{color:$highlight-orange}.class,.css .rules .attribute,.ruby .class .title{color:$highlight-green}.header,.inheritance,.ruby .symbol,.string,.value,.xml .cdata{color:$highlight-green}.css .hexcolor{color:$highlight-aqua}.coffeescript .title,.function,.javascript .title,.perl .sub,.python .decorator,.python .title,.ruby .function .title,.ruby .title .keyword{color:$highlight-blue}.javascript .function,.keyword{color:$highlight-purple}}@media (max-width: 768px){body{font-size:18px}.archive-footer,.post-footer{width:$mobile-content-width}.home{.content{width:$mobile-content-width}}.archive-container{width:$mobile-content-width}.article{width:$mobile-content-width}.article-title{font-size:2rem}.comments{width:$mobile-content-width}.nav-left{position:relative;left:initial;text-align:initial;.main-nav-link{display:inline-block;padding-bottom:5px}}.header-hr-left{display:block}}@media (max-width: 468px){$mobile-content-width:80%;body{font-size:16px}.home{color:$black-light;a{color:$black-bold}}.archive-container{.archive-footer,.post-footer{padding:40px}.archive-article-header{ > h1,> a{width:100%}}}.mobile-nav{display:flex;align-items:center;justify-content:space-between}.main-nav{display:none;position:absolute;background-color:#fff;width:50%;padding:20px;border:2px solid #777;box-shadow:5px 5px 5px #777;.main-nav-link{display:block;padding-bottom:10px}}.article .nav-left{position:absolute;.main-nav-link{display:block;padding-bottom:10px}}}@media (max-width: 320px){body{font-size:14px}.article{font-size:16px}.archive-container{.archive-footer,.post-footer{padding:30px}}.footer,.footer-content{font-size:100%}} \ No newline at end of file diff --git a/themes/typing/source/css/typing.css b/themes/typing/source/css/typing.css index e7f0087..86b9fa8 100644 --- a/themes/typing/source/css/typing.css +++ b/themes/typing/source/css/typing.css @@ -1,3 +1,985 @@ -@charset "utf-8";html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}html.borderbox *,html.borderbox :after,html.borderbox :before{box-sizing:border-box}article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}audio,canvas,video{display:inline-block}body,button,input,select,textarea{font:300 1em/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}blockquote{position:relative;color:#999;font-weight:400;border-left:1px solid #1abc9c;padding-left:1em;margin:1em 3em 1em 2em}@media only screen and (max-width:640px){blockquote{margin:1em 0}}abbr,acronym{border-bottom:1px dotted;font-variant:normal}abbr{cursor:help}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}sub,sup{font-size:75%;line-height:0;position:relative}:root sub,:root sup{vertical-align:baseline}a{color:#1abc9c}a:hover{text-decoration:underline}.typo a{border-bottom:1px solid #1abc9c}.typo a:hover{border-bottom-color:#555;color:#555}.typo a:hover,a,ins{text-decoration:none}.typo-u,u{text-decoration:underline}mark{background:#fffdd1;border-bottom:1px solid #ffedce;padding:2px;margin:0 5px}code,pre,pre tt{font-family:Courier,Courier New,monospace}pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}.typo-small,figcaption,small{font-size:.9em;color:#888}b,strong{font-weight:700;color:#000}[draggable]{cursor:move}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}.textwrap-table{table-layout:fixed}.serif{font-family:Palatino,Optima,Georgia,serif}.typo-dl,.typo-form,.typo-hr,.typo-ol,.typo-p,.typo-pre,.typo-table,.typo-ul,.typo dl,.typo form,.typo hr,.typo ol,.typo p,.typo pre,.typo table,.typo ul,blockquote{margin-bottom:1.2em}h1,h2,h3,h4,h5,h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-weight:100;color:#000;line-height:1.35}.typo-h1,.typo-h2,.typo-h3,.typo-h4,.typo-h5,.typo-h6,.typo h1,.typo h2,.typo h3,.typo h4,.typo h5,.typo h6{margin-top:1.2em;margin-bottom:.6em;line-height:1.35}.typo-h1,.typo h1{font-size:2em}.typo-h2,.typo h2{font-size:1.8em}.typo-h3,.typo h3{font-size:1.6em}.typo-h4,.typo h4{font-size:1.4em}.typo-h5,.typo-h6,.typo h5,.typo h6{font-size:1.2em}.typo-ul,.typo ul{margin-left:1.3em;list-style:disc}.typo-ol,.typo ol{list-style:decimal;margin-left:1.9em}.typo-ol ol,.typo-ol ul,.typo-ul ol,.typo-ul ul,.typo li ol,.typo li ul{margin-bottom:.8em;margin-left:2em}.typo-ol ul,.typo-ul ul,.typo li ul{list-style:circle}.typo-table td,.typo-table th,.typo table caption,.typo table td,.typo table th{border:1px solid #ddd;padding:.5em 1em;color:#666}.typo-table th,.typo table th{background:#fbfbfb}.typo-table thead th,.typo table thead th{background:#f1f1f1}.typo table caption{border-bottom:none}.typo-input,.typo-textarea{-webkit-appearance:none;border-radius:0}.typo-em,.typo em,caption,legend{color:#000;font-weight:inherit}.typo-em{position:relative}.typo-em:after{position:absolute;top:.65em;left:0;width:100%;overflow:hidden;white-space:nowrap;content:"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"}.typo img{max-width:100%} - -/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}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:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}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-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.article .article-entry blockquote footer cite a:hover,.article .article-nav-link-wrap:hover,.dark a:hover,a:hover{color:#22c5e5;border-bottom:1px solid RGBA(34,197,229,.2);-webkit-transition:color .1s linear;transition:color .1s linear}.archive-container hr,.archive-footer hr,.article .article-footer hr,.article hr,.category-container hr,.home hr,.post-footer hr,.tag-container hr{height:1px;border:0;background-image:-webkit-linear-gradient(0deg,transparent,#d5d5d5,transparent)}.main-nav-link{margin-right:10px;color:#777;padding-bottom:5px;display:inline-block;border:0}body,html{width:100%;height:100%;position:relative;box-sizing:border-box;color:#222}body,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;-webkit-transition:all .25s ease;transition:all .25s ease}body{font-family:Baskerville,Times New Roman,Liberation Serif,STFangsong,FangSong,FangSong_GB2312,CWTEX\\-F,serif;font-size:20px}h1,h2,h3,h4,h5,h6{font-family:Baskerville,Georgia,Liberation Serif,Kaiti SC,STKaiti,AR PL UKai CN,AR PL UKai HK,AR PL UKai TW,AR PL UKai TW MBE,AR PL KaitiM GB,KaiTi,KaiTi_GB2312,DFKai-SB,TW\\-Kai,serif}a{color:#222;-webkit-transition:color .25s linear;transition:color .25s linear;cursor:pointer}a,a:hover{text-decoration:none}em{font-style:italic;font-weight:lighter}b,strong{font-weight:700}blockquote{color:#666;border-left:2px solid #666;padding-left:1em;margin:1em 3em 1em -1em}.footer{box-sizing:border-box}.home-footer{padding:50px 0}.archive-footer,.post-footer{width:100%;margin:0 auto;padding:50px 0;color:#cacdd0}.archive-footer a,.archive-footer b,.archive-footer strong,.post-footer a,.post-footer b,.post-footer strong{color:#aeb4b9}.container{width:100%}.copyright,.footer-content,.footer-links{text-align:center;width:100%;font-size:90%;color:#cacdd0}.copyright li,.footer-content li,.footer-links li{display:inline-block}.copyright a,.footer-content a,.footer-links a{color:#777}.copyright a:hover,.footer-content a:hover,.footer-links a:hover{color:#22c5e5}.archive-footer,.post-footer{width:60%;max-width:700px}.footer-content{margin:0 auto;text-align:left}.footer-links{font-size:100%;padding:0}.footer-links a{text-decoration:none}.footer-links li{margin:0 5px}.home-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home{font-weight:lighter;line-height:1.4;color:#505050;text-align:center;position:relative}.home a{border-bottom:1px solid #eee}.home .content{width:60%;max-width:500px;position:relative;margin:0 auto}.home h1,.home strong{color:#222}.home hr{width:80%;max-width:300px;margin:20px auto}.home li{list-style:none}.home .profile{width:100%}.home .profile h1{font-weight:300}.nav-left{position:absolute;left:-130px;text-align:right}.nav-left .main-nav-link{display:block;padding-bottom:10px}.header-hr-left,.mobile-nav{display:none}.archive-container,.category-container,.tag-container{width:60%;margin:0 auto;position:relative;line-height:1;text-align:left;font-size:18px;padding-top:50px;max-width:700px}.archive-container article,.category-container article,.tag-container article{margin-bottom:15px}.archive-container a,.archive-container a:hover,.category-container a,.category-container a:hover,.tag-container a,.tag-container a:hover{border:0}.archive-container .header,.category-container .header,.tag-container .header{font-size:18px}.archive-container .archive-article-header>a,.archive-container .archive-article-header>h1,.category-container .archive-article-header>a,.category-container .archive-article-header>h1,.tag-container .archive-article-header>a,.tag-container .archive-article-header>h1{display:inline-block;vertical-align:middle}.archive-container .archive-article-header>a,.category-container .archive-article-header>a,.tag-container .archive-article-header>a{width:100px}.archive-container .archive-article-header h1,.category-container .archive-article-header h1,.tag-container .archive-article-header h1{width:calc(100% - 120px);font-size:100%;margin:0}.archive-container hr,.category-container hr,.tag-container hr{width:60%;margin:20px 0 40px;background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent)}.archive-container .archive-article-date,.category-container .archive-article-date,.tag-container .archive-article-date{font-size:80%;color:#cacdd0}.archive-container .archive-article-title,.category-container .archive-article-title,.tag-container .archive-article-title{font-weight:200}.archive-container .archive-year-wrap,.category-container .archive-year-wrap,.tag-container .archive-year-wrap{margin-bottom:20px}.archive-container .page-nav,.category-container .page-nav,.tag-container .page-nav{text-align:center;margin-top:30px;color:#aeb4b9}.archive-container .page-nav a,.category-container .page-nav a,.tag-container .page-nav a{color:#777}.archive-container .extend,.archive-container .page-number,.category-container .extend,.category-container .page-number,.tag-container .extend,.tag-container .page-number{margin-right:15px}.article{width:60%;max-width:700px;margin:0 auto}.article .header{font-size:18px;padding-top:50px}.article .main-nav-link:hover{border:0}.article .nav-left{position:relative;left:auto;text-align:initial}.article .nav-left .main-nav-link{display:inline-block;padding-bottom:5px}.article .header-hr-left{display:block}.article hr{width:60%;margin:20px 0 40px;background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent)}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-weight:bolder}.article .article-title{font-size:2.5em}.article a.fancybox,.article a.fancybox-item{border:0}.article .caption{color:#aeb4b9;display:block;font-size:14px;text-align:center}.article .article-entry{word-break:break-word}.article .article-entry img{display:block;margin:auto}.article .article-entry blockquote footer{text-align:center;font-size:80%;color:#aeb4b9}.article .article-entry blockquote footer cite{font-style:italic}.article .article-entry blockquote footer cite a{color:#aeb4b9;border-bottom:1px solid #eee;-webkit-transition:color .25s linear;transition:color .25s linear}.article .article-entry blockquote footer cite:before{content:"—";padding:0 .5em}.article .article-entry blockquote footer strong{color:#777;font-weight:400}.article .article-entry table caption,.article .article-entry table td,.article .article-entry table th,.article .article-entry td,.article .article-entry th{word-break:normal}.article .article-entry .pullquote{width:45%;border:0}.article .article-entry .pullquote.left{float:left;text-align:left}.article .article-entry .pullquote.right{float:right;text-align:right}.article .article-entry .video-container{position:relative;padding-top:56.25%;margin-bottom:30px;height:0;overflow:hidden}.article .article-entry .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}.article .article-nav{max-width:100%;margin-top:50px;font-size:80%}.article .article-nav-link-wrap{display:inline-block;color:#aeb4b9;padding:0 10px;width:49%;box-sizing:border-box;vertical-align:top;border:0}.article .article-nav-link-wrap strong{color:#777}.article .article-nav-link-wrap:hover{border-bottom:0}.article .article-nav-link-wrap.newer{text-align:right}.article .article-nav-link-wrap.older{text-align:left}.article .article-footer,.article .article-footer hr{margin-top:50px}.article .article-meta{font-size:80%;color:#aeb4b9}.article .article-meta a{color:#777}.article .article-meta .label{margin-right:10px}.article .article-meta .article-category,.article .article-meta .article-tag-list{display:inline-block}.article .article-meta .article-tag-list-item{display:inline-block;margin-right:5px}.article .article-meta .article-tag-list-item:before{content:'#'}.article .article-gallery img{width:100%}.article-type-page .article-footer{display:none}.comments{width:60%;max-width:700px;margin:50px auto 0}.dark{color:#d8d8d8}.dark,.dark .container,.dark .footer{background-color:#3f3f3f}.dark a{color:#ddd}.dark a:hover{color:#fff}.dark .home{color:#d8d8d8}.dark .home h1,.dark .home strong{color:#ddd}.dark .home a{border-bottom:1px solid #ddd}.dark .home a:hover{border-bottom:1px solid #fff}.dark .archive-container .header .main-nav-link,.dark .article .header .main-nav-link,.dark .category-container .header .main-nav-link,.dark .tag-container .header .main-nav-link{color:#aaa}.dark .archive-container .header .main-nav-link:hover,.dark .article .header .main-nav-link:hover,.dark .category-container .header .main-nav-link:hover,.dark .tag-container .header .main-nav-link:hover{color:#fff}.dark .archive-container .article-nav,.dark .archive-container .page-nav,.dark .article .article-nav,.dark .article .page-nav,.dark .category-container .article-nav,.dark .category-container .page-nav,.dark .tag-container .article-nav,.dark .tag-container .page-nav{color:#aaa}.dark .archive-container .article-nav a,.dark .archive-container .page-nav a,.dark .article .article-nav a,.dark .article .page-nav a,.dark .category-container .article-nav a,.dark .category-container .page-nav a,.dark .tag-container .article-nav a,.dark .tag-container .page-nav a{color:#bbb}.dark .archive-container .article-nav a:hover,.dark .archive-container .page-nav a:hover,.dark .article .article-nav a:hover,.dark .article .page-nav a:hover,.dark .category-container .article-nav a:hover,.dark .category-container .page-nav a:hover,.dark .tag-container .article-nav a:hover,.dark .tag-container .page-nav a:hover{color:#fff}.dark .archive-container .article-entry blockquote footer strong,.dark .archive-container .article-meta a,.dark .article .article-entry blockquote footer strong,.dark .article .article-meta a,.dark .category-container .article-entry blockquote footer strong,.dark .category-container .article-meta a,.dark .tag-container .article-entry blockquote footer strong,.dark .tag-container .article-meta a{color:#bbb}.dark blockquote{color:#aaa}.dark b,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark strong{color:#ddd}.dark .typo-em,.dark .typo em,.dark caption,.dark legend{color:#bbb}.dark .typo-table td,.dark .typo table caption,.dark .typo table td{border:1px solid #ddd;color:#aaa}.dark .article-entry .highlight,.dark .article-entry pre{color:#d8d8d8;background-color:#333}.dark .article-entry .highlight table caption,.dark .article-entry .highlight table td,.dark .article-entry .highlight td{border:0}.dark .article-entry .highlight .line.marked{background:#444}.article-entry .highlight,.article-entry pre{padding:20px;background:#f3f5f6;color:#4d4d4c;font-size:14px;overflow:auto;line-height:1.8}.article-entry .highlight .gutter pre{color:#aeb4b9;font-size:14px}.article-entry figure.highlight{margin:0}.article-entry pre code{background:none;text-shadow:none;padding:0}.article-entry .highlight pre{border:0;margin:0;padding:0}.article-entry .highlight table{margin:0;width:100%}.article-entry .highlight td{border:0;padding:0}.article-entry .highlight figcaption{color:#8e908c}.article-entry .highlight figcaption a{float:right}.article-entry .highlight .line{height:25px}.article-entry .highlight .line.marked{background:#e6e6e6}pre .comment,pre .title{color:#8e908c}pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{color:#c82829}pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{color:#f5871f}pre .class,pre .css .rules .attribute,pre .header,pre .inheritance,pre .ruby .class .title,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{color:#718c00}pre .css .hexcolor{color:#3e999f}pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{color:#4271ae}pre .javascript .function,pre .keyword{color:#8959a8}@media (max-width:768px){body{font-size:18px}.archive-container,.archive-footer,.article,.home .content,.post-footer{width:80%}.article-title{font-size:2rem}.comments{width:80%}.nav-left{position:relative;left:auto;text-align:initial}.nav-left .main-nav-link{display:inline-block;padding-bottom:5px}.header-hr-left{display:block}}@media (max-width:468px){body{font-size:16px}.home{color:#222}.home a{color:$111}.archive-container .archive-footer,.archive-container .post-footer{padding:40px}.archive-container .archive-article-header>a,.archive-container .archive-article-header>h1{width:100%}.mobile-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-nav{display:none;position:absolute;background-color:#fff;width:50%;padding:20px;border:2px solid #777;box-shadow:5px 5px 5px #777}.main-nav .main-nav-link{display:block;padding-bottom:10px}.article .nav-left{position:absolute}.article .nav-left .main-nav-link{display:block;padding-bottom:10px}}@media (max-width:320px){body{font-size:14px}.article{font-size:16px}.archive-container .archive-footer,.archive-container .post-footer{padding:30px}.footer,.footer-content{font-size:100%}} \ No newline at end of file +/* (c) GeekPlux geekplux@gmail.com | https://github.com/geekplux/hexo-theme-typing | MIT license */ +@charset "utf-8"; +html{ + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; + text-rendering:optimizelegibility +} +html.borderbox *,html.borderbox :after,html.borderbox :before{ + box-sizing:border-box +} +article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{ + margin:0; + padding:0 +} +article,aside,details,figcaption,figure,footer,header,menu,nav,section{ + display:block +} +audio,canvas,video{ + display:inline-block +} +body,button,input,select,textarea{ + font:300 1em/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans +} +button::-moz-focus-inner,input::-moz-focus-inner{ + padding:0; + border:0 +} +table{ + border-collapse:collapse; + border-spacing:0 +} +fieldset,img{ + border:0 +} +blockquote{ + position:relative; + color:#999; + font-weight:400; + border-left:1px solid #1abc9c; + padding-left:1em; + margin:1em 3em 1em 2em +} +@media only screen and (max-width:640px){ + blockquote{ + margin:1em 0 + } +} +abbr,acronym{ + border-bottom:1px dotted; + font-variant:normal +} +abbr{ + cursor:help +} +del{ + text-decoration:line-through +} +address,caption,cite,code,dfn,em,th,var{ + font-style:normal; + font-weight:400 +} +ol,ul{ + list-style:none +} +caption,th{ + text-align:left +} +q:after,q:before{ + content:'' +} +sub,sup{ + font-size:75%; + line-height:0; + position:relative +} +:root sub,:root sup{ + vertical-align:baseline +} +a{ + color:#1abc9c +} +a:hover{ + text-decoration:underline +} +.typo a{ + border-bottom:1px solid #1abc9c +} +.typo a:hover{ + border-bottom-color:#555; + color:#555 +} +.typo a:hover,a,ins{ + text-decoration:none +} +.typo-u,u{ + text-decoration:underline +} +mark{ + background:#fffdd1; + border-bottom:1px solid #ffedce; + padding:2px; + margin:0 5px +} +code,pre,pre tt{ + font-family:Courier,Courier New,monospace +} +pre{ + background:#f8f8f8; + border:1px solid #ddd; + padding:1em 1.5em; + display:block; + -webkit-overflow-scrolling:touch +} +hr{ + border:none; + border-bottom:1px solid #cfcfcf; + margin-bottom:.8em; + height:10px +} +.typo-small,figcaption,small{ + font-size:.9em; + color:#888 +} +b,strong{ + font-weight:700; + color:#000 +} +[draggable]{ + cursor:move +} +.clearfix:after,.clearfix:before{ + content:""; + display:table +} +.clearfix:after{ + clear:both +} +.clearfix{ + zoom:1 +} +.textwrap,.textwrap td,.textwrap th{ + word-wrap:break-word; + word-break:break-all +} +.textwrap-table{ + table-layout:fixed +} +.serif{ + font-family:Palatino,Optima,Georgia,serif +} +.typo-dl,.typo-form,.typo-hr,.typo-ol,.typo-p,.typo-pre,.typo-table,.typo-ul,.typo dl,.typo form,.typo hr,.typo ol,.typo p,.typo pre,.typo table,.typo ul,blockquote{ + margin-bottom:1.2em +} +h1,h2,h3,h4,h5,h6{ + font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; + font-weight:100; + color:#000; + line-height:1.35 +} +.typo-h1,.typo-h2,.typo-h3,.typo-h4,.typo-h5,.typo-h6,.typo h1,.typo h2,.typo h3,.typo h4,.typo h5,.typo h6{ + margin-top:1.2em; + margin-bottom:.6em; + line-height:1.35 +} +.typo-h1,.typo h1{ + font-size:2em +} +.typo-h2,.typo h2{ + font-size:1.8em +} +.typo-h3,.typo h3{ + font-size:1.6em +} +.typo-h4,.typo h4{ + font-size:1.4em +} +.typo-h5,.typo-h6,.typo h5,.typo h6{ + font-size:1.2em +} +.typo-ul,.typo ul{ + margin-left:1.3em; + list-style:disc +} +.typo-ol,.typo ol{ + list-style:decimal; + margin-left:1.9em +} +.typo-ol ol,.typo-ol ul,.typo-ul ol,.typo-ul ul,.typo li ol,.typo li ul{ + margin-bottom:.8em; + margin-left:2em +} +.typo-ol ul,.typo-ul ul,.typo li ul{ + list-style:circle +} +.typo-table td,.typo-table th,.typo table caption,.typo table td,.typo table th{ + border:1px solid #ddd; + padding:.5em 1em; + color:#666 +} +.typo-table th,.typo table th{ + background:#fbfbfb +} +.typo-table thead th,.typo table thead th{ + background:#f1f1f1 +} +.typo table caption{ + border-bottom:none +} +.typo-input,.typo-textarea{ + -webkit-appearance:none; + border-radius:0 +} +.typo-em,.typo em,caption,legend{ + color:#000; + font-weight:inherit +} +.typo-em{ + position:relative +} +.typo-em:after{ + position:absolute; + top:.65em; + left:0; + width:100%; + overflow:hidden; + white-space:nowrap; + content:"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・" +} +.typo img{ + max-width:100% +} +html{ + font-family:sans-serif; + line-height:1.15; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100% +} +body{ + margin:0 +} +article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{ + display:block +} +audio,canvas,progress,video{ + display:inline-block +} +audio:not([controls]){ + display:none; + height:0 +} +progress{ + vertical-align:baseline +} +[hidden],template{ + display:none +} +a{ + background-color:transparent; + -webkit-text-decoration-skip:objects +} +a:active,a:hover{ + outline-width:0 +} +abbr[title]{ + border-bottom:none; + text-decoration:underline; + text-decoration:underline dotted +} +b,strong{ + font-weight:inherit; + font-weight:bolder +} +dfn{ + font-style:italic +} +h1{ + font-size:2em; + margin:.67em 0 +} +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:-.25em +} +sup{ + top:-.5em +} +img{ + border-style:none +} +svg:not(:root){ + overflow:hidden +} +code,kbd,pre,samp{ + font-family:monospace,monospace; + font-size:1em +} +figure{ + margin:1em 40px +} +hr{ + box-sizing:content-box; + height:0; + overflow:visible +} +button,input,optgroup,select,textarea{ + font:inherit; + margin:0 +} +optgroup{ + font-weight:700 +} +button,input{ + overflow:visible +} +button,select{ + text-transform:none +} +[type=reset],[type=submit],button,html [type=button]{ + -webkit-appearance:button +} +[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{ + border-style:none; + padding:0 +} +[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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 +} +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-input-placeholder{ + color:inherit; + opacity:.54 +} +::-webkit-file-upload-button{ + -webkit-appearance:button; + font:inherit +} +.article .article-entry blockquote footer cite a:hover,.article .article-nav-link-wrap:hover,.dark a:hover,a:hover{ + color:#22c5e5; + border-bottom:1px solid RGBA(34,197,229,.2); + -webkit-transition:color .1s linear; + transition:color .1s linear +} +.archive-container hr,.archive-footer hr,.article .article-footer hr,.article hr,.category-container hr,.home hr,.post-footer hr,.tag-container hr{ + height:1px; + border:0; + background-image:-webkit-linear-gradient(0deg,transparent,#d5d5d5,transparent) +} +.main-nav-link{ + margin-right:10px; + color:#777; + padding-bottom:5px; + display:inline-block; + border:0 +} +body,html{ + width:100%; + height:100%; + position:relative; + box-sizing:border-box; + color:#222 +} +body,h1,h2,h3,h4,h5,h6{ + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + -moz-font-feature-settings:"liga" on; + -webkit-transition:all .25s ease; + transition:all .25s ease +} +body{ + font-family:Baskerville,Times New Roman,Liberation Serif,STFangsong,FangSong,FangSong_GB2312,CWTEX\\-F,serif; + font-size:20px +} +h1,h2,h3,h4,h5,h6{ + font-family:Baskerville,Georgia,Liberation Serif,Kaiti SC,STKaiti,AR PL UKai CN,AR PL UKai HK,AR PL UKai TW,AR PL UKai TW MBE,AR PL KaitiM GB,KaiTi,KaiTi_GB2312,DFKai-SB,TW\\-Kai,serif +} +a{ + color:#222; + -webkit-transition:color .25s linear; + transition:color .25s linear; + cursor:pointer +} +a,a:hover{ + text-decoration:none +} +em{ + font-style:italic; + font-weight:lighter +} +b,strong{ + font-weight:700 +} +blockquote{ + color:#666; + border-left:2px solid #666; + padding-left:1em; + margin:1em 3em 1em -1em +} +.footer{ + box-sizing:border-box +} +.home-footer{ + padding:50px 0 +} +.archive-footer,.post-footer{ + width:100%; + margin:0 auto; + padding:50px 0; + color:#cacdd0 +} +.archive-footer a,.archive-footer b,.archive-footer strong,.post-footer a,.post-footer b,.post-footer strong{ + color:#aeb4b9 +} +.container{ + width:100% +} +.copyright,.footer-content,.footer-links{ + text-align:center; + width:100%; + font-size:90%; + color:#cacdd0 +} +.copyright li,.footer-content li,.footer-links li{ + display:inline-block +} +.copyright a,.footer-content a,.footer-links a{ + color:#777 +} +.copyright a:hover,.footer-content a:hover,.footer-links a:hover{ + color:#22c5e5 +} +.archive-footer,.post-footer{ + width:60%; + max-width:700px +} +.footer-content{ + margin:0 auto; + text-align:left +} +.footer-links{ + font-size:100%; + padding:0 +} +.footer-links a{ + text-decoration:none +} +.footer-links li{ + margin:0 5px +} +.home-body{ + display:-webkit-box; + display:-ms-flexbox; + display:flex; + -webkit-box-orient:vertical; + -webkit-box-direction:normal; + -ms-flex-direction:column; + flex-direction:column; + -webkit-box-pack:center; + -ms-flex-pack:center; + justify-content:center +} +.home{ + font-weight:lighter; + line-height:1.4; + color:#505050; + text-align:center; + position:relative +} +.home a{ + border-bottom:1px solid #eee +} +.home .content{ + width:60%; + max-width:500px; + position:relative; + margin:0 auto +} +.home h1,.home strong{ + color:#222 +} +.home hr{ + width:80%; + max-width:300px; + margin:20px auto +} +.home li{ + list-style:none +} +.home .profile{ + width:100% +} +.home .profile h1{ + font-weight:300 +} +.nav-left{ + position:absolute; + left:-130px; + text-align:right +} +.nav-left .main-nav-link{ + display:block; + padding-bottom:10px +} +.header-hr-left,.mobile-nav{ + display:none +} +.archive-container,.category-container,.tag-container{ + width:60%; + margin:0 auto; + position:relative; + line-height:1; + text-align:left; + font-size:18px; + padding-top:50px; + max-width:700px +} +.archive-container article,.category-container article,.tag-container article{ + margin-bottom:15px +} +.archive-container a,.archive-container a:hover,.category-container a,.category-container a:hover,.tag-container a,.tag-container a:hover{ + border:0 +} +.archive-container .header,.category-container .header,.tag-container .header{ + font-size:18px +} +.archive-container .archive-article-header>a,.archive-container .archive-article-header>h1,.category-container .archive-article-header>a,.category-container .archive-article-header>h1,.tag-container .archive-article-header>a,.tag-container .archive-article-header>h1{ + display:inline-block; + vertical-align:middle +} +.archive-container .archive-article-header>a,.category-container .archive-article-header>a,.tag-container .archive-article-header>a{ + width:100px +} +.archive-container .archive-article-header h1,.category-container .archive-article-header h1,.tag-container .archive-article-header h1{ + width:calc(100% - 120px); + font-size:100%; + margin:0 +} +.archive-container hr,.category-container hr,.tag-container hr{ + width:60%; + margin:20px 0 40px; + background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent) +} +.archive-container .archive-article-date,.category-container .archive-article-date,.tag-container .archive-article-date{ + font-size:80%; + color:#cacdd0 +} +.archive-container .archive-article-title,.category-container .archive-article-title,.tag-container .archive-article-title{ + font-weight:200 +} +.archive-container .archive-year-wrap,.category-container .archive-year-wrap,.tag-container .archive-year-wrap{ + margin-bottom:20px +} +.archive-container .page-nav,.category-container .page-nav,.tag-container .page-nav{ + text-align:center; + margin-top:30px; + color:#aeb4b9 +} +.archive-container .page-nav a,.category-container .page-nav a,.tag-container .page-nav a{ + color:#777 +} +.archive-container .extend,.archive-container .page-number,.category-container .extend,.category-container .page-number,.tag-container .extend,.tag-container .page-number{ + margin-right:15px +} +.article{ + width:60%; + max-width:700px; + margin:0 auto +} +.article .header{ + font-size:18px; + padding-top:50px +} +.article .main-nav-link:hover{ + border:0 +} +.article .nav-left{ + position:relative; + left:auto; + text-align:initial +} +.article .nav-left .main-nav-link{ + display:inline-block; + padding-bottom:5px +} +.article .header-hr-left{ + display:block +} +.article hr{ + width:60%; + margin:20px 0 40px; + background-image:-webkit-linear-gradient(0deg,#d5d5d5,#d5d5d5,transparent) +} +.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{ + font-weight:bolder +} +.article .article-title{ + font-size:2.5em +} +.article a.fancybox,.article a.fancybox-item{ + border:0 +} +.article .caption{ + color:#aeb4b9; + display:block; + font-size:14px; + text-align:center +} +.article .article-entry{ + word-break:break-word +} +.article .article-entry img{ + display:block; + margin:auto +} +.article .article-entry blockquote footer{ + text-align:center; + font-size:80%; + color:#aeb4b9 +} +.article .article-entry blockquote footer cite{ + font-style:italic +} +.article .article-entry blockquote footer cite a{ + color:#aeb4b9; + border-bottom:1px solid #eee; + -webkit-transition:color .25s linear; + transition:color .25s linear +} +.article .article-entry blockquote footer cite:before{ + content:"—"; + padding:0 .5em +} +.article .article-entry blockquote footer strong{ + color:#777; + font-weight:400 +} +.article .article-entry table caption,.article .article-entry table td,.article .article-entry table th,.article .article-entry td,.article .article-entry th{ + word-break:normal +} +.article .article-entry .pullquote{ + width:45%; + border:0 +} +.article .article-entry .pullquote.left{ + float:left; + text-align:left +} +.article .article-entry .pullquote.right{ + float:right; + text-align:right +} +.article .article-entry .video-container{ + position:relative; + padding-top:56.25%; + margin-bottom:30px; + height:0; + overflow:hidden +} +.article .article-entry .video-container iframe{ + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + margin-top:0 +} +.article .article-nav{ + max-width:100%; + margin-top:50px; + font-size:80% +} +.article .article-nav-link-wrap{ + display:inline-block; + color:#aeb4b9; + padding:0 10px; + width:49%; + box-sizing:border-box; + vertical-align:top; + border:0 +} +.article .article-nav-link-wrap strong{ + color:#777 +} +.article .article-nav-link-wrap:hover{ + border-bottom:0 +} +.article .article-nav-link-wrap.newer{ + text-align:right +} +.article .article-nav-link-wrap.older{ + text-align:left +} +.article .article-footer,.article .article-footer hr{ + margin-top:50px +} +.article .article-meta{ + font-size:80%; + color:#aeb4b9 +} +.article .article-meta a{ + color:#777 +} +.article .article-meta .label{ + margin-right:10px +} +.article .article-meta .article-category,.article .article-meta .article-tag-list{ + display:inline-block +} +.article .article-meta .article-tag-list-item{ + display:inline-block; + margin-right:5px +} +.article .article-meta .article-tag-list-item:before{ + content:'#' +} +.article .article-gallery img{ + width:100% +} +.article-type-page .article-footer{ + display:none +} +.comments{ + width:60%; + max-width:700px; + margin:50px auto 0 +} +.dark{ + color:#d8d8d8 +} +.dark,.dark .container,.dark .footer{ + background-color:#3f3f3f +} +.dark a{ + color:#ddd +} +.dark a:hover{ + color:#fff +} +.dark .home{ + color:#d8d8d8 +} +.dark .home h1,.dark .home strong{ + color:#ddd +} +.dark .home a{ + border-bottom:1px solid #ddd +} +.dark .home a:hover{ + border-bottom:1px solid #fff +} +.dark .archive-container .header .main-nav-link,.dark .article .header .main-nav-link,.dark .category-container .header .main-nav-link,.dark .tag-container .header .main-nav-link{ + color:#aaa +} +.dark .archive-container .header .main-nav-link:hover,.dark .article .header .main-nav-link:hover,.dark .category-container .header .main-nav-link:hover,.dark .tag-container .header .main-nav-link:hover{ + color:#fff +} +.dark .archive-container .article-nav,.dark .archive-container .page-nav,.dark .article .article-nav,.dark .article .page-nav,.dark .category-container .article-nav,.dark .category-container .page-nav,.dark .tag-container .article-nav,.dark .tag-container .page-nav{ + color:#aaa +} +.dark .archive-container .article-nav a,.dark .archive-container .page-nav a,.dark .article .article-nav a,.dark .article .page-nav a,.dark .category-container .article-nav a,.dark .category-container .page-nav a,.dark .tag-container .article-nav a,.dark .tag-container .page-nav a{ + color:#bbb +} +.dark .archive-container .article-nav a:hover,.dark .archive-container .page-nav a:hover,.dark .article .article-nav a:hover,.dark .article .page-nav a:hover,.dark .category-container .article-nav a:hover,.dark .category-container .page-nav a:hover,.dark .tag-container .article-nav a:hover,.dark .tag-container .page-nav a:hover{ + color:#fff +} +.dark .archive-container .article-entry blockquote footer strong,.dark .archive-container .article-meta a,.dark .article .article-entry blockquote footer strong,.dark .article .article-meta a,.dark .category-container .article-entry blockquote footer strong,.dark .category-container .article-meta a,.dark .tag-container .article-entry blockquote footer strong,.dark .tag-container .article-meta a{ + color:#bbb +} +.dark blockquote{ + color:#aaa +} +.dark b,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark strong{ + color:#ddd +} +.dark .typo-em,.dark .typo em,.dark caption,.dark legend{ + color:#bbb +} +.dark .typo-table td,.dark .typo table caption,.dark .typo table td{ + border:1px solid #ddd; + color:#aaa +} +.dark .article-entry .highlight,.dark .article-entry pre{ + color:#d8d8d8; + background-color:#333 +} +.dark .article-entry .highlight table caption,.dark .article-entry .highlight table td,.dark .article-entry .highlight td{ + border:0 +} +.dark .article-entry .highlight .line.marked{ + background:#444 +} +.article-entry .highlight,.article-entry pre{ + padding:20px; + background:#f3f5f6; + color:#4d4d4c; + font-size:14px; + overflow:auto; + line-height:1.8 +} +.article-entry .highlight .gutter pre{ + color:#aeb4b9; + font-size:14px +} +.article-entry figure.highlight{ + margin:0 +} +.article-entry pre code{ + background:none; + text-shadow:none; + padding:0 +} +.article-entry .highlight pre{ + border:0; + margin:0; + padding:0 +} +.article-entry .highlight table{ + margin:0; + width:100% +} +.article-entry .highlight td{ + border:0; + padding:0 +} +.article-entry .highlight figcaption{ + color:#8e908c +} +.article-entry .highlight figcaption a{ + float:right +} +.article-entry .highlight .line{ + height:25px +} +.article-entry .highlight .line.marked{ + background:#e6e6e6 +} +pre .comment,pre .title{ + color:#8e908c +} +pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{ + color:#c82829 +} +pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{ + color:#f5871f +} +pre .class,pre .css .rules .attribute,pre .header,pre .inheritance,pre .ruby .class .title,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{ + color:#718c00 +} +pre .css .hexcolor{ + color:#3e999f +} +pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{ + color:#4271ae +} +pre .javascript .function,pre .keyword{ + color:#8959a8 +} +@media (max-width:768px){ + body{ + font-size:18px + } + .archive-container,.archive-footer,.article,.home .content,.post-footer{ + width:80% + } + .article-title{ + font-size:2rem + } + .comments{ + width:80% + } + .nav-left{ + position:relative; + left:auto; + text-align:initial + } + .nav-left .main-nav-link{ + display:inline-block; + padding-bottom:5px + } + .header-hr-left{ + display:block + } +} +@media (max-width:468px){ + body{ + font-size:16px + } + .home{ + color:#222 + } + .home a{ + color:$111 + } + .archive-container .archive-footer,.archive-container .post-footer{ + padding:40px + } + .archive-container .archive-article-header>a,.archive-container .archive-article-header>h1{ + width:100% + } + .mobile-nav{ + display:-webkit-box; + display:-ms-flexbox; + display:flex; + -webkit-box-align:center; + -ms-flex-align:center; + align-items:center; + -webkit-box-pack:justify; + -ms-flex-pack:justify; + justify-content:space-between + } + .main-nav{ + display:none; + position:absolute; + background-color:#fff; + width:50%; + padding:20px; + border:2px solid #777; + box-shadow:5px 5px 5px #777 + } + .main-nav .main-nav-link{ + display:block; + padding-bottom:10px + } + .article .nav-left{ + position:absolute + } + .article .nav-left .main-nav-link{ + display:block; + padding-bottom:10px + } +} +@media (max-width:320px){ + body{ + font-size:14px + } + .article{ + font-size:16px + } + .archive-container .archive-footer,.archive-container .post-footer{ + padding:30px + } + .footer,.footer-content{ + font-size:100% + } +}