diff options
Diffstat (limited to 'src/assets/stylesheet.css')
| -rw-r--r-- | src/assets/stylesheet.css | 127 |
1 files changed, 14 insertions, 113 deletions
diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css index e5a8a55..e5d6ed4 100644 --- a/src/assets/stylesheet.css +++ b/src/assets/stylesheet.css @@ -1,48 +1,8 @@ :root { - --bg: #0a0a0a; - --text: beige; - --main: #0d0; - --accent: #d0d; -} - -@font-face -{ - font-family: spleen24; - src: url(/assets/fonts/spleen-12x24.woff2); -} - -@font-face -{ - font-family: spleen32; - src: url(/assets/fonts/spleen-16x32.woff2); -} - -@font-face -{ - font-family: spleen64; - src: url(/assets/fonts/spleen-32x64.woff2); -} - -@font-face -{ - font-family: texturina; - src: url(/assets/fonts/Texturina-Regular.ttf); - font-style: normal; -} - -@font-face -{ - font-family: texturina; - src: url(/assets/fonts/Texturina-Bold.ttf); - font-weight: bold; -} - -@font-face -{ - font-family: texturina; - src: url(/assets/fonts/Texturina-Italic.ttf); - font-style: italic; + --main: #ebabb9; + --bg: #1e1f21; + --fg: #eeeff1; } .footpara { display: inline; } @@ -50,86 +10,27 @@ body { background-color: var(--bg); - color: var(--text); - max-width: 960px; + color: var(--fg); + max-width: 80ch; margin: auto; - font-family: texturina, serif; - font-size: 1.2em; -} - -h1 -{ - font-family: spleen64, monospace; - font-size: 64px; - line-height: 64px; -} - -h2 -{ - font-family: spleen32, monospace; - font-size: 32px; - line-height: 32px; -} - - -h1, .subtitle -{ - text-align: center; -} - -/* footnotes is also a h2 */ -.footnotes -{ - font-family: spleen24, monospace; - font-size: 24px; - line-height: 24px; -} - -.ascii -{ - text-align: center; - color: var(--main); - user-select: none; - margin: 0; - padding: 0; - font-family: spleen24, monospace; - font-size: 24px; - line-height: 24px; + font-family: serif; + font-variant-emoji: text; } a { color: var(--main); } -a:hover { text-decoration: underline double var(--accent); } - -.buttons -{ - display: grid; - place-items: center; -} - .buttons > p { margin: 0; } .footnum, .footref { text-decoration: none; } -.pages -{ - font-family: spleen24, monospace; - font-size: 24px; - line-height: 24px; - text-align: center; - color: var(--accent); -} +.pages { text-align: center; } -ul { list-style-type: none; } - -ul li::before +.logo { - content: "\25ca "; - color: var(--accent); + color: var(--main); + font-size: 2em; + margin-bottom: 0; } -hr -{ - border-color: var(--main); - border-style: dashed; -} +ul { list-style: "<> " }; + |
