Editing User:LVL/SandboxGive feedback

{{User:LVL/Tooltip|text=Top Edge Test|hover=I should appear BELOW the text because there is no room above.}}


{{User:LVL/Tooltip
|text = Restorative Locket
|hover = [[File:Restorative Locket.png|30px|left]] This item grants '''+10%''' Health Regen and has an active heal.
}}


{{User:LVL/Tooltip
| text = Static Charge
| hover = 
* Deals 50 Spirit Damage
* Stuns for 1.2s
* Reduces Fire Rate by 20%
}}


{{User:LVL/Tooltip
| text = Scaling Stats
| hover = Gains <span class="weapon-orange">+2 Weapon Damage</span> and <span class="spirit-purple">+1.5% Spirit Power</span> per level.
}}


{{User:LVL/Tooltip
| text = Boss Mechanics
| hover = For more details on the Walker, see the [[Walker]] page.
}}


{{User:LVL/Tooltip
| text = Rich Content Test
| hover = 
[[File:Walker Icon.png|40px|left]]
'''Walker''' is a generic NPC.
* Has '''High''' health.
* Deals ''Physical'' damage.
See [[Walker]] for more details.
}}


{{User:LVL/Tooltip
| text = HTML Table Test
| hover = 
<table class="wikitable" style="width:100%">
  <tr>
    <th>Stat</th>
    <th>Value</th>
  </tr>
  <tr>
    <td>Fire Rate</td>
    <td>+20%</td>
  </tr>
  <tr>
    <td>Ammo</td>
    <td>+15</td>
  </tr>
</table>
}}


<div style="text-align: right; border: 1px solid red; padding: 10px;">
I am all the way on the right side: {{User:LVL/Tooltip|text=Right Edge Test|hover=I should slide to the LEFT so I don't go off-screen, but my arrow should still point to the text.}}
</div>


{{User:LVL/Tooltip
| text = Tall Content Test
| hover = 
This is a very long list to test scrollbars:
* Item 1
* Item 2
* Item 3
* Item 4
* Item 5
* Item 6
* Item 7
* Item 8
* Item 9
* Item 10
* Item 11
* Item 12
* Item 13
* Item 14
* Item 15
* Item 16
* Item 17
* Item 18
* Item 19
* Item 20
}}


<div style="background-color: #2a2a2a; color: #fff; padding: 20px; margin-top: 20px;">
'''Infobox Simulation:''' 
Here is a stat inside a dark container: {{User:LVL/Tooltip|text=Damage Resist|hover=This text should be readable, and you should not see a weird rectangle covering the text.}}
</div>