diff --git a/index.html b/index.html index 69225b7..481c4d6 100644 --- a/index.html +++ b/index.html @@ -35,6 +35,55 @@ .print-only { display: block !important; } } .print-only { display: none; } + + /* Custom tooltip styles */ + .tooltip { + position: relative; + } + + .tooltip::after { + content: "ℹ️"; + position: absolute; + top: 0.5rem; + right: 0.5rem; + font-size: 0.75rem; + opacity: 0.7; + } + + .tooltip .tooltip-text { + visibility: hidden; + width: 280px; + background-color: rgba(0, 0, 0, 0.9); + color: white; + text-align: center; + border-radius: 6px; + padding: 8px 12px; + position: absolute; + z-index: 1; + bottom: 125%; + left: 50%; + margin-left: -140px; + opacity: 0; + transition: opacity 0.3s; + font-size: 0.75rem; + line-height: 1.3; + } + + .tooltip .tooltip-text::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent; + } + + .tooltip:hover .tooltip-text { + visibility: visible; + opacity: 1; + }
@@ -58,20 +107,20 @@