Template:SkillHover

Revision as of 21:20, 30 August 2025 by imported>DupingToaster (Created page with "<!-- Template:SkillHover --> {{#if:{{{name|}}}| <div class="skill-node" style="position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;"> <!-- The skill box --> <div style="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;"> {{{name}}} </div> <!-- The hover description --> <div class="skill-tooltip" style="vis...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

{{#if:|

   {{{name}}}

<script>

 var nodes = document.getElementsByClassName('skill-node');
 Array.prototype.forEach.call(nodes, function(node){
     var box = node.querySelector('div:first-child');
     var tooltip = node.querySelector('.skill-tooltip');
     box.onmouseover = function(){ tooltip.style.visibility='visible'; };
     box.onmouseout  = function(){ tooltip.style.visibility='hidden'; };
 });

</script> |}