Added styling for Suiseiseki Z.

This commit is contained in:
Alexander Andreev 2022-10-24 05:41:06 +04:00
parent 0753d2e2b5
commit 94ad220bc0
Signed by: Arav
GPG Key ID: 0388CC8FAA51063F
2 changed files with 10 additions and 1 deletions

View File

@ -1,4 +1,7 @@
body { margin-top: 25vh; } body {
height: 75vh;
margin-top: 25vh;
}
header { position: relative; } header { position: relative; }

View File

@ -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;