mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-30 06:16:54 +01:00
1 line
12 KiB
CSS
1 line
12 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}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}}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo,.menu{display:flex;margin:auto var(--gap);flex-wrap:inherit}.logo a{font-size:24px;font-weight:700}.logo a img{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}.theme-toggle svg{height:18px;margin-inline-end:10px;user-select:none;cursor:pointer}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-inline-start:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;border-bottom:2px solid currentColor}.lang-switch ul{display:inline-flex}.lang-switch a{font-size:16px;font-weight:500;margin:0 8px}.lang-switch li{display:inline-flex}.logo-switches{display:inline-flex;flex-wrap:inherit;margin-inline-start:10px}.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}
|