Mercurial > lab > homepage
comparison site/css/windowmaker.css @ 3:21b2c131d8c7
Wallpapers take a long time to load, and the mobile ones were removed because of the same reason
author | yakumo_izuru |
---|---|
date | Sun, 08 Jun 2025 13:01:55 -0300 |
parents | 380da6d0a7e9 |
children |
comparison
equal
deleted
inserted
replaced
2:380da6d0a7e9 | 3:21b2c131d8c7 |
---|---|
6 } | 6 } |
7 | 7 |
8 body { | 8 body { |
9 margin: 0; | 9 margin: 0; |
10 padding: 0; | 10 padding: 0; |
11 background-image: url('/img/reimu.jpg'); | |
12 background-position: 40% 10%; | |
13 background-color: white; | 11 background-color: white; |
14 font-family: 'Ume UI Gothic'; | 12 font-family: 'Ume UI Gothic'; |
15 } | 13 } |
16 | 14 |
17 header { | 15 header { |
152 display: inline-flex; | 150 display: inline-flex; |
153 width: 100%; | 151 width: 100%; |
154 margin: 0; | 152 margin: 0; |
155 margin-top: 0px; | 153 margin-top: 0px; |
156 padding: 0; | 154 padding: 0; |
157 background: #016701; | 155 background: #800080; |
158 height: 23px; | 156 height: 23px; |
159 } | 157 } |
160 | 158 |
161 #titlebar-inner { | 159 #titlebar-inner { |
162 margin: 0; | 160 margin: 0; |
163 padding: 0; | 161 padding: 0; |
164 margin-top: 0px; | 162 margin-top: 0px; |
165 background: #016701; | 163 background: #800080; |
166 height: 20px; | 164 height: 20px; |
167 width: 100%; | 165 width: 100%; |
168 border-left: 1px solid #b6b6b6; | 166 border-left: 1px solid #b6b6b6; |
169 border-top: 1px solid #b6b6b6; | 167 border-top: 1px solid #b6b6b6; |
170 border-right: 1px solid #616161; | 168 border-right: 1px solid #616161; |
514 } | 512 } |
515 } | 513 } |
516 | 514 |
517 /* very small - usually mobile phone screens */ | 515 /* very small - usually mobile phone screens */ |
518 @media screen and (max-width: 600px) { | 516 @media screen and (max-width: 600px) { |
519 body { background-image: url('/img/reimu_mobile.jpg'); | |
520 header h1 a {font-size: 1.5em} | 517 header h1 a {font-size: 1.5em} |
521 } | 518 } |
522 @media (prefers-color-scheme: dark) { | 519 @media (prefers-color-scheme: dark) { |
523 body { | 520 body { |
524 background-image: url('/img/yukari.jpg'); | 521 background-color: black; |
525 background-position: 35% 35%; | |
526 background-color: black; | |
527 } | 522 } |
528 } | 523 } |