kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Match Strong's tooltip colors to verse tooltip

Browse Source 
Same border, border-radius, box-shadow, and dark mode colors.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2025-12-05 08:02:12 -05:00
parent 1828c1d79b
commit a9844e449f
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/base.html
+14 -11
View File
@@ -301,22 +301,23 @@
}
}
/* Strong's tooltip styles - minimal Tufte */
/* Strong's tooltip styles */
.strongs-tooltip {
position: absolute;
background: var(--bg-color);
border-left: 3px solid var(--link-color);
border: 1px solid var(--border-color-darker);
border-radius: 6px;
padding: 0.75rem 1rem;
max-width: 320px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
max-width: 350px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 9999;
font-family: 'Crimson Text', 'Times New Roman', serif;
font-size: 0.95rem;
font-size: 1rem;
line-height: 1.6;
color: var(--text-color);
pointer-events: none;
opacity: 0;
transition: opacity 0.15s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.strongs-tooltip.show {
@@ -324,7 +325,7 @@
}
.strongs-tooltip-word {
font-size: 1.5rem;
font-size: 1.4rem;
display: inline;
}
@@ -353,14 +354,16 @@
}
[data-theme="dark"] .strongs-tooltip {
background: #1a1a1a;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
background: #2a2a2a;
border-color: #444;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
@media (prefers-color-scheme: dark) {
html:not([data-theme="light"]) .strongs-tooltip {
background: #1a1a1a;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
background: #2a2a2a;
border-color: #444;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
}