Test: Difference between revisions

@@ Line 1: / Line 1: @@
-<div class="advanced-tooltip" style="display:inline-block">
+<div class="advanced-tooltip" style="display:inline-block; width:80px; margin:0 10px; position:relative; cursor:pointer;">
    [[File:SpinningQuestion.gif|46px|center|link=]]
-   <div class="tooltip-contents">
+   <div class="tooltip-contents" style="
-     This is your tooltip text.<br>
+        visibility:hidden;
-     You can use '''wiki formatting''' or <i>HTML</i> here.
+        width:180px;
+        background-color:#333; /* dark grey */
+        color:white;
+        padding:10px;
+        border-radius:6px;
+        text-align:left;
+        position:absolute;
+        z-index:100;
+        bottom:120%;
+        left:50%;
+        transform:translateX(-50%);
+        box-shadow:0 0 5px rgba(0,0,0,0.5);
+        line-height:1.4em;
+      ">
+     <div style="font-weight:bold; color:#faa701; text-shadow: 1px 1px 1px black;">Skill Name</div>
+    <div style="color:#54fb53;">General description here</div>
+     <div style="color:#55faf4;">Specific numbers or percentages</div>
    </div>
 </div>

Revision as of 15:52, 1 September 2025