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 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 popover__wrapper"
              <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 class="popover__content" style="text-align:left">
                  {{Ability card
                  |name=Splatter
                  |effect1='''Damage:''' 110 {{ss|1.4}}
                  |description=Throw a ball of goo that '''deals damage''' and leaves puddles of goo behind that apply '''movement slow''' to enemies in the radius.
                  |cooldown=20s
                  |duration=10s
                  |effect2='''Movement Slow:''' 35%
                  |upgrade1='''-6s''' Cooldown
                  |upgrade2='''+70''' Damage and '''+1m''' Radius
                  |upgrade3=Bounces 2 times
                  |radius=5m}}
                </div>
            </div>
                          </div>
 
             </div>
             </div>
</onlyinclude>
</onlyinclude>