Make episode navigation links more button like

This commit is contained in:
2025-10-26 00:45:34 -04:00
parent 70fd148928
commit b122f7c1c0

View File

@@ -47,6 +47,7 @@ https://creativecommons.org/publicdomain/
--link-secondary: #a8f8ff;
--link-secondary-hover: #f9e9c2;
--link-title-color: #00003e;
--link-navigation-hover: #030303;
--primary-content-line-height: 1.45;
--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
@@ -744,11 +745,13 @@ nav.episodes span {
text-align: center;
border: inset thin var(--text-primary);
}
nav.episodes span:nth-child(-n+2) {
nav.episodes span:nth-child(-n+2),
nav.episodes span:nth-child(-n+2) a {
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
}
nav.episodes span:nth-child(n+3) {
nav.episodes span:nth-child(n+3),
nav.episodes span:nth-child(n+3) a {
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
@@ -759,6 +762,13 @@ nav.episodes span a {
min-width: 4.4em;
min-height: 1.5em;
}
nav.episodes span a:hover {
background-color: var(--link-primary-hover);
color: var(--link-navigation-hover);
}
nav.episodes span a img {
filter: none;
}
nav.episodes img {
margin: 0 0.2rem;
height: 0.85em;
@@ -914,4 +924,8 @@ nav.episodes img {
#hosts td:nth-child(-n+2) {
color: var(--text-primary);
}
nav.episodes span a:hover {
background-color: var(--link-primary-hover);
color: var(--link-navigation-hover);
}
}