tetalab
/
thsf.net
18
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip: colors

This commit is contained in:
Michael Costa 2023-04-08 10:32:11 +11:00
parent f063ad1eb0
commit 0ed957ac27
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/thsf/static/css/style.css
View File

@ -8,6 +8,11 @@
src: url(../fonts/PFDinTextCompPro-Thin.ttf); src: url(../fonts/PFDinTextCompPro-Thin.ttf);
} }
:root {
--main-bg-color: #e6007e;
--main-color: #ffffff;
--alt-color: #1A000D;
}
* { * {
margin: 0; margin: 0;
@ -16,7 +21,7 @@
} }
body { body {
background-color: #e6007e; background-color: var(--main-bg-color);
font-family: pfdintextcomppromedium; font-family: pfdintextcomppromedium;
} }
@ -38,11 +43,11 @@ span.place {
} }
.white { .white {
color: #ffffff; color: var(--main-color);
} }
.black { .black {
color: #1A000D; color: var(--alt-color);
} }
.thin { .thin {
@ -99,7 +104,7 @@ img.logo {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 2em; gap: 2em;
background-color: #e6007e; background-color: var(--main-bg-color)
width: 100vw; width: 100vw;
} }
@ -110,7 +115,7 @@ img.logo {
} }
.button:hover { .button:hover {
color: #ffffff; color: var(--main-color);
cursor: pointer; cursor: pointer;
} }
@ -123,14 +128,14 @@ img.logo {
height: 0; height: 0;
border-left: 0.75em solid transparent; border-left: 0.75em solid transparent;
border-right: 0.75em solid transparent; border-right: 0.75em solid transparent;
border-bottom: 0.75em solid #1A000D; border-bottom: 0.75em solid var(--alt-color);
} }
#blah { #blah {
margin: 2em 0 2em; margin: 2em 0 2em;
font-size: 2em; font-size: 2em;
font-family: pfdintextcompprothin; font-family: pfdintextcompprothin;
color: #ffffff; color: var(--main-color);
width: 25em; width: 25em;
text-align:justify; text-align:justify;
text-justify:inter-word; text-justify:inter-word;
@ -143,13 +148,13 @@ img.logo {
a { a {
font-family: pfdintextcomppromedium; font-family: pfdintextcomppromedium;
font-weight: 250; font-weight: 250;
color: #1A000D; color: var(--alt-color);
transition-property: color; transition-property: color;
transition-duration: 1s; transition-duration: 1s;
text-decoration: wavy; text-decoration: wavy;
} }
a:hover { a:hover {
color: #ffffff; color: var(--main-color);
cursor: pointer; cursor: pointer;
} }