From 4e7f0392fdbb0d439b07f42837130606252fa269 Mon Sep 17 00:00:00 2001 From: Lee Cattarin Date: Sat, 24 May 2025 10:02:03 -0700 Subject: [PATCH] =?UTF-8?q?:clock2:=F0=9F=86=92=20Updated=20with=20Glitch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/main.css | 33 +++++++++++++++++++++------------ 1 file changed, 21 insertions(+), 12 deletions(-) diff --git a/styles/main.css b/styles/main.css index 4e1bc47..50539c0 100644 --- a/styles/main.css +++ b/styles/main.css @@ -89,10 +89,6 @@ body { color: light-dark(var(--color-text-light), var(--color-text-dark)); } -h2 a, h3 a { - background-color: light-dark(var(--color-header-light), var(--color-header-dark)); -} - /* Links */ a:link, a:visited { @@ -104,6 +100,27 @@ a:visited { border-radius: 3px; } +/* Focus */ +*:focus, +a:focus { + outline: 3px solid light-dark(var(--color-header-light), var(--color-header-dark)); + outline-offset: 2px; + background-color: light-dark(var(--color-header-light), var(--color-header-dark)); +} + +/* makes the years page prettier */ +h3 a:link, +h3 a:visited { + background-color: light-dark(var(--color-header-light), var(--color-header-dark)); +} + +h3 *:focus, +h3 a:focus +{ + outline: 3px solid light-dark(var(--color-text-light), var(--color-text-dark)); + background-color: light-dark(var(--color-text-light), var(--color-text-dark)); +} + /* Images */ img { width: 100%; @@ -165,14 +182,6 @@ dd { margin-bottom: .5rem; } -/* Focus */ -*:focus, -a:focus { - outline: 3px solid light-dark(var(--color-header-light), var(--color-header-dark)); - outline-offset: 2px; - background-color: light-dark(var(--color-header-light), var(--color-header-dark)); -} - li { padding: .1rem; } \ No newline at end of file