Added styling for Suiseiseki Z.
This commit is contained in:
parent
0753d2e2b5
commit
94ad220bc0
@ -1,4 +1,7 @@
|
|||||||
body { margin-top: 25vh; }
|
body {
|
||||||
|
height: 75vh;
|
||||||
|
margin-top: 25vh;
|
||||||
|
}
|
||||||
|
|
||||||
header { position: relative; }
|
header { position: relative; }
|
||||||
|
|
||||||
|
@ -7,6 +7,7 @@
|
|||||||
|
|
||||||
:root {
|
:root {
|
||||||
--background-color: #0a0a0a;
|
--background-color: #0a0a0a;
|
||||||
|
--background-image: url('/shared/img/desu_z.webp');
|
||||||
--primary-color: #cd2682;
|
--primary-color: #cd2682;
|
||||||
--secondary-color: #9f2b68;
|
--secondary-color: #9f2b68;
|
||||||
--text-color: #f5f5f5;
|
--text-color: #f5f5f5;
|
||||||
@ -16,6 +17,7 @@
|
|||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
:root {
|
:root {
|
||||||
--background-color: #f5f5f5;
|
--background-color: #f5f5f5;
|
||||||
|
--background-image: url('/shared/img/desu_z_dark.webp');
|
||||||
--primary-color: #9f2b68;
|
--primary-color: #9f2b68;
|
||||||
--secondary-color: #cd2682;
|
--secondary-color: #cd2682;
|
||||||
--text-color: #0a0a0a; } }
|
--text-color: #0a0a0a; } }
|
||||||
@ -128,6 +130,10 @@ html {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
|
background-image: var(--background-image);
|
||||||
|
background-size: calc((100vw - 960px)/2);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: bottom left;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
font-family: 'Roboto Condensed', Roboto, sans-serif;
|
font-family: 'Roboto Condensed', Roboto, sans-serif;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
|
Loading…
Reference in New Issue
Block a user