From 03eb6013a2bf3f26249ceede4a79b4d4b8e5c201 Mon Sep 17 00:00:00 2001 From: ElDoc-s Date: Fri, 3 Jul 2026 00:19:43 -0700 Subject: Major site redesign --- britons.css | 51 +++++++++++++++++++++++++++++++-------------------- 1 file changed, 31 insertions(+), 20 deletions(-) (limited to 'britons.css') diff --git a/britons.css b/britons.css index 63d2cb2..62407fa 100644 --- a/britons.css +++ b/britons.css @@ -1,6 +1,6 @@ :root { --main-fg-color: #003400; - --main-ac-color: #007400; + --main-ac-color: #00A800; background-image: url(media/bg.gif); } @@ -9,13 +9,14 @@ body { font-family: "Liberation Serif", "Times New Roman"; display: block; background-color: rgba(255, 255, 255, 0.8); - margin: 2.5%; + margin: 1% 5%; + border-style: double; double double double; + border-width: thick; + border-color: var(--main-fg-color); } main { padding: 0 1%; - border-style: solid; - border-color: var(--main-fg-color); } small { @@ -24,11 +25,19 @@ small { } header { - background-color: var(--main-fg-color); - border-color: var(--main-fg-color); - border-width: thick; - border-style: solid; - padding: 0 1%; + background-color: var(--main-fg-color); + display: flex; + justify-content: space-between; + align-items: baseline; + padding: 0 1%; +} + +.tagline { + margin-left: auto; + color: whitesmoke; + font-size: 125%; + margin-left: 1%; + text-decoration: underline; } p { @@ -37,6 +46,7 @@ p { h1 { margin: 0%; + white-space: nowrap; } h2 { @@ -48,20 +58,15 @@ h1 a { color: white; font-weight: bold; text-decoration: none; + background-color: var(--main-fg-color); + padding: 0 1%; } -h1 i { - font-size: 75%; - color: olivedrab; - margin-left: 5%; - text-decoration: underline; -} + nav { display: flex; justify-content: flex-start; flex-wrap: wrap; - background-color: var(--main-ac-color); - border-style: none solid; - border-color: var(--main-fg-color); + background: linear-gradient(180deg, #003400 40%, var(--main-ac-color) 100%); } nav a { margin-top: 0; @@ -69,7 +74,9 @@ nav a { text-decoration: none; color: white; font-weight: bold; - + border-style: none solid none none; + border-width: thin; + box-shadow: inset 8px rgba(0, 0, 0, 0.20); } nav a:hover { @@ -77,7 +84,7 @@ nav a:hover { color: white; } nav .selected { - background-color: var(--main-fg-color); + background: linear-gradient(180deg, #003400 50%, #007400 100%); } .fig { @@ -116,4 +123,8 @@ figure { figure img { max-width: 100%; +} + +.yah { + padding-left: 1%; } \ No newline at end of file -- cgit v1.2.3