Template:AbilityCircle: Difference between revisionsGive feedback
Copied and modified the ability circle from Template:Ability card to make building another template easier |
Gammaton32 (talk | contribs) replace image with AbilityIcon |
||
| (7 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<onlyinclude> | |||
<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 class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; filter: brightness(0);"> | |||
{{#if:{{{displayicon|}}}|{{AbilityIcon|{{{displayicon}}}|icon-only=true|size={{{iconsize|90}}}px}}|{{AbilityIcon|{{{name|Smoke Bomb}}}|icon-only=true|size={{{iconsize|90}}}px}}}} | |||
</div> | |||
</div> | |||
</onlyinclude><noinclude> | |||
</onlyinclude> | {{Documentation}} | ||
<noinclude> | |||
</noinclude> | </noinclude> | ||