mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-30 06:16:54 +01:00
1 line
11 KiB
CSS
1 line
11 KiB
CSS
.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs{display:block;overflow-x:auto;background:#1c1d21;color:#c0c5ce;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--gap: 24px;--content-gap: 20px;--nav-width: 1024px;--main-width: 720px;--header-height: 60px;--footer-height: 60px;--radius: 8px;--theme: #fff;--entry: #fff;--primary: rgba(0, 0, 0, 0.88);--secondary: rgba(0, 0, 0, 0.56);--tertiary: rgba(0, 0, 0, 0.16);--content: rgba(0, 0, 0, 0.88);--hljs-bg: #1c1d21;--code-bg: #f5f5f5;--border: #eee}@media screen and (max-width:600px){:root{--gap: 14px}}.dark{--theme: #1d1e20;--entry: #2e2e33;--primary: rgba(255, 255, 255, 0.84);--secondary: rgba(255, 255, 255, 0.56);--tertiary: rgba(255, 255, 255, 0.16);--content: rgba(255, 255, 255, 0.64);--hljs-bg: #2e2e33;--code-bg: #37383e;--border: #5b5d67}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,*::before,*::after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;color:var(--primary);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;color:var(--primary);line-height:1.2}p{margin-top:0;margin-bottom:0}strong,b{font-weight:500}ul{margin:0;padding:0}a{color:var(--primary);text-decoration:none}figure{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;display:block;overflow-x:scroll;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0;-webkit-appearance:none}button,input[type=button],input[type=submit]{cursor:pointer}input,textarea{padding:0;border:0;outline:0}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}*::-webkit-scrollbar{width:10px;height:6px}*::-webkit-scrollbar-track{background:var(--theme)}*::-webkit-scrollbar-thumb{background:var(--tertiary);border-radius:var(--radius)}*::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@media screen and (max-width:800px){*::-webkit-scrollbar{width:8px;height:2px}}*:focus{outline:none}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-left:auto;margin-right:auto}.nav a{display:block;line-height:var(--header-height)}.logo,.menu{display:flex;margin:auto var(--gap)}.logo a{font-size:24px;font-weight:700}.theme-toggle svg{height:18px;margin:0 10px}body.dark #moon{vertical-align:middle;display:none}body:not(.dark) #sun{display:none}.menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}.menu li+li{margin-left:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;border-bottom:2px solid currentColor}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}@media screen and (max-width:400px){.main{min-height:calc(100vh - var(--header-height) - var(--footer-height) - 24px)}}.page-header{margin-bottom:24px}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-left:auto}.social-icons{padding:12px 0}.social-icons a:not(:last-of-type){margin-right:12px}.social-icons a svg{height:26px;width:26px}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap) 0 calc(var(--gap) * 2) 0}@media screen and (max-width:600px){.first-entry{min-height:260px}}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h2{font-size:34px}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s}.post-entry:active{transform:scale(0.96)}.tag-entry .entry-content,.tag-entry .entry-footer{display:none}.entry-header h2{font-size:24px}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-isdraft{display:inline;color:var(--secondary);font-size:14px}.entry-cover{margin-bottom:var(--gap);text-align:center;font-size:14px;color:var(--secondary)}.entry-cover img{border-radius:var(--radius);pointer-events:none;width:100%}.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:2px;font-size:40px;transform:translateX(-2px)}.post-meta{color:var(--secondary);font-size:14px;display:flex;flex-wrap:wrap}.post-meta .i18n_list li{display:inline-flex;list-style:none;margin:auto 3px;box-shadow:0 1px 0 var(--secondary)}.post-content{color:var(--content)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a{box-shadow:0 1px 0 var(--primary)}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:none;background:linear-gradient(to right,var(--primary) 100%,transparent 0) 0 50%/1px 1px repeat-x}.post-content p,.post-content ul,.post-content ol,.post-content dl{margin-bottom:var(--content-gap)}.post-content ul,.post-content ol{padding-left:20px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-left:0;padding-left:10px}.post-content dt~dt,.post-content dd~dd{margin-top:10px}.post-content table{margin-bottom:32px}.post-content table th,.post-content table:not(.highlighttable) td{min-width:80px;padding:12px 8px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{font-size:14px;text-align:left}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight,.post-content pre{margin:auto calc(var(--gap) * -1) 32px calc(var(--gap) * -1);background:var(--hljs-bg)!important;border-radius:var(--radius)}.post-content li>.highlight{margin-right:0}.post-content ul pre{margin-left:calc(var(--gap) * -2)}.post-content .highlight pre{margin:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-right:0!important}.post-content .highlighttable td .linenodiv pre,.post-content .highlighttable td .highlight{margin-bottom:0}.post-content .highlighttable td .highlight pre code::-webkit-scrollbar{display:none}.post-content .highlight span{background:0 0!important}.post-content code{margin:auto 4px;padding:4px 6px;font-family:Menlo,Monaco,courier new,Courier,monospace;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:block;margin:auto 0;padding:10px;color:rgba(255,255,255,.8);background:0 0;border-radius:0;overflow-x:auto}.post-content blockquote{margin:0 calc(var(--gap) * -1);padding:0 32px;border-left:2px solid var(--primary)}.post-content hr{margin:30px calc(var(--gap) * -1);height:2px;background:var(--tertiary);border-top:0;border-bottom:0}.post-content iframe{max-width:100%}.post-content img{border-radius:4px}.toc{margin-bottom:40px;border:1px solid var(--border);border-radius:var(--radius);padding:.5em}.toc details summary{cursor:zoom-in;margin-left:20px}.toc details[open] summary{cursor:zoom-out}.toc .details{display:inline;font-weight:500}.toc blockquote{margin:0 20px;padding:10px 20px}.toc li ul{margin-left:var(--gap)}.post-footer{margin-top:56px}.post-tags li{display:inline-block;margin-right:3px;margin-bottom:5px}.post-tags a{display:block;padding-left:14px;padding-right:14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg);border-radius:4px}.post-tags a:hover{background:var(--border)}.share-buttons{margin-top:var(--gap);border:1px solid var(--tertiary);padding:var(--radius);border-radius:var(--radius);display:flex;overflow-x:auto}.share-buttons a{margin-top:10px}.share-buttons a:not(:last-of-type){margin-right:12px}.share-buttons a svg{height:30px;width:30px;fill:currentColor;transition:transform .1s}.share-buttons svg:hover{transform:scale(0.96)}@media screen and (max-width:600px){.post-content blockquote{margin:0 calc(var(--gap) * -1);padding:0 21px}}.terms-tags li{display:inline-block;margin:10px;font-weight:500}.terms-tags a{display:block;padding:3px 10px;background:var(--tertiary);border-radius:6px;transition:transform .1s}.terms-tags a:hover{background:var(--tertiary);transform:scale(0.96)}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-meta{color:var(--secondary);font-size:14px}.archive-count{color:var(--secondary);font-size:14px}@media(max-width:800px){.archive-month{flex-direction:column}.archive-year{margin-top:20px}}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - (var(--gap)) - 10px)/2) var(--gap);color:var(--secondary);font-size:12px;text-align:center;line-height:24px}.footer span{margin-left:1px;margin-right:1px}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{color:var(--primary);border-bottom:1px solid var(--primary)}.top-link{font-size:12px;visibility:hidden;opacity:0;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;color:var(--secondary);border-radius:64px;fill:currentColor;fill-opacity:80%;transition:visibility .5s,opacity .8s linear}.top-link:hover{color:var(--primary)}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700} |