mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-27 04:51:42 +01:00
1 line
8.9 KiB
CSS
1 line
8.9 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: 40px;--nav-width: 1024px;--main-width: 640px;--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}.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.8;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%}.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}.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}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;height:320px;margin-bottom:var(--header-height)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h2{font-size:40px}.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
|