View source for Template:Item tooltip/styles.css

<templatestyles src="Item tooltip/styles.css" />

<div class="item-tooltip-wrapper">
  <span class="item-tooltip-trigger">{{{name|Item}}}</span>

  <div class="item-tooltip-box">
    <div class="item-tooltip-title">{{{name|Item}}}</div>

    <div class="item-tooltip-section">
      <div class="item-tooltip-section-title">Attack</div>
      <div class="item-tooltip-row"><span>Amount</span><span>{{{atk_amt|+0}}}</span></div>
      <div class="item-tooltip-row"><span>Chance</span><span>{{{atk_chance|-}}}</span></div>
      <div class="item-tooltip-row"><span>Enchant</span><span>{{{atk_enchant|0%}}}</span></div>
    </div>

    <div class="item-tooltip-section">
      <div class="item-tooltip-section-title">Defense</div>
      <div class="item-tooltip-row"><span>Amount</span><span>{{{def_amt|+0}}}</span></div>
      <div class="item-tooltip-row"><span>Chance</span><span>{{{def_chance|-}}}</span></div>
      <div class="item-tooltip-row"><span>Enchant</span><span>{{{def_enchant|0%}}}</span></div>
    </div>

    <div class="item-tooltip-section">
      <div class="item-tooltip-section-title">Attack Interval</div>
      <div class="item-tooltip-row"><span>Amount</span><span>{{{spd_amt|0%}}}</span></div>
      <div class="item-tooltip-row"><span>Chance</span><span>{{{spd_chance|-}}}</span></div>
      <div class="item-tooltip-row"><span>Enchant</span><span>{{{spd_enchant|0%}}}</span></div>
    </div>

  </div>
</div>