User:Saag/Sandbox/AbilityCard: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
Saag (talk | contribs)
No edit summary
Saag (talk | contribs)
No edit summary
Line 2: Line 2:
<div style="font-size: 17px; font-family: 'PT Serif', 'Palatino', 'Georgia'; color: #FFEFD7; display:flex; flex-direction:column;  background: rgb(52,52,52);
<div style="font-size: 17px; font-family: 'PT Serif', 'Palatino', 'Georgia'; color: #FFEFD7; display:flex; flex-direction:column;  background: rgb(52,52,52);
background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%);  align-items: center; max-width: 550px">
background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%);  align-items: center; max-width: 550px">
   <!-- HEADER -->
   <!-- HEADER -->
   <div style="display:flex; flex-direction:row; justify-content: space-between; width: 100%; background: #121212;">     
   <div style="display:flex; flex-direction:row; justify-content: space-between; width: 100%; background: #121212; font-size: 14px;">     
     <div style="display:flex; flex-direction:column; padding: 10px">
     <div style="display:flex; flex-direction:column; padding: 10px">
       <div style="font-size: 26px">{{{name}}}</div>
       <div style="font-size: 26px">{{{name}}}</div>
       <div style="display:flex; flex-direction:row;">
       <div style="display:flex; flex-direction:row;">
       {{#if: {{{range|}}}|<div style="background-color: #2C2C2C; margin-right: 20px; padding: 1px 3px 1px 3px">{{Icon/Grey|[[File:CastRange.png|20px]]|{{ValueAndUom|{{{range}}}|m|uom_style=font-size: 12px; color: #9C9C9C}}}}</div>}}{{#if: {{{radius|}}}|<div style="background-color: #2C2C2C; margin-right: 20px; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconTechRange.png|20px]]|{{ValueAndUom|{{{radius}}}|m|uom_style=font-size: 12px; color: #9C9C9C}}}}</div>}}{{#if: {{{ability_width|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px; border-radius: 1px">{{{ability_width}}}</div>}}{{#if: {{{duration|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px">{{{duration}}}</div>}}
       {{#if: {{{range|}}}|<div style="background-color: #2C2C2C; margin-right: 20px; padding: 1px 3px 1px 3px">{{Icon/Grey|[[File:CastRange.png|20px]]|{{ValueAndUom|{{{range}}}|m|uom_style=font-size: 10px; color: #9C9C9C}}}}</div>}}{{#if: {{{radius|}}}|<div style="background-color: #2C2C2C; margin-right: 20px; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconTechRange.png|20px]]|{{ValueAndUom|{{{radius}}}|m|uom_style=font-size: 10px; color: #9C9C9C}}}}</div>}}{{#if: {{{ability_width|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px; border-radius: 1px">{{{ability_width}}}</div>}}{{#if: {{{duration|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px">{{{duration}}}</div>}}
       </div>
       </div>
     </div>
     </div>
     <div style="display:flex; flex-direction:column; padding: 10px">
     <div style="display:flex; flex-direction:column; padding: 10px">
       <div style="display:flex; flex-direction:row;">
       <div style="display:flex; flex-direction:row;">
         {{#if: {{{num_of_charges|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconMaxChargesIncrease.png|20px]]|{{{num_of_charges|}}}}}</div>}}{{#if: {{{charge_cooldown|}}}|<div style="background-color: #242424; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconTechCooldown.png|20px]]|{{ValueAndUom|{{{charge_cooldown}}}|m|uom_style=font-size: 12px; color: #9C9C9C}}}}</div>}}
         {{#if: {{{num_of_charges|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconMaxChargesIncrease.png|20px]]|{{{num_of_charges|}}}}}</div>}}{{#if: {{{charge_cooldown|}}}|<div style="background-color: #242424; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconTechCooldown.png|20px]]|{{ValueAndUom|{{{charge_cooldown}}}|m|uom_style=font-size: 10px; color: #9C9C9C}}}}</div>}}
       </div>
       </div>
       {{#if: {{{cooldown|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconTechCooldown.png|20px]]|{{ValueAndUom|{{{cooldown}}}|m|uom_style=font-size: 12px; color: #9C9C9C}}}}</div>}}
       {{#if: {{{cooldown|}}}|<div style="background-color: #2C2C2C; padding: 1px 3px 1px 3px; border-radius: 1px">{{Icon/Grey|[[File:AttributeIconTechCooldown.png|20px]]|{{ValueAndUom|{{{cooldown}}}|m|uom_style=font-size: 10px; color: #9C9C9C}}}}</div>}}
     </div>
     </div>
   </div>
   </div>

Revision as of 21:59, 22 September 2024


Sticky Bomb

6m

12m

19m

Attach a Sticky Bomb to a nearby target that deals explosive damage after a short fuse time.
Gain +2.5% bomb damage for every enemy hero hit.
Hold [M3] to cast a Sticky Bomb on yourself.

120

(Spirit Power#Spirit Power Scalingx0.917)
Damage



3s

Fuse Time



Ability Point 1
-7.5s Cooldown



Ability Point 2
+80 Damage



Ability Point 5
On Attach, disarms the target for 3.5s