From c992116269be1cc982806dbc5c8bb0c7013e1f9b Mon Sep 17 00:00:00 2001 From: Michael Costa Date: Sat, 8 Apr 2023 10:41:43 +1100 Subject: [PATCH] wip: colors --- src/thsf/static/css/style.css | 105 +++++++++++++++++----------------- 1 file changed, 52 insertions(+), 53 deletions(-) diff --git a/src/thsf/static/css/style.css b/src/thsf/static/css/style.css index d1d5d1c..2daa63c 100644 --- a/src/thsf/static/css/style.css +++ b/src/thsf/static/css/style.css @@ -25,23 +25,6 @@ body { font-family: pfdintextcomppromedium; } -span.header { - font-size: 9.75em; - font-weight: bold; -} - - -span.subheader { - margin: 0; - font-size: 3.47em; - font-weight: thin; -} - -span.place { - margin: 0; - font-size: 2.145em; -} - .white { color: var(--main-color); } @@ -58,6 +41,44 @@ span.place { font-family: pfdintextcomppromedium; } +.button { + font-size: 4em; + transition-property: color; + transition-duration: 1s; +} + +.button:hover { + color: var(--main-color); + cursor: pointer; +} + +.logo { + width: inherit; +} + +.cursor { + width: 0; + height: 0; + border-left: 0.75em solid transparent; + border-right: 0.75em solid transparent; + border-bottom: 0.75em solid var(--alt-color); +} + + +a { + font-family: pfdintextcomppromedium; + font-weight: 250; + color: var(--alt-color); + transition-property: color; + transition-duration: 1s; + text-decoration: wavy; +} + +a:hover { + color: var(--main-color); + cursor: pointer; +} + /* #content_wrapper { display: flex; flex-direction: column; @@ -84,6 +105,20 @@ span.place { #header { text-align: center; margin-bottom: -3em; + font-size: 9.75em; + font-weight: bold; +} + + +#subheader { + margin: 0; + font-size: 3.47em; + font-weight: thin; +} + +#place { + margin: 0; + font-size: 2.145em; } #logo_wrapper { @@ -91,10 +126,6 @@ span.place { width: 40em; } -img.logo { - width: inherit; -} - #navbar_wrapper { position: fixed; bottom: 0; @@ -108,29 +139,10 @@ img.logo { width: 100vw; } -.button { - font-size: 4em; - transition-property: color; - transition-duration: 1s; -} - -.button:hover { - color: var(--main-color); - cursor: pointer; -} - #cursorbar { margin-top: 1em; } -.cursor { - width: 0; - height: 0; - border-left: 0.75em solid transparent; - border-right: 0.75em solid transparent; - border-bottom: 0.75em solid var(--alt-color); -} - #blah { margin: 2em 0 2em; font-size: 2em; @@ -145,16 +157,3 @@ img.logo { margin-top: 1em; } -a { - font-family: pfdintextcomppromedium; - font-weight: 250; - color: var(--alt-color); - transition-property: color; - transition-duration: 1s; - text-decoration: wavy; -} - -a:hover { - color: var(--main-color); - cursor: pointer; -}