mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-26 20:41:37 +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:col
|