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); } }