From 6b8c97815adf1a1c772cda8cca1ef1b41d9043cb Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Fri, 8 Aug 2025 22:50:52 -0400 Subject: [PATCH] Reformat top navigation menus Have accessibility menu appear on same line as main menu. --- public_html/css/hpr.css | 27 ++++++++++++++++++++------- templates/page.tpl.html | 18 +++++++++++------- 2 files changed, 31 insertions(+), 14 deletions(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 0cec606..afc0eaf 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -74,24 +74,27 @@ body { padding: 0; min-height: 100vh; } - -body > nav { +#top_navigation { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; background-color: var(--background-secondary); color: var(--text-secondary); + padding: 0.5rem; } -body > nav a { +#top_navigation > nav a { color: var(--link-secondary); } -body > nav a:hover { +#top_navigation > nav a:hover { color: var(--link-secondary-hover); } -body > nav ul { +#top_navigation > nav menu { background-color: inherit; color: inherit; margin: 0; padding: 0.25rem; } -body > nav ul li { +#top_navigation > nav menu li { display: inline-block; background-color: inherit; color: inherit; @@ -100,7 +103,7 @@ body > nav ul li { padding: 0; padding-right: var(--link-spacing-horizontal); } -body > nav ul li a { +#top_navigation > nav menu li a { padding: 0.25rem 0; } body > header { @@ -420,6 +423,16 @@ fieldset > input { .no-css { display: none; } +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} @media (min-width: 600px) { body > header { background-size: 200pt, cover; diff --git a/templates/page.tpl.html b/templates/page.tpl.html index c866a93..8a6a7b5 100644 --- a/templates/page.tpl.html +++ b/templates/page.tpl.html @@ -27,13 +27,17 @@ - - +
+ + +

HPR