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

wip: colors

Browse Source
This commit is contained in:
Michael Costa 2023-04-08 10:41:43 +11:00
parent a885c6c8fb
commit c992116269
1 changed files with 52 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,23 +25,6 @@ body {
font-family: pfdintextcomppromedium; 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 { .white {
color: var(--main-color); color: var(--main-color);
} }
@ -58,6 +41,44 @@ span.place {
font-family: pfdintextcomppromedium; 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 { /* #content_wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -84,6 +105,20 @@ span.place {
#header { #header {
text-align: center; text-align: center;
margin-bottom: -3em; 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 { #logo_wrapper {
@ -91,10 +126,6 @@ span.place {
width: 40em; width: 40em;
} }
img.logo {
width: inherit;
}
#navbar_wrapper { #navbar_wrapper {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@ -108,29 +139,10 @@ img.logo {
width: 100vw; width: 100vw;
} }
.button {
font-size: 4em;
transition-property: color;
transition-duration: 1s;
}
.button:hover {
color: var(--main-color);
cursor: pointer;
}
#cursorbar { #cursorbar {
margin-top: 1em; 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 { #blah {
margin: 2em 0 2em; margin: 2em 0 2em;
font-size: 2em; font-size: 2em;
@ -145,16 +157,3 @@ img.logo {
margin-top: 1em; 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;
}