Mercurial > lab > homepage

comparison site/css/menu.css @ 2:380da6d0a7e9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Swapped fonts, return of the webring
author yakumo_izuru
date Sat, 07 Jun 2025 22:47:50 -0300
parents edf035b5437a
children 21b2c131d8c7
comparison
equal deleted inserted replaced
1:998d5e743163 2:380da6d0a7e9
14 * Mobile support is a non-goal (it works, but wallpaper doesn't fit for obvious reasons) 14 * Mobile support is a non-goal (it works, but wallpaper doesn't fit for obvious reasons)
15 */ 15 */
16 16
17 @import "/css/font.css"; 17 @import "/css/font.css";
18 18
19 /* 19 /* Human mode */
20 * Color schemes (Human mode) 20 @media (prefers-color-scheme: light) {
21 */ 21 :root {
22 :root {
23 --bg: #ffffff; 22 --bg: #ffffff;
24 --fg: #000000; 23 --fg: #000000;
25 --link: #000000; 24 --link: #000000;
26 --link-hover: #800080; 25 --link-hover: #800080;
27 --link-visited: #ff0000; 26 --link-visited: #ff0000;
28 --border: #9d9d9d; 27 --border: #9d9d9d;
28 }
29 body {
30 background-image: url('/img/reimu.jpg');
31 background-position: 40% 10%;
32 }
29 } 33 }
30 34
35 /* Youkai mode */
36 @media (prefers-color-scheme: dark) {
37 :root {
38 --bg: #000000;
39 --fg: #ffffff;
40 --link: #ffffff;
41 --link-hover: #ffd700;
42 --link-visited: #ffa500;
43 --border: #494949;
44 }
45 body {
46 background-image: url('/img/yukari.jpg');
47 background-position: 35% 35%;
48 }
49 }
50
31 body { 51 body {
32 background-image: url('/img/reimu.jpg');
33 background-position: 40% 10%;
34 background-repeat: no-repeat; 52 background-repeat: no-repeat;
35 background-color: var(--bg); 53 background-color: var(--bg);
36 font-family: 'ArialPixel', sans-serif; 54 font-family: 'Ume UI Gothic';
37 font-weight: bold; 55 font-weight: bold;
38 } 56 }
39 div.content { 57 div.content {
40 color: var(--fg); 58 color: var(--fg);
41 } 59 }
55 color: var(--link-hover); 73 color: var(--link-hover);
56 } 74 }
57 .menu a:visited { 75 .menu a:visited {
58 color: var(--link-visited); 76 color: var(--link-visited);
59 } 77 }
60 .footer {
61 margin-top: 85ch;
62 position: relative;
63 text-align: center;
64 }
65 .powered_by { 78 .powered_by {
66 float: right; 79 float: right;
67 } 80 }
68 81
69 @media(prefers-color-scheme: dark) { 82 @media screen and (max-width: 600px) {
70 /* 83 body {
71 * Color schemes (Youkai mode) 84 background: var(--bg);
72 */ 85 font-family: 'Roboto', sans-serif;
73 :root {
74 --bg: #000000;
75 --fg: #ffffff;
76 --link: #ffffff;
77 --link-hover: #ffd700;
78 --link-visited: #ffa500;
79 --border: #494949;
80 } 86 }
81 body { 87 .menu {
82 background-image: url('/img/yukari.jpg'); 88 font-size: 20px;
83 background-position: 35% 35%; 89 }
90 .powered_by {
91 display: none;
84 } 92 }
85 } 93 }
86 @media screen and (max-width: 600px) {
87 body {
88 background-image: url('/img/reimu_mobile.jpg');
89 }
90 .footer {
91 display: none
92 }
93 .menu {
94 font-size: 20px;
95 }
96 .powered_by {
97 display: none;
98 }
99 }