Mercurial > lab > homepage
diff site/css/menu.css @ 2:380da6d0a7e9
Swapped fonts, return of the webring
author | yakumo_izuru |
---|---|
date | Sat, 07 Jun 2025 22:47:50 -0300 |
parents | edf035b5437a |
children | 21b2c131d8c7 |
line wrap: on
line diff
--- a/site/css/menu.css Fri May 30 19:41:23 2025 -0300 +++ b/site/css/menu.css Sat Jun 07 22:47:50 2025 -0300 @@ -16,24 +16,42 @@ @import "/css/font.css"; -/* - * Color schemes (Human mode) - */ -:root { +/* Human mode */ +@media (prefers-color-scheme: light) { + :root { --bg: #ffffff; --fg: #000000; --link: #000000; --link-hover: #800080; --link-visited: #ff0000; --border: #9d9d9d; + } + body { + background-image: url('/img/reimu.jpg'); + background-position: 40% 10%; + } } +/* Youkai mode */ +@media (prefers-color-scheme: dark) { + :root { + --bg: #000000; + --fg: #ffffff; + --link: #ffffff; + --link-hover: #ffd700; + --link-visited: #ffa500; + --border: #494949; + } + body { + background-image: url('/img/yukari.jpg'); + background-position: 35% 35%; + } +} + body { - background-image: url('/img/reimu.jpg'); - background-position: 40% 10%; background-repeat: no-repeat; background-color: var(--bg); - font-family: 'ArialPixel', sans-serif; + font-family: 'Ume UI Gothic'; font-weight: bold; } div.content { @@ -57,43 +75,19 @@ .menu a:visited { color: var(--link-visited); } -.footer { - margin-top: 85ch; - position: relative; - text-align: center; -} .powered_by { float: right; } -@media(prefers-color-scheme: dark) { - /* - * Color schemes (Youkai mode) - */ - :root { - --bg: #000000; - --fg: #ffffff; - --link: #ffffff; - --link-hover: #ffd700; - --link-visited: #ffa500; - --border: #494949; +@media screen and (max-width: 600px) { + body { + background: var(--bg); + font-family: 'Roboto', sans-serif; } - body { - background-image: url('/img/yukari.jpg'); - background-position: 35% 35%; + .menu { + font-size: 20px; + } + .powered_by { + display: none; } } -@media screen and (max-width: 600px) { - body { - background-image: url('/img/reimu_mobile.jpg'); - } - .footer { - display: none - } - .menu { - font-size: 20px; - } - .powered_by { - display: none; - } -}