Fix Strong's entry page button styling and tooltip selector

- Change primary nav button to explicit green (#4a7c59) instead of
  var(--link-color) which is dark gray in light mode
- Ensure button text is white with !important and :link/:visited states
- Make verse-tooltip selector more specific to avoid styling conflicts

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-12-03 21:30:17 -05:00
parent 387fd0203d
commit 6084a347c8
2 changed files with 14 additions and 11 deletions
+5 -4
View File
@@ -1778,7 +1778,8 @@ html,
text-decoration: underline;
}
.verse-tooltip {
/* Inline verse tooltip (inside .verse-reference elements) */
.verse-reference .verse-tooltip {
display: none;
position: absolute;
background: var(--text-primary);
@@ -1967,7 +1968,7 @@ html,
font-size: 0.95rem;
}
.verse-tooltip {
.verse-reference .verse-tooltip {
position: fixed;
bottom: 2rem;
left: 1rem;
@@ -1997,7 +1998,7 @@ html,
width: 100% !important;
}
.verse-tooltip {
.verse-reference .verse-tooltip {
max-width: 380px;
min-width: 280px;
font-size: 0.875rem;
@@ -2006,7 +2007,7 @@ html,
/* Large screen tooltips */
@media (min-width: 1200px) {
.verse-tooltip {
.verse-reference .verse-tooltip {
max-width: 500px;
min-width: 400px;
font-size: 0.95rem;
+9 -7
View File
@@ -329,16 +329,18 @@
background: var(--bg-color);
}
.nav-btn.primary {
background: var(--link-color);
border-color: var(--link-color);
color: #fff;
.nav-btn.primary,
.nav-btn.primary:link,
.nav-btn.primary:visited {
background: #4a7c59;
border-color: #4a7c59;
color: #fff !important;
}
.nav-btn.primary:hover {
background: var(--link-hover);
border-color: var(--link-hover);
color: #fff;
background: #3d6a4b;
border-color: #3d6a4b;
color: #fff !important;
}
.prev-next {