From fcd4a840ab072d8d2956f15b697b81aac415ba06 Mon Sep 17 00:00:00 2001 From: Cflip <36554078+cflip@users.noreply.github.com> Date: Sat, 23 Jan 2021 23:48:31 -0700 Subject: Improve and clean up style.css --- styles/style.css | 85 +++++++++++++++++++++++++++----------------------------- 1 file changed, 41 insertions(+), 44 deletions(-) (limited to 'styles') diff --git a/styles/style.css b/styles/style.css index c9fd7ae..e0b7358 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,33 +1,59 @@ body { background-color: #222; text-align: center; + + font-family: sans-serif; + font-size: 10pt; } -#title { - color: #F1F3F1; - margin: 20px; +nav, section, table { + background-color: white; + border: 1px solid black; + text-align: left; + margin-top: 10px; + margin-bottom: 10px; } -#wrapper { - width: 900px; - margin: 0 auto; +section { + padding: 15px; +} + +footer { + font-size: 65%; + color: #999; + text-align: left; + display: inline-block; + width: 100%; } table { border-collapse: collapse; width: 100%; - background-color: #fff; - border: 1px solid #000; - float: left; padding: 20px 30px; text-align: left; } -nav { - background-color: white; - margin-bottom: 15px; +th { + background-color: #078; + color: white; border: 1px solid black; + padding: 0.25em; +} + +form { text-align: left; + padding: 5px 5px 5px 50px; + display: inline-block; +} + +#title { + color: #eee; + margin: 20px; +} + +#wrapper { + width: 900px; + margin: 0 auto; } #user { @@ -41,23 +67,6 @@ nav { max-height: 600px; } -section { - background-color: white; - padding: 15px; - margin-bottom: 15px; - text-align: left; -} - -section h1 { - color: black; -} - -form { - text-align: left; - padding: 5px 5px 5px 50px; - display: inline-block; -} - nav a { background-color: #00728B; border: 1px solid black; @@ -87,12 +96,6 @@ table a:hover { text-decoration: none; } -th { - background-color: #00728B; - color: #F0F0F0; - border: 1px solid black; -} - h1, h4 { margin-top: 2px; margin-bottom: 10px; @@ -103,15 +106,9 @@ td { border: 1px solid black; } -h3 {margin: 0; padding: 0;} - -footer { - font-size: 65%; - margin-top: 6px; - color: #999; - text-align: left; - display: inline-block; - width: 100%; +h3 { + margin: 0; + padding: 0; } textarea { -- cgit v1.2.3