User:Saag/AbilityCircle: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
  <onlyinclude>
  <onlyinclude>
  <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 class="popover__wrapper" 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="popover__wrapper">
               <div class="ability-icon"
               <div class="ability-icon"
                 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>
             
 
                 <div class="popover__content" style="text-align:left">
                 <div class="popover__content" style="text-align:left">
                   {{Ability card
                   {{Ability card
Line 21: Line 19:
                   |upgrade3=Bounces 2 times
                   |upgrade3=Bounces 2 times
                   |radius=5m}}
                   |radius=5m}}
            </div>
                </div>
             </div>
             </div>
</onlyinclude>
</onlyinclude>