1 line
14 KiB
CSS
1 line
14 KiB
CSS
@charset "UTF-8";:root{--bg-color: #fff;--secondary-bg-color: #eeeeee;--heading-color: #5f5f5f;--body-color: rgba(0, 0, 0, 0.7);--post-color: rgba(0, 0, 0, 0.44);--border-color: rgba(0, 0, 0, 0.15);--form-border-color: #9f9f9f;--form-button-hover-border-color: #000;--pre-bg-color: #f9f9fd;--nav-text-color: #5a5a5a;--tag-color: #424242;--blockquote-text-color: #858585;--blockquote-border-color: #dfe2e5;--thumbnail-height: 15em;scroll-padding-top:100px}html[data-theme=dark]{--bg-color: #292a2d;--secondary-bg-color: #2c2d32;--heading-color: rgb(169, 169, 179);--body-color: rgb(169, 169, 179);--post-color: rgba(0, 0, 0, 0.44);--border-color: rgb(38, 38, 38);--form-border-color: rgb(169, 169, 179);--form-button-hover-border-color: #fff;--pre-bg-color: rgb(33, 33, 45);--nav-text-color: rgb(191, 191, 191);--tag-color: rgb(191, 191, 191);--blockquote-text-color: #808080;--blockquote-border-color: #424242}html{background-color:var(--bg-color);-webkit-font-smoothing:antialiased}body{color:var(--body-color);font-family:verdana,sans-serif;font-size:15px;width:100%;margin:0 auto 30px;background-color:var(--bg-color)}p{line-height:1.9em;font-weight:400;font-size:14px}a{text-decoration:none}blockquote{padding:0 1em;border-left:.25em solid var(--blockquote-border-color);color:var(--blockquote-text-color)}.category{padding:4px 6px;border-radius:3px;color:var(--tag-color)!important;background-color:var(--secondary-bg-color);border:1px solid var(--border-color)}.tag::before{content:"#";opacity:.5}.tag,.category{display:inline-block;font-size:15px;line-height:1;margin:5px 8px 5px 0}pre{background-color:var(--pre-bg-color);padding:5px;display:block;overflow-x:auto}.info i{opacity:.5;margin-right:5px}a:link,a:visited{opacity:1;color:var(--tag-color)}a:hover,a:active{color:#2660ab}.animated{transition:top .8s linear;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}100%{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}.content{height:auto;float:right;width:60%;margin-top:60px}.page-top{width:60%;position:fixed;right:0;z-index:3;background-color:var(--bg-color);height:60px;border-bottom:1px solid var(--border-color)}.page-top .nav{list-style:none;padding:11px 30px;float:left;font-size:12px;display:block;width:calc(100% - 30px)}.page-top .nav li{position:relative;display:initial;padding-right:20px}.page-top .nav a{color:var(--nav-text-color)}.page-top .nav a:hover{color:#2660ab}.page-top .nav a.current{color:var(--nav-text-color);padding-bottom:22px;border-bottom:1px solid var(--nav-text-color)}.theme-switch-item{float:right;font-size:2em;margin-top:-5px}.page-top .information{float:right;padding-top:12px;padding-right:20px}.page-top .information .avatar{float:right}.page-top .information .avatar img{width:32px;height:32px;border-radius:300px}.page-top .information .back_btn{float:left;padding-top:5px;margin-right:-10px}.page-top .information .back_btn li{display:initial;padding-right:40px}.sidebar{width:40%;-webkit-background-size:cover;background-size:cover;background-color:var(--bg-color);height:100%;top:0;left:0;position:fixed;z-index:4;border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:100%}.sidebar .logo-title{text-align:center;padding-top:240px;flex:1}.sidebar .logo-title .description{font-size:14px}.sidebar .logo-title .logo{margin:0 auto}.sidebar .logo-title .title img{width:127px;border-radius:50%}.sidebar .logo-title .title h3{text-transform:uppercase;font-size:2rem;font-weight:700;letter-spacing:2px;line-height:1;margin:1em}.sidebar .logo-title .title a{text-decoration:none;color:var(--heading-color);font-size:2rem;font-weight:700}.sidebar .social-links{list-style:none;padding:0;font-size:14px;text-align:center;flex:7}.sidebar .social-links i{margin-right:3px}.sidebar .social-links li{display:inline;padding:0 4px;line-height:0}.sidebar .social-links a{color:var(--heading-color)}.sidebar .social-links a:hover{color:#2660ab}.post{background-color:var(--bg-color);margin:30px}.post .post-title h1{text-transform:uppercase;font-size:30px;letter-spacing:5px;line-height:1}.post .post-title h2{text-transform:uppercase;letter-spacing:1px;font-size:28px;line-height:1;font-weight:600;color:var(--heading-color)}.post .post-title h3{text-transform:uppercase;letter-spacing:1px;line-height:1;font-weight:600;color:var(--heading-color);font-size:22px;margin:0}.post .post-title a{text-decoration:none;letter-spacing:1px;color:var(--heading-color)}.post .post-title a:hover{text-decoration:underline}.post .post-content a{text-decoration:none;letter-spacing:1px;color:#2660ab}.post .post-content a:hover{color:#2f69b3}.post .post-content h3{font-size:22px;font-weight:600}.post .post-content h4{font-size:16px}.post .post-content img{max-width:100%}.post .post-footer{padding:0 0 10px;border-bottom:1px solid var(--border-color)}.post .post-footer .meta{max-width:100%;display:flex;color:#bbb}.post .post-footer .meta .info{float:left;font-size:12px;margin-bottom:1em;color:var(--body-color)}.post .post-footer .info .separator a{margin-right:.2em}.post .post-footer .meta .info .date{margin-right:10px;margin-left:5px}.info{margin:1em}.info span{margin-right:.5em}.post .post-footer .meta a{text-decoration:none;color:var(--body-color)}.post .post-footer .meta a:hover{color:#2660ab}.post .post-footer .meta i{margin-right:6px}.post .post-footer .tags{padding-bottom:15px;font-size:13px}.post .post-footer .tags ul{list-style-type:none;display:inline;margin:0;padding:0}.post .post-footer .tags ul li{list-style-type:none;margin:0;padding-right:5px;display:inline}.post .post-footer .tags a{text-decoration:none;color:var(--post-color);font-weight:400}.post .post-footer .tags a:hover{text-decoration:none}.post .post-thumbnail{width:100%;padding-bottom:1em;box-shadow:#000;border-radius:.5em;overflow:hidden;transition:box-shadow .3s ease}.post .post-thumbnail img{width:100%;height:var(--thumbnail-height);object-fit:cover;border:1px solid var(--border-color);border-bottom:0}.pagination{margin:30px;padding:0 0 56px;text-align:center}.pagination ul{list-style:none;margin:0;padding:0;height:13px}.pagination ul li{margin:0 2px;display:inline;line-height:1}.pagination ul li a{text-decoration:none;color:var(--body-color)}.pagination .pre{float:left}.pagination .next{float:right}.like-reblog-buttons{float:right}.like-button{float:right;padding:0 0 0 10px}.reblog-button{float:right;padding:0}#install-btn{position:fixed;bottom:0;right:6px}#disqus_thread{margin:30px;border-bottom:1px solid var(--border-color)}.footer{clear:both;text-align:center;font-size:10px;margin:0 auto;bottom:0;width:100%;padding-bottom:20px;flex:0;position:relative}.footer a{color:#a6a6a6}.footer a:hover{color:#2660ab}.archive{width:100%}.list-with-title{font-size:14px;margin:30px;padding:0}.list-with-title li{list-style-type:none;padding:0}.list-with-title .listing-title{font-size:24px;color:#666;font-weight:600;line-height:2.2em}.list-with-title .listing{padding:0}.list-with-title .listing .listing-post{padding-bottom:5px}.list-with-title .listing .listing-post .post-time{float:right;display:inline-block;max-width:10%;text-align:right;color:#c5c5c5}.list-with-title .listing .listing-post a{color:#8f8f8f;width:90%;display:inline-block}.list-with-title .listing .listing-post a:hover{color:#2660ab}.share{margin:0 30px;display:inline-flex}.evernote{width:32px;height:32px;border-radius:300px;background-color:#3e3e3e;margin-right:5px}.evernote a{color:#fff;padding:11px;font-size:12px}.evernote a:hover{color:#ed6243;padding:11px}.weibo{width:32px;height:32px;border-radius:300px;background-color:#ed6243;margin-right:5px}.weibo a{color:#fff;padding:9px}.weibo a:hover{color:#bd4226}.twitter{width:32px;height:32px;border-radius:300px;background-color:#59c0fd;margin-right:5px}.twitter a{color:#fff;padding:9px}.twitter a:hover{color:#4b9ece}.about{margin:30px}.about h3{font-size:22px}.links{margin:30px}.links h3{font-size:22px}.links a{cursor:pointer}.comment-count{color:#666}.tab-community{color:#666}.read_more{font-size:14px}.back-button{padding-top:30px;max-width:100px;padding-left:40px;float:left}#fb_comments_container{margin:30px}.utterances{max-width:unset}a.btn{color:#868686;font-weight:400}.btn{display:inline-block;position:relative;outline:0;color:var(--post-color);background:0 0;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.btn:hover{display:inline-block;position:relative;outline:0;color:#464545;background:0 0;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid #464545;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}[role=back]{padding:.5em 1.25em;line-height:1.666em}[role=home]{padding:.5em 1.25em;line-height:1.666em}[role=navigation]{padding:.5em 1.25em;line-height:1.666em}[role=tags]{padding:6px 12px}.menu{float:right;padding-top:30px}.menu .btn-down{margin:0}.menu .btn-down li{list-style:none;width:100px}.menu .btn-down li a{display:inline-block;position:relative;padding:.5em 1.25em;outline:0;color:var(--post-color);background:0 0;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em;margin-top:5px}.menu .btn-down li a:hover{position:relative;padding:.5em 1.25em;outline:0;color:#fff;background:#3cbd10;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,.15);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em;margin-top:5px}.menu .btn-down div{position:absolute;visibility:hidden;width:100px;float:right}.page_404{text-align:center;padding-top:50px}.navbar-burger{display:none}@media screen and (max-width:960px),print{.sidebar{width:100%;position:absolute;border-right:none;z-index:1}.sidebar .logo-title{padding-top:120px}.sidebar .logo-title .title img{width:100px}.sidebar .logo-title .title h3{font-size:20px}.page-top{width:100%}.post-title h3{line-height:1.6}.content{margin-top:420px;width:100%;z-index:2;position:absolute}.footer{display:none}.share{display:grid}.page-top .nav{background-color:var(--secondary-bg-color);box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0;width:100%;display:none;margin-top:0}.page-top .nav.is-active{display:block}.page-top .nav li{display:block;flex-grow:0;flex-shrink:0;line-height:2.5;padding:.5rem .75rem;position:relative;text-transform:uppercase;text-align:center;font-size:1.3em}.page-top .nav a.current{border-bottom:none}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:var(--heading-color);display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.theme-switch-item{float:none}.list-with-title .listing .listing-post .post-time{max-width:20%}.list-with-title .listing .listing-post a{width:80%}}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity;background:var(--bg-color)}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(0.2,0,0.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}@media print{.page-top{display:none}}@media(min-width:1921px){.content{padding-right:25%;width:35%}.sidebar{padding-left:15%;width:25%}}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{padding:0;margin:0;list-style:none}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.form-style ul li .field-style{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px;padding:8px;outline:none;background-color:var(--bg-color);border:1px solid var(--form-border-color);color:var(--body-color)}.form-style ul li .field-style:focus{box-shadow:0 0 5px;border:1px solid}.form-style ul li .field-split{width:49%}.form-style ul li .field-full{width:100%}.form-style ul li input.align-left{float:left}.form-style ul li input.align-right{float:right}.form-style ul li textarea{background-color:var(--bg-color);border:1px solid var(--form-border-color);color:var(--body-color);width:100%;height:auto}.form-style ul li input[type=button],.form-style ul li input[type=submit]{background-color:var(--bg-color);border:1px solid var(--form-border-color);display:inline-block;cursor:pointer;color:var(--body-color);text-decoration:none;width:100%}.form-style ul li input[type=button]:hover,.form-style ul li input[type=submit]:hover{background-color:var(--bg-color);border:1px solid var(--form-button-hover-border-color)} |