Make episode navigation links more button like
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user