site.css

body{margin:0;padding:0;color:#333;background:#fff;font-family:'Open Sans', sans-serif;overflow:-moz-scrollbars-none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}a{color:#0fab90}a:link,a:active,a:visited,a:hover{text-decoration:none}.taxonomy-title,.taxonomies .taxonomies-title,.year-archive{text-align:center;border-bottom:1px dashed;margin-top:0;padding-bottom:5px}.taxonomy-title .count,.taxonomies .taxonomies-title .count,.year-archive .count{color:gray;font-size:14px;float:right}.taxonomy-list,.taxonomies .taxonomies-items,.archive-list{margin:auto}.toggle-button{list-style:none;padding:4px;width:15px;height:10px}.toggle-button:hover{background-color:ghostwhite;border-radius:1px;cursor:pointer}.toggle-button li{width:100%;height:2px;background:grey;margin-bottom:2px}.toggle-button li:last-child{margin-bottom:0}#header{width:100%;background:#ffffff;border-bottom:1px solid rgba(26,26,26,0.1);margin:0;height:48px;box-shadow:0 1px 3px rgba(26,26,26,0.1);position:fixed;top:0;z-index:100}#header-content{display:flex;width:60%;margin:0 auto}#header-content #site-logo-wrapper #site-logo{height:48px}#header-content #menu-padding{flex:1 1 auto}#header-content ul#main-menu{list-style:none;margin:14px 0;padding-left:20px}#header-content ul#main-menu li{display:inline;margin:0 20px 0 0}#header-content ul#main-menu li a{text-decoration:none;font-size:18px}#header-content ul#main-menu li a:link,#header-content ul#main-menu li a:active,#header-content ul#main-menu li a:visited{color:#444}#header-content ul#main-menu li a:hover{color:#1da8be}#header-content ul#main-menu li a.current{color:#1da8be}#header-content ul#main-menu li:hover{background:#ffffff}#header-content .search-container{padding-top:9px;height:30px;width:30%}#header-content .search-container input{width:100%;height:30px;padding-left:26px;border-radius:3px;border:1px solid rgba(0,0,0,0.1);background:url("/image/search.png") no-repeat 8px center;background-size:13px}.search-container{display:inline-block;position:relative;width:300px}.search-container input{width:100%;padding:0.5rem}.search-result{display:none;position:absolute;background:white;color:black;padding:1rem;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);max-height:500px;overflow:auto;width:150%;right:0}.search-result-items{list-style:none}.search-result li{margin-top:1rem;border-bottom:1px solid #ccc;font-size:0.9rem}.search-result li:first-of-type{margin-top:0}.search-result-item{margin-bottom:1rem}.search-result-item a{font-size:1.2rem;display:inline-block;margin-bottom:0.5rem}#content-container #content{width:60%;margin:0 auto;padding-top:128px}#content-container h1{font-size:22px}#content-container h2{font-size:20px}#content-container h1,#content-container h2,#content-container h3,#content-container h4,#content-container h5,#content-container h6{font-weight:400;margin-top:20px}#content-container h1:first-child,#content-container h2:first-child,#content-container h3:first-child,#content-container h4:first-child,#content-container h5:first-child,#content-container h6:first-child{margin-top:0}#content-container .post{margin-top:40px}#content-container .post:first-child{margin-top:0}#content-container .post-summary p{display:inline}#content-container h1:first-child{margin-top:0;text-align:center;font-size:24px}#content-container h1.blog-title{text-align:center;margin-bottom:0}#content-container h1.blog-title a{text-decoration:none}#content-container h1.blog-title a:link,#content-container h1.blog-title a:active,#content-container h1.blog-title a:visited,#content-container h1.blog-title a:hover{color:inherit}#content-container .blog-meta{text-align:right;margin-bottom:5px}#content-container .blog-meta .blog-time{color:#555}#content-container a.read-more:link,#content-container a.read-more:active,#content-container a.read-more:visited,#content-container a.read-more:hover{text-decoration:none;font-style:italic}#content-container ul.pagination{clear:both;list-style:none;margin:40px 0;padding:0;display:inline;float:right}#content-container ul.pagination li{display:inline}#content-container ul.pagination li a{text-decoration:none}#content-container ul.pagination li a:link,#content-container ul.pagination li a:active,#content-container ul.pagination li a:visited,#content-container ul.pagination li a:hover{color:#444}#content-container ul.pagination li a.current-page{color:#1da8be !important}#content-container ul.pagination li.jump-to-page{padding-left:40px}#content-container ul.pagination li.jump-to-page input{width:20px}#content-container #toc-container{position:fixed;top:0;right:0;width:20%;height:100%;padding:0}#content-container #blog-toc{top:0;right:0;width:100%;height:100%;padding:0;margin:0;display:none}#content-container #blog-toc #close-blog-toc{width:40px;height:30px;background-image:url("/image/bottom-arrow.png");background-repeat:no-repeat;background-size:40px 30px;float:right;cursor:pointer;border-radius:5px}#content-container #blog-toc #close-blog-toc:hover{background-color:rgba(5,5,5,0.1)}#content-container #blog-toc ul#main-toc-list{list-style:none;padding:198px 20px 20px 20px;margin-top:0;margin-left:20px;border-left:1px dashed #1da8be;height:100%;font-size:14px}#content-container #blog-toc ul#main-toc-list ul.toc-list{list-style:none;padding:0;margin:0 0 0 20px}#content-container #blog-toc ul#main-toc-list li{margin:0;padding:0}#content-container #toggle-toc{cursor:pointer;position:absolute;bottom:0;padding-left:25px;list-style:none}#content-container #toggle-toc li{width:15px;height:2px;margin-bottom:2px;background-color:#0fab90}#content-container table{width:100%;border-collapse:collapse;margin:auto}#content-container th,#content-container td{padding:12px 15px;border-bottom:1px solid #e1e1e1}#content-container .footnote-definition{margin-top:20px;padding-top:20px;border-top:1px dashed gray}#content-container .footnote-definition .footnote-definition-label{float:left}#content-container .footnote-definition p{float:left;margin:0 0 10px 5px;clear:right}#content-container td.list-item{padding:1px;border-bottom:none}#content-container pre{padding:5px}.taxonomies{padding:0}.taxonomies .taxonomies-items{list-style:none}.taxonomies .taxonomies-items .count{padding-left:10px;color:gray}.taxonomy .taxonomy-page-title{color:#1da8be;font-size:20px}.post-date{font-size:15px;padding-left:20px;color:gray}