Toggle menu
505
2.3K
829
21.8K
Deadlock Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:AbilityCircle: Difference between revisions

Template page
Copied and modified the ability circle from Template:Ability card to make building another template easier
 
mNo edit summary
Line 1: Line 1:
  <onlyinclude>
  <onlyinclude>
  <div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
  <div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
               <div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|128x128px|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}}}pxx{{{bgsize}}}px|link=]]</div>
               <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;">
Line 29: Line 29:
"example": "Smoke Bomb",
"example": "Smoke Bomb",
"required": true
"required": true
},
"bgsize": {
"description": "Size of the background circle. Should almost always be larger than the icon",
"example": "128"
}
}
},
},
Line 34: Line 38:
"name",
"name",
"iconsize",
"iconsize",
"bgsize",
"displayicon"
"displayicon"
]
]