HPR/hpr_generator
8
1
Fork 5
Code Issues 36 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Make episode navigation links more button like

Browse Source
This commit is contained in:
Roan Horning
2025-10-26 00:45:34 -04:00
parent 70fd148928
commit b122f7c1c0
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public_html/css/hpr.css
View File

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