https://wiki.telosrealms.com/index.php?action=history&feed=atom&title=Template%3ASkillHover 2026-04-30T18:52:11Z Revision history for this page on the wiki MediaWiki 1.45.3 https://wiki.telosrealms.com/index.php?title=Template:SkillHover&diff=4483&oldid=prev 2025-08-30T21:20:06Z

<p>Created page with &quot;&lt;!-- Template:SkillHover --&gt; {{#if:{{{name|}}}| &lt;div class=&quot;skill-node&quot; style=&quot;position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;&quot;&gt; &lt;!-- The skill box --&gt; &lt;div style=&quot;background-color:#191919; border:3px solid #4d4d4b; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box;&quot;&gt; {{{name}}} &lt;/div&gt; &lt;!-- The hover description --&gt; &lt;div class=&quot;skill-tooltip&quot; style=&quot;vis...&quot;</p> <p><b>New page</b></p><div>&lt;!-- Template:SkillHover --&gt;<br /> {{#if:{{{name|}}}|<br /> &lt;div class=&quot;skill-node&quot; style=&quot;position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;&quot;&gt;<br /> &lt;!-- The skill box --&gt;<br /> &lt;div style=&quot;background-color:#191919; border:3px solid #4d4d4b; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box;&quot;&gt;<br /> {{{name}}}<br /> &lt;/div&gt;<br /> <br /> &lt;!-- The hover description --&gt;<br /> &lt;div class=&quot;skill-tooltip&quot; style=&quot;visibility:hidden; background-color:#222; color:white; text-align:left; border:2px solid #4d4d4b; padding:5px; border-radius:5px; width:200px; position:absolute; top:-5px; left:230px; z-index:100;&quot;&gt;<br /> {{{description|Hover for description}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;script&gt;<br /> var nodes = document.getElementsByClassName(&#039;skill-node&#039;);<br /> Array.prototype.forEach.call(nodes, function(node){<br /> var box = node.querySelector(&#039;div:first-child&#039;);<br /> var tooltip = node.querySelector(&#039;.skill-tooltip&#039;);<br /> box.onmouseover = function(){ tooltip.style.visibility=&#039;visible&#039;; };<br /> box.onmouseout = function(){ tooltip.style.visibility=&#039;hidden&#039;; };<br /> });<br /> &lt;/script&gt;<br /> |}</div>

imported>DupingToaster