Mercurial > lab > homepage
annotate site/css/menu.css @ 4:6cb09daeb401 default tip
Forgot I don't know regex
| author | yakumo_izuru |
|---|---|
| date | Sun, 08 Jun 2025 13:11:08 -0300 |
| parents | 21b2c131d8c7 |
| children |
| rev | line source |
|---|---|
| 0 | 1 /* |
| 2 * ---------------------------------------------------------------------------- | |
| 3 * "THE BEER-WARE LICENSE" (Revision 42.1+yakumolabs): | |
| 4 * <eternal-servant@yakumo.dev> wrote this file. As long as you retain this notice you | |
| 5 * can do whatever you want with this stuff. If we meet some day, and you think | |
| 6 * this stuff is worth it, you can buy me a Yukari Yakumo fumo (or related merch) in return Izuru Yakumo | |
| 7 * ---------------------------------------------------------------------------- | |
| 8 */ | |
| 9 | |
| 10 /* | |
| 11 * This is a hand-written layout which aims to replicate the user interface of | |
| 12 * GoldSrc-based game menus as much as possible. | |
| 13 * It contains a lot of hacks just to make stuff work. | |
| 14 * Mobile support is a non-goal (it works, but wallpaper doesn't fit for obvious reasons) | |
| 15 */ | |
| 16 | |
| 17 @import "/css/font.css"; | |
| 18 | |
| 2 | 19 /* Human mode */ |
| 20 @media (prefers-color-scheme: light) { | |
| 21 :root { | |
| 0 | 22 --bg: #ffffff; |
| 23 --fg: #000000; | |
| 24 --link: #000000; | |
|
3
21b2c131d8c7
Wallpapers take a long time to load, and the mobile ones were removed because of the same reason
yakumo_izuru
parents:
2
diff
changeset
|
25 --link-ext: #0098C0; |
| 0 | 26 --link-hover: #800080; |
| 27 --link-visited: #ff0000; | |
| 28 --border: #9d9d9d; | |
| 2 | 29 } |
| 30 body { | |
| 31 background-image: url('/img/reimu.jpg'); | |
| 32 background-position: 40% 10%; | |
| 33 } | |
| 0 | 34 } |
| 35 | |
| 2 | 36 /* Youkai mode */ |
| 37 @media (prefers-color-scheme: dark) { | |
| 38 :root { | |
| 39 --bg: #000000; | |
| 40 --fg: #ffffff; | |
| 41 --link: #ffffff; | |
|
3
21b2c131d8c7
Wallpapers take a long time to load, and the mobile ones were removed because of the same reason
yakumo_izuru
parents:
2
diff
changeset
|
42 --link-ext: #0098C0; |
| 2 | 43 --link-hover: #ffd700; |
| 44 --link-visited: #ffa500; | |
| 45 --border: #494949; | |
| 46 } | |
| 47 body { | |
| 48 background-image: url('/img/yukari.jpg'); | |
| 49 background-position: 35% 35%; | |
| 50 } | |
| 51 } | |
| 52 | |
| 0 | 53 body { |
| 54 background-repeat: no-repeat; | |
| 55 background-color: var(--bg); | |
| 2 | 56 font-family: 'Ume UI Gothic'; |
| 0 | 57 font-weight: bold; |
| 58 } | |
| 59 div.content { | |
| 60 color: var(--fg); | |
| 61 } | |
| 62 .menu { | |
| 63 position: absolute; | |
| 64 text-align: justified; | |
| 65 float: left; | |
| 66 bottom: 2px; | |
| 67 left: 5px; | |
| 68 right: 30px; | |
| 69 top: 420px; | |
| 70 } | |
| 71 .menu a { | |
| 72 color: var(--link); | |
| 73 } | |
|
3
21b2c131d8c7
Wallpapers take a long time to load, and the mobile ones were removed because of the same reason
yakumo_izuru
parents:
2
diff
changeset
|
74 .menu a.external { |
|
21b2c131d8c7
Wallpapers take a long time to load, and the mobile ones were removed because of the same reason
yakumo_izuru
parents:
2
diff
changeset
|
75 color: var(--link-ext); |
|
21b2c131d8c7
Wallpapers take a long time to load, and the mobile ones were removed because of the same reason
yakumo_izuru
parents:
2
diff
changeset
|
76 } |
| 0 | 77 .menu a:hover { |
| 78 color: var(--link-hover); | |
| 79 } | |
| 80 .menu a:visited { | |
| 81 color: var(--link-visited); | |
| 82 } | |
| 83 .powered_by { | |
| 84 float: right; | |
| 85 } | |
| 86 | |
| 2 | 87 @media screen and (max-width: 600px) { |
| 88 body { | |
| 89 background: var(--bg); | |
| 90 font-family: 'Roboto', sans-serif; | |
| 0 | 91 } |
| 2 | 92 .menu { |
| 93 font-size: 20px; | |
| 94 } | |
| 95 .powered_by { | |
| 96 display: none; | |
| 0 | 97 } |
| 98 } |