mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-23 19:11:39 +01:00
1 line
10 KiB
CSS
1 line
10 KiB
CSS
.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#eb3c54}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#4fb4d7}.hljs-title,.hljs-section{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}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%}blockquote{border-left:2px solid;margin:20px;padding:10px 40px}::-webkit-scrollbar{width:8px;height:3px}::-webkit-scrollbar-track{background:var(--theme)}::-webkit-scrollbar-thumb{background:var(--tertiary);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.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{margin-left:var(--gap);margin-right:var(--gap)}.logo a{font-size:24px;font-weight:700}.menu{display:flex;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}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin-left:auto;margin-right: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)}.pagination .prev{padding-left:16px;padding-right:18px}.pagination .next{margin-left:auto;padding-left:18px;padding-right:16px}.toc{margin-bottom:40px;border:1px solid var(--border);border-radius:var(--radius);padding:.5em}.toc .details{display:inline;font-weight:500}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;height:320px;margin-bottom:var(--gap)}@media screen and (max-width:600px){.first-entry{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-top:14px;margin-bottom:14px;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-top:8px;margin-bottom:8px;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}.social-icons a{margin:2px;padding:6px;font-size:1.4em}.post-header{margin-top:24px;margin-bottom:var(--content-gap)}.post-title{margin-bottom:2px;font-size:40px;transform:translateX(-2px)}.post-meta{color:var(--secondary);font-size:14px}.post-content{color:var(--content)}.post-content h1{margin-top:40px;margin-bottom:32px}.post-content h2{margin-top:32px;margin-bottom:24px}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:24px;margin-bottom:16px}.post-content h1{font-size:40px}.post-content h2{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-left:0;margin-right: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-left:0;margin-right:0}.post-content .highlight,.post-content pre{margin-left:calc(var(--gap) * -1);margin-right:calc(var(--gap) * -1);margin-bottom:32px;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-left:0;margin-right:0;margin-bottom: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-left:4px;margin-right: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-left:0;margin-right:0;padding:var(--gap);color:rgba(255,255,255,.8);background:0 0;border-radius:0}.post-content blockquote{margin:0 0 0 calc(var(--gap) * -1);padding:0 0 0 21px;border-left:3px solid var(--primary)}.post-content hr{height:1px;margin-top:56px;margin-bottom:56px;background:var(--tertiary);border-top:0;border-bottom:0}.post-content iframe{max-width:100%}.post-footer{margin-top:56px}.post-tags li{display:inline-block}.post-tags li+li{margin-left:3px}.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:4px 0;text-align:center;background:var(--code-bg);border-radius:var(--radius);margin-top:24px}.share-button-single svg{fill:currentColor;height:30px;width:30px;margin:0 10px}.share-button-single:hover svg{opacity:.9}.terms-tags li{display:inline-block;margin:10px;font-weight:600}.terms-tags a{display:block;padding:5px 14px;color:var(--primary);background:var(--border);border-radius:var(--radius)}.terms-tags a:hover{background:var(--tertiary)}.archive{width:100%;text-align:left;margin:0 auto;margin-top:14px;margin-bottom:14px;font-size:16px}.archive-posts{width:100%}.archive-year{margin-top:40px}.archive-year-header:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-year:not(:last-of-type){border-bottom:1px 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;transition:transform .1s}.archive-entry:active{transform:scale(0.96)}.archive-entry-title{margin:5px 0}.archive-meta{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-left:auto;margin-right: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);background:var(--code-bg)}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700} |