diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index 4d18f79..8c70b8e 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -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);
}
}