User:Saag/AbilityCircle: Difference between revisions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
<div class="abilityImage" style="display:inline-block; width:{{{bgsize|128}}}px; height:{{{bgsize|128}}}px;"> | <div class="abilityImage" style="display:inline-block; width:{{{bgsize|128}}}px; height:{{{bgsize|128}}}px;"> | ||
<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|{{{bgsize|128}}}x{{{bgsize|128}}}px|link=]]</div> | <div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|{{{bgsize|128}}}x{{{bgsize|128}}}px|link=]]</div> | ||
<div class="ability-icon | <div class="ability-icon popover-wrapper" | ||
style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | ||
{{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{name|Smoke Bomb}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}} | {{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{name|Smoke Bomb}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}} | ||
</div> | </div> | ||
<div class=" | <div class="popover-content" style="text-align:left"> | ||
{{Abilities/{{{name}}}}} | {{Abilities/{{{name}}}}} | ||
</div> | </div> | ||