From 0ee3d06f89e915c277731a45dec92cd17ef1f1f1 Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Mon, 27 Nov 2023 22:26:36 -0500 Subject: [PATCH] Copied some styles from Leviathan --- public/css/kourend.css | 56 +++++++++++++++++++++++++----------- templates/layout/navbar.tmpl | 18 ++++++------ 2 files changed, 49 insertions(+), 25 deletions(-) diff --git a/public/css/kourend.css b/public/css/kourend.css index b56e530..a84b0ac 100644 --- a/public/css/kourend.css +++ b/public/css/kourend.css @@ -7,48 +7,69 @@ body{ } body{ + height: auto; + min-height: 100%; + box-sizing: border-box; padding-top: 80px; padding-bottom: 80px; background: #eee; } -#navbar{ - box-sizing: border-box; +textarea{ + max-width: 100%; + min-width: 100%; + height: 100px; +} + +form select{ + min-height: 100px; +} + +.container{ + max-width: 1024px; +} + +#main-nav{ position: fixed; top: 0; left: 0; width: 100%; height: 64px; - padding-left: 10px; - background: purple; + background: teal; color: white; - z-index: 10; + z-index: 20; } -#navbar ul{ +#main-nav ul{ list-style: none; -} -#navbar ul li{ display: inline-block; } - -#navbar h4, -#navbar a{ - margin-left: 15px; +#main-nav h4{ + display: inline-block; + margin-left: 25px; line-height: 64px; } +#main-nav ul li{ + display: inline-block; + margin-left: 15px; +} -#navbar a{ +#main-nav a{ color: white; - font-size: 24px; - text-decoration: none; + font-size: 2.25rem; + line-height: 64px; + transition: all 200ms ease-in-out; +} +#main-nav a:hover{ + color: #eee; + font-size: 2.5rem; } #main-content{ - max-width: 1024px; padding: 14px 20px; background: white; border-radius: 8px; + z-index: 10; } #main-footer{ @@ -57,9 +78,10 @@ body{ left: 0; width: 100%; height: 64px; + } #main-footer p{ - line-height: 64px; + margin-bottom: 5px; text-align: center; } diff --git a/templates/layout/navbar.tmpl b/templates/layout/navbar.tmpl index 0703d73..18ba9e7 100644 --- a/templates/layout/navbar.tmpl +++ b/templates/layout/navbar.tmpl @@ -1,11 +1,13 @@ {{ define "navbar" }} -