Improve body background height and link coloring, footer font sizing

More miscellaneous styling changes
This commit is contained in:
Xevion
2022-03-26 20:17:26 -05:00
parent 131d3ef4ea
commit 6fd021cb33

View File

@@ -5,15 +5,20 @@
body, html { body, html {
font-family: Verdana, Arial, sans-serif, Helvetica; font-family: Verdana, Arial, sans-serif, Helvetica;
margin: 0; margin: 0;
background-color: #e7e7e7;
line-height: 1.225;
} }
#content { .content-outer {
width: 900px; width: 900px;
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;
} }
#content .content-inner { .content-outer .content {
margin: 2em; background-color: white;
}
.content-outer .content .content-inner {
padding: 2em;
} }
#logo { #logo {
@@ -26,11 +31,15 @@ body, html {
.header-primary { .header-primary {
background-color: #1b53a8; background-color: #1b53a8;
padding: 10px; padding: 10px;
position: relative;
} }
.header-primary .header-login { .header-primary .header-login {
position: absolute;
top: 1em;
right: 1em;
color: white; color: white;
} }
.header-primary .header-login .username { .header-primary .header-login a {
text-decoration: underline; text-decoration: underline;
color: white !important; color: white !important;
} }
@@ -45,6 +54,18 @@ body, html {
margin: auto auto; margin: auto auto;
} }
a {
color: #1E40AF;
}
nav a {
color: white;
}
footer a {
color: #1E40AF;
}
nav .links, footer .links { nav .links, footer .links {
margin: 0; margin: 0;
list-style: none; list-style: none;
@@ -54,7 +75,11 @@ nav .links li, footer .links li {
} }
nav .links li a, footer .links li a { nav .links li a, footer .links li a {
text-decoration: none; text-decoration: none;
color: white; }
footer {
font-size: 60%;
text-align: center;
} }
footer .links { footer .links {
@@ -73,4 +98,29 @@ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after
color: black; color: black;
} }
.form-subtext {
text-align: center;
font-size: 1em;
}
form {
margin: 0 auto;
width: fit-content;
}
form.login-form {
border: 1px solid darkblue;
padding: 10px;
}
form .field {
padding: 4px;
}
form .field .checkbox {
margin-left: auto;
}
form button {
border-radius: 0px;
width: 15em;
margin: 0 auto;
}
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */