Template:Ability card v2/Card/MainBox: Difference between revisionsGive feedback

Latest revision as of 09:46, 15 May 2026

Connect with a nearby ally to gain bonuses, replicated healing, and ignore the move speed penalty while shooting.

Receive 50% of Bonuses with no connection
Connection requires line of sight.

x0.18

10%

Fire Rate

x0.15

15%

Bullet Lifesteal

x0.85

35%

Replicated Healing

1 Tether Count

1

+2m Move Speed

2

+8% Fire Rate and +8% Bullet Lifesteal

5

Ability is always active

Template documentation [view] [edit] [history] [purge]

Display element for a main ability attribute, of which heroes usually have between 1 and 3 in their ability cards

Template parameters[Edit template data]
Parameter		Description	Type	Status
value	`value`	Display value of the attribute Example 23.5	Number	required
key	`key`	Will retrieve the attribute label from localization data based on the current selected language using "<key>_label"	String	suggested
label	`label`	Display label for attribute. Will override the use of "key" argument	String	optional
type	`type`	Attribute type - used to automatically retrieve the icon's image, link, size (but not color) Suggested values `bullet_armor_up` `bullet_armor_down` `cast` `charges` `damage` `bullet_damage` `fire_rate` `healing` `health` `move_speed` `range` `tech_armor_up` `tech_damage` `distance` `duration` `slow` Example damage	String	suggested
scale_type	`scale_type`	Type of attribute scaling Suggested values `spirit` `melee` `power_increase` `weapon_damage_increase` `weapon_power` Example spirit	String	optional
scale_value	`scale_value`	Multiplier for the scaling Example 0.5	Number	optional
title	`title`	Title that appears above the container Example On Hit:	String	optional
icon_color	`icon_color`	Color of the attribute icon Suggested values `Grey` `Brown` `Purple` Default Grey Example Brown	String	optional
icon	`icon`	Icon's image name. Overridden by image found via "type" parameter Example Damage_heart.png	String	optional
icon_size	`icon_size`	Icon's size. Overridden by size retrieved via "type" parameter Example 12px	String	optional
icon_link	`icon_link`	Icon's hyperlink. Overridden by link retrieved via "type" parameter	String	optional

@@ Line 1: / Line 1: @@
 <includeonly>
-<div style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; max-height: 100%; padding: 10px 0px 10px 0px; margin: 3px; overflow: hidden;">
+<div class="ability-mainbox {{#ifeq:{{{hide|}}}|true|hide}}">
-{{#if:{{{title|}}}|<div style="padding-bottom: 2px; font-size: 0.8rem; color: #9C9C9C; font-variant: small-caps;">'''{{{title}}}'''</div>|}}{{#switch: {{{scale_type}}}|melee =
+{{#if:{{{title|}}}|<div class="ac-mainbox-title">'''{{{title}}}'''</div>|}}
-  <div style="position: relative;">
+{{#if:{{{scale_type|}}}|
-    <div style="position: absolute; top: -20px; right: -2px">
+<div class="ac-mainbox-scale">
-    {{Ability card v2/Card/Melee mult|{{{scale_value}}}}}
+<div class="ac-mainbox-scale-badge">
-    </div>
+{{Ability card v2/Card/Scaling|{{{scale_value|}}}|scale_type={{{scale_type|}}}|id={{{key}}}-scale}}
-  </div>|
+</div>
-spirit =
+</div>}}
-  <div style="position: relative;">
+<div class="ac-mainbox-inner ac-mainbox-inner--{{#if:{{{scale_value|}}}|{{#invoke:Abilities/icon|getScalarIconAttr|{{{scale_type}}}|class}}|default}}">
-    <div style="position: absolute; top: -20px; right: -2px">
+  <div class="ac-mainbox-value">
-    {{Ability card v2/Card/Spirit mult|{{{scale_value}}}}}
+{{#vardefine:value_prefix|{{Lang|key={{{key}}}_prefix}}}}
-    </div>
-  </div>|
-power_increase =
-  <div style="position: relative;">
-    <div style="position: absolute; top: -20px; right: -2px">
-    {{Ability card v2/Card/Boon mult|{{{scale_value}}}}}
-    </div>
-  </div>|
-weapon_damage_increase =
-  <div style="position: relative;">
-    <div style="position: absolute; top: -20px; right: -2px">
-    {{Ability card v2/Card/Weapon mult|{{{scale_value}}}}}
-    </div>
-  </div>|}}
-<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; {{#switch: {{{scale_type}}} | melee = background: rgb(36,37,36);
-background: radial-gradient(circle, rgba(36,37,36,1) 0%, rgba(66,55,47,1) 100%); | spirit = background: rgb(42,41,43);
-background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70);
-background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(61,78,70,1) 100%); |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee = #5b412b | spirit = #583D6F | power_increase = #48675a | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | power_increase | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px">
-  <div style="font-weight: bold;">
 {{Icon/{{{icon_color|Grey}}}|
-{{#if:{{{icon|}}}|[[File:{{{icon}}}|{{{icon_size|18px}}}|link={{{icon_link}}}]]|{{#invoke:Abilities/card|get_attr_icon|{{{type|}}}}}}}|
+{{#if:{{{icon|}}}|[[File:{{{icon}}}|{{{icon_size|18px}}}|link={{{icon_link}}}]]|{{#invoke:Abilities/icon|getAttrIconFile|{{{type|}}}}}}}|
-{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
+{{#ifeq:{{#var:value_prefix}}|-|{{#var:value_prefix}}}}{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
 }}</div>
-   <div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div>
+   <div class="ac-mainbox-label">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div>
 </div></div>
 </includeonly><noinclude>
+{{#invoke:Abilities/card|get_ability_card|Ivy|2|false}}
 {{Documentation}}
 </noinclude>

Template:Ability card v2/Card/MainBox: Difference between revisionsGive feedback

Saag (talk | contribs)

Latest revision as of 09:46, 15 May 2026

Navigation menu