site.css

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{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:0.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}abbr[title]{border-bottom:none;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{padding:0.35em 0.75em 0.625em}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}html{font-size:20px;box-sizing:border-box}body{line-height:1.5;color:#34495e;background:#fefefe;border-top:3px solid #c05b4d;overflow-y:scroll}.container{width:800px;margin:0 auto;padding-bottom:4rem}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 2px 0 0 rgba(255,255,255,0.7) inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}@media screen and (max-width: 800px){body{border-top:0}.container{width:100%;box-shadow:-1px -5px 5px #cacaca}}a{color:#4d79c0;text-decoration:none}a:hover{color:#c05b4d}img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}pre{display:block;padding:0.5rem}pre,code{font-size:81%;overflow:auto;font-family:Consolas,Monaco,Menlo,Consolas,monospace;margin-bottom:0;color:#c9d2dc}pre>code{display:block;border:none;font-style:normal;font-size:95%}iframe{border:0}#header{padding:20px;display:flex;justify-content:space-between}#header .logo{font-family:Chancery, cursive, LiSu, sans-serif;font-weight:400}#header .logo a{color:#34495e;font-size:48px}#header .menu{align-self:flex-start;font-family:"DejaVu Sans",Athelas,STHeiti,Microsoft Yahei,serif}#header .menu ul{display:inline-block;padding-right:25px}#header .menu ul li{display:inline-block;margin-right:5px;display:inline-block;vertical-align:middle;transform:translateZ(0);backface-visibility:hidden;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}#header .menu ul li:before{content:'';position:absolute;z-index:-1;height:2px;bottom:0;left:51%;right:51%;background:#c05b4d;transition-duration:0.2s;transition-property:right, left;transition-timing-function:ease-out}#header .menu ul li.active:before,#header .menu ul li:active:before,#header .menu ul li:focus:before,#header .menu ul li:hover:before{right:0;left:0}#header .menu ul li a{color:#34495e;font-size:18px}@media screen and (max-width: 800px){#header{padding:50px 0 0;text-align:center}#header .logo,#header .menu{display:none}}main{clear:both}main .content{padding:0 20px}main .posts{margin-bottom:20px;border-bottom:2px solid #e6e6e6}main .read-more a{color:#4d79c0;font-family:"DejaVu Sans",Athelas,STHeiti,Microsoft Yahei,serif;font-size:1.1rem}main .read-more a:hover{color:#c05b4d;text-decoration:underline}main .about,main .post{padding:1.5rem 0}main .about .post__title,main .post .post__title{font-family:"DejaVu Sans",Athelas,STHeiti,Microsoft Yahei,serif}main .about .post__title a,main .post .post__title a{color:#34495e}main .about h2,main .about h3,main .about h4,main .about h5,main .about h6,main .post h2,main .post h3,main .post h4,main .post h5,main .post h6{font-weight:400}main .about h2,main .post h2{font-size:24px;color:#ff6600}main .about h3,main .post h3{font-size:22px;color:#ff9933}main .about :not(pre)>code,main .post :not(pre)>code{padding:3px 5px;border-radius:4px;color:#c7254e;background:#f8f5ec}main .about code,main .post code{padding:3px 5px;border-radius:4px;color:#000000;background:#f8f5ec}main .about p>a,main .post p>a{color:#4d79c0}main .about p>a:hover,main .post p>a:hover{color:#c05b4d}main .about blockquote,main .post blockquote{margin:2em 0;padding:10px 20px;position:relative;color:rgba(52,73,94,0.8);background-color:rgba(192,91,77,0.05);border-left:3px solid rgba(192,91,77,0.3);box-shadow:1px 1px 2px rgba(0,0,0,0.125)}main .about blockquote p,main .post blockquote p{margin:0}main .about table,main .post table{width:100%;max-width:100%;margin:10px 0;border-spacing:0;box-shadow:2px 2px 3px rgba(0,0,0,0.125)}main .about table thead,main .post table thead{background:#f8f5ec}main .about table th,main .about table td,main .post table th,main .post table td{padding:5px 15px;border:1px double #f4efe1}main .about table tr:hover,main .post table tr:hover{background-color:#f8f5ec}main .about .footnote-definition,main .post .footnote-definition{padding-left:40px}main .about .footnote-definition:first-of-type,main .post .footnote-definition:first-of-type{border-top:2px dashed #c05b4d;margin-top:1rem;padding-top:1rem}main .about .footnote-definition sup.footnote-definition-label,main .post .footnote-definition sup.footnote-definition-label{font-size:100%;position:unset;top:unset}main .about .footnote-definition sup.footnote-definition-label::after,main .post .footnote-definition sup.footnote-definition-label::after{content:'.'}main .about .footnote-definition p,main .post .footnote-definition p{display:inline}main .about__title,main .post__title{margin:0;font-size:30px;font-weight:800;display:inline-block;vertical-align:middle;transform:translateZ(0);backface-visibility:hidden;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}main .about__title:before,main .post__title:before{content:'';position:absolute;z-index:-1;height:2px;bottom:0;left:51%;right:51%;background:#c05b4d;transition-duration:0.2s;transition-property:right, left;transition-timing-function:ease-out}main .about__title.active:before,main .about__title:active:before,main .about__title:focus:before,main .about__title:hover:before,main .post__title.active:before,main .post__title:active:before,main .post__title:focus:before,main .post__title:hover:before{right:0;left:0}main .about__category,main .post__category{display:inline}main .about__category a,main .post__category a{color:inherit}main .about__category a:before,main .post__category a:before{content:"\B7";padding-right:2px}main .about__category a:hover,main .post__category a:hover{color:#c05b4d}main .about__meta,main .post__meta{font-size:14px;color:#8a8a8a}main .about__summary,main .post__summary{margin-bottom:1rem}main .post-footer{margin-top:20px;border-top:2px solid #e6e6e6}main .post-footer:after{clear:both;height:0;width:100%;content:'';display:block}main .post-tags{padding:15px 0}main .post-tags a{margin-right:5px;color:blue;word-break:break-all}main .post-tags a:hover{color:#c05b4d}main .post-nav{margin:1rem 0}main .post+.post{border-top:2px solid #e6e6e6}main .pagination{clear:both;font-family:"DejaVu Sans",Athelas,STHeiti,Microsoft Yahei,serif;margin:2rem 0}main .pagination a{color:#34495e}.next,.previous{font-weight:600;font-size:20px;transition:transform 0.3s ease-out}.next:hover,.previous:hover{color:#c05b4d;border-bottom:1px solid #c05b4d}.next{float:right}.next:hover{transform:translateX(4px)}.previous{float:left}.previous:hover{transform:translateX(-4px)}.taxonomies{margin:2em 0 3em;text-align:center}.taxonomies__title{display:inline-block;font-size:30px;color:#c05b4d;border-bottom:2px solid #c05b4d}.taxonomies__items{margin:10px 0}.taxonomies__items a{margin:5px 10px;word-wrap:break-word;position:relative}.taxonomies__items a:hover{color:#c05b4d}.taxonomies__items a .count{position:relative;top:-8px;right:-2px;color:#c05b4d;font-size:12px}.taxonomy{margin:2em 0}.taxonomy__item{padding:3px 20px;border-left:1px solid #cacaca;transition:0.2s ease-out}.taxonomy__item:hover{border-left:3px solid #c05b4d;transform:translateX(4px)}.taxonomy__item__time{margin-right:10px;color:#8a8a8a}.taxonomy__item__title a{color:#4d79c0}.taxonomy__item__title a:hover{color:#c05b4d;border-bottom:1px solid #c05b4d}.about p>a{color:#c05b4d;word-break:break-all}.about p>a:hover{color:#c05b4d}.mobile-navbar{display:none;position:fixed;top:0;left:0;width:100%;height:50px;background:white;box-shadow:0px 2px 2px #cacaca;text-align:center;transition:transform 300ms ease;z-index:99}.mobile-navbar.fixed-open{transform:translate3d(180px, 0px, 0px)}.mobile-navbar .mobile-header-logo{display:inline-block;margin-right:50px}.mobile-navbar .mobile-header-logo .logo{font-size:22px;line-height:50px}.mobile-navbar .mobile-navbar-icon{cursor:pointer;color:#c05b4d;height:50px;width:50px;font-size:24px;text-align:center;float:left;position:relative;transition:background 0.5s}@keyframes clickfirst{0%{transform:translateY(6px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clickmid{0%{opacity:1}100%{opacity:0}}@keyframes clicklast{0%{transform:translateY(-6px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-6px) rotate(0deg)}}@keyframes outmid{0%{opacity:0}100%{opacity:1}}@keyframes outlast{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(6px) rotate(0deg)}}.mobile-navbar .mobile-navbar-icon span{position:absolute;left:15px;top:25px;left:calc((100% - 20px) / 2);top:calc((100% - 1px) / 2);width:20px;height:1px;background-color:#c05b4d}.mobile-navbar .mobile-navbar-icon span:nth-child(1){transform:translateY(6px) rotate(0deg)}.mobile-navbar .mobile-navbar-icon span:nth-child(3){transform:translateY(-6px) rotate(0deg)}.mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(2){animation-duration:0.2s;animation-fill-mode:both;animation-name:clickmid}.mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(3){animation-duration:0.5s;animation-fill-mode:both;animation-name:clicklast}.mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(2){animation-duration:0.2s;animation-fill-mode:both;animation-name:outmid}.mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(3){animation-duration:0.5s;animation-fill-mode:both;animation-name:outlast}.mobile-menu{background-color:rgba(248,245,236,0.5)}.mobile-menu .mobile-menu-list{position:relative;list-style:none;margin-top:50px;padding:0;border-top:1px solid #f8f5ec}.mobile-menu .mobile-menu-list .mobile-menu-item{padding:10px 30px;border-bottom:1px solid #f8f5ec}.mobile-menu .mobile-menu-list a{font-size:18px}.mobile-menu .mobile-menu-list a:hover{color:#c05b4d}@media screen and (max-width: 800px){.mobile-navbar{display:block}}.slideout-menu{position:fixed;top:0;left:0px;bottom:0;width:180px;min-height:100vh;overflow-y:hidden;-webkit-overflow-scrolling:touch;z-index:0;display:none}.slideout-panel{position:relative;z-index:1;background-color:white}.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow:hidden}.slideout-open .slideout-menu{display:block}.post-toc{position:absolute;width:200px;margin-left:785px;padding:10px;border-radius:5px;background:rgba(248,245,236,0.6);box-shadow:1px 1px 2px rgba(0,0,0,0.125);word-wrap:break-word;box-sizing:border-box;position:fixed;top:20px}.post-toc .post-toc-title{margin:0 10px;font-size:20px;font-weight:400;text-transform:uppercase}.post-toc .post-toc-content{font-size:15px}.post-toc .post-toc-content.always-active ul{display:block}.post-toc .post-toc-content>nav>ul{margin:10px 0}.post-toc .post-toc-content ul{padding-left:20px;list-style:square}.post-toc .post-toc-content ul ul{padding-left:15px;display:none}.post-toc .post-toc-content ul .has-active>ul{display:block}.post-toc .post-toc-content .toc-link.active{color:#c05b4d}@media screen and (max-width: 1185px){.post-toc{display:none}}