mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
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:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user