Template:Infobox item: Difference between revisionsGive feedback

Browse history interactively

← Older edit

VisualWikitext

Latest revision as of 16:05, 15 July 2026

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

This template uses CSS found at Infobox item/styles.css.

Usage

Note: This template is not intended for direct use. Use {{Infobox item/auto}}.

This template creates an infobox for items. It automatically categorizes the pages it is transcluded onto in Category:Items.

Examples

Code

Output

{{Infobox item
| item_name            = Heroic Aura
| item_stat1           = +18% Bullet Lifesteal
| item_stat2           = +150 Bonus Health
| item_stat3           = +1m/s Move Speed
| passive1_description = Provides Fire Rate to nearby player minions.
| passive1_main1       = +40% Minions Fire Rate (Conditional)
| passive1_alt1        = 20m Radius
| active1_cooldown     = 20s
| active1_description  = Provides bonus Move Speed and Fire Rate to you and nearby allies.
| active1_main1        = +2m/s Move Speed (Conditional)
| active1_main2        = +25% Fire Rate (Conditional)
| active1_alt1         = 30m Active Radius
| active1_alt2         = 6s Duration
}}

Heroic Aura

Cost	3,200
Tier	3

+18% Bullet Lifesteal
+150 Bonus Health
+1m/s Move Speed
Passive
Provides Fire Rate to nearby player minions.
+40% Minions Fire Rate (Conditional) 20m Radius



Active		20s
Provides bonus Move Speed and Fire Rate to you and nearby allies.
+2m/s Move Speed (Conditional) +25% Fire Rate (Conditional) 30m Active Radius 6s Duration

Internal name: upgrade_dps_aura

{{Infobox item
| item_name           = Cold Front
| item_stat1          = +10% Spirit Resist
| active1_cooldown    = 28s
| active1_description = Release an expanding ice blast that deals '''Spirit Damage''' and '''Slows''' targets it hits. Deals 2x Damage to non-Heroes.
| active1_main1       = 75 Damage
| active1_main2       = 40% Movement Slow (Conditional)
| active1_alt1        = 14m End Radius
| active1_alt2        = 3s Duration
}}

Cold Front

Cost	1,600
Tier	2

+10% Spirit Resist




Active		28s
Release an expanding ice blast that deals Spirit Damage and Slows targets it hits. Deals 2x Damage to non-Heroes.
75 Damage 40% Movement Slow (Conditional) 14m End Radius 3s Duration

Internal name: upgrade_cold_front

Infobox for Deadlock items. Meant to be used with Infobox item/auto

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
item_name	`item_name`	Item name in english, used to autofill table	String	required
item_name_loc	`item_name_loc`	Localized item name	String	optional
item_icon	`item_icon`	Custom file.	File	optional
street_brawl	`street_brawl`	If it's a street brawl item, hide cost and tier Suggested values `true` `false` Default false	Boolean	optional
item_type	`item_type`	Item type. Suggested values `Weapon` `Vitality` `Spirit`	String	optional
item_tier	`item_tier`	Item tier. Suggested values `1` `2` `3` `4` Default 1	Number	optional
souls	`souls`	Souls cost. Default 500	Number	optional
component1_name	`component1_name`	Name of the component item it builds from. Default Basic Magazine	String	optional
component2_name	`component2_name`	Name of the other component item it builds from. Default Basic Magazine	String	optional
item_description	`item_description`	Item description.	String	suggested
item_stat1	`item_stat1`	no description	String	optional
item_stat2	`item_stat2`	no description	String	optional
item_stat3	`item_stat3`	no description	String	optional
item_stat4	`item_stat4`	no description	String	optional
item_stat5	`item_stat5`	no description	String	optional
item_stat6	`item_stat6`	no description	String	optional
item_stat7	`item_stat7`	no description	String	optional
passive1_cooldown	`passive1_cooldown`	no description	Number	optional
passive1_chargeup	`passive1_chargeup`	If the passive has a charge-up stat.	Number	optional
passive1_description	`passive1_description`	no description	String	optional
passive1_stat1	`passive1_stat1`	no description	String	optional
passive1_stat2	`passive1_stat2`	no description	String	optional
passive1_stat3	`passive1_stat3`	no description	String	optional
passive1_stat4	`passive1_stat4`	no description	String	optional
passive1_stat5	`passive1_stat5`	no description	String	optional
passive1_stat6	`passive1_stat6`	no description	String	optional
passive2_cooldown	`passive2_cooldown`	no description	Number	optional
passive2_description	`passive2_description`	no description	String	optional
passive2_stat1	`passive2_stat1`	no description	String	optional
passive2_stat2	`passive2_stat2`	no description	String	optional
passive2_stat3	`passive2_stat3`	no description	String	optional
passive2_stat4	`passive2_stat4`	no description	String	optional
passive2_stat5	`passive2_stat5`	no description	String	optional
active1_cooldown	`active1_cooldown`	no description	Number	optional
active1_description	`active1_description`	no description	String	optional
active1_stat1	`active1_stat1`	no description	String	optional
active1_stat2	`active1_stat2`	no description	String	optional
active1_stat3	`active1_stat3`	no description	String	optional
active1_stat4	`active1_stat4`	no description	String	optional
active1_stat5	`active1_stat5`	no description	String	optional
active1_stat6	`active1_stat6`	no description	String	optional
active1_stat7	`active1_stat7`	no description	String	optional
active1_stat8	`active1_stat8`	no description	String	optional
active2_description	`active2_description`	no description	String	optional
active2_stat1	`active2_stat1`	no description	String	optional
active2_stat2	`active2_stat2`	no description	String	optional
active2_stat3	`active2_stat3`	no description	String	optional
active2_stat4	`active2_stat4`	no description	String	optional
active2_stat5	`active2_stat5`	no description	String	optional
iscomponentof1_name	`iscomponentof1_name`	Name of the item it builds to.	String	optional
iscomponentof2_name	`iscomponentof2_name`	Name of the 2nd item it builds to.	String	optional
iscomponentof3_name	`iscomponentof3_name`	Name of the 3rd item it builds to.	String	optional
sound1	`sound1`	Sound file name.	File	optional
sound2	`sound2`	Sound file name.	File	optional
sound3	`sound3`	Sound file name.	File	optional
nocat	`nocat`	Sets whether this should categorize [[:Category:Items]] onto the transcluded page. Suggested values `true`	Boolean	optional

Template:Infobox item: Difference between revisionsGive feedback

Kai (talk | contribs)

Latest revision as of 16:05, 15 July 2026

Usage

Examples

Navigation menu

@@ Line 1: / Line 1: @@
+<templatestyles src="Infobox item/styles.css" />
 <includeonly><!--
 -->{{#vardefine:item_key_or_en|{{{item_name}}}}}<!-- item name (en)
 -->{{#vardefine:item_en|{{#invoke:Lang|get_string|{{{item_name}}}|lang_code_override=en}}}}<!-- en
---><div class="infobox_item" style="float:right; display:inline-block; vertical-align:top;">
+-->{{#vardefine:item_type|{{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}}}<!--
-{| class="infobox-table item-infobox" style="text-align:left; border-collapse:collapse; width:312px; max-width:100%; height:30px; color: #FFEFD7; padding:12px; font-family:'Retail Demo', 'Open Sans', serif;  {{
+-->{{#vardefine:item_type_class|{{
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+#switch: {{#var:item_type}}
- | Weapon = background-color: #80550F;
+  | Weapon = item-type-weapon
- | Vitality = background-color: #4D7214;
+  | Vitality = item-type-vitality
- | Spirit = background-color: #532b41;
+  | Spirit = item-type-spirit
- | Seasonal = background-color: #455862;
+  | Seasonal = item-type-seasonal
- | background-color: #80550F;}}"
+  | item-type-weapon}}}}<!--
-! colspan="4"; class="infobox-header" style="width:280px; padding:5px 12px; text-align:center; font-size:24px; font-family:'Retail Demo', 'Open Sans', serif;  {{
+--><div class="infobox_item">
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+{| class="infobox-table item-infobox {{#var:item_type_class}}"
-  | Weapon = background-color: #C97A03;
+! colspan="4" class="infobox-header {{#var:item_type_class}}" |<span>{{{item_name_loc|{{#invoke:Lang|get_string|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}}}</span>
-  | Vitality = background-color: #659818;
-  | Spirit = background-color: #ba5ca6;
-  | Seasonal = background-color: #466f84;
-  | background-color: #C97A03;}}" |<span style="font-weight:bold; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); ">{{{item_name_loc|{{#invoke:Lang|get_string|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}}}</span>
 |-
-| colspan=4 class="infobox-image" style="padding:5px; text-align:center; position:relative;" | <div style="position:relative; display:inline-block;">[[File:{{{item_icon|{{{item_name|{{#var:item_key_or_en}}}}}}}}.png|144px]]{{#ifeq:{{{enhanced|}}}|true|<div style="z-index:3;position:absolute; inset:0; background:linear-gradient(to top right,#3fdcff99,#3fdcff40 50%,#0000); pointer-events:none;"></div>}}</div>
+| colspan=4 class="infobox-image" | <div class="pageimage">[[File:{{{item_icon|{{{item_name|{{#var:item_key_or_en}}}}}}}}.png|144px|class=pageimage|alt=Image for the Deadlock item {{{item_name_loc|{{#invoke:Lang|get_string|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}}}]]{{#ifeq:{{{enhanced|}}}|true|<div class="enhanced-overlay"></div>}}</div></div>
 |-
 {{#ifeq:{{{street_brawl|}}}|true||
-{{!}} colspan=2 class="infobox-label" style="text-align:right; width:50%; {{
+{{!}} colspan=2 class="infobox-label {{#var:item_type_class}}" {{!}} {{#invoke:Dictionary|translate|Cost}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+{{!}} colspan=2 class="infobox-value" {{!}} {{Souls|{{{souls|{{#invoke:ItemData|get_cost|{{#var:item_key_or_en}}}}}}}}}
- | Weapon = border-right:1px solid #C97A03;
- | Vitality = border-right:1px solid #659818;
- | Spirit = border-right:1px solid #8B56B4;
- | Seasonal = border-right:1px solid #466f84;
- | border-right:1px solid #C97A03;}}; padding-right:0.5em;" {{!}} {{#invoke:Dictionary|translate|Cost}}
-{{!}} colspan=2 class="infobox-value" style="padding-left:0.5em;" {{!}} {{Souls|{{{souls|{{#invoke:ItemData|get_cost|{{#var:item_key_or_en}}}}}}}}}
 {{!}}-
-{{!}} colspan=2 class="infobox-label" style="text-align:right; width:50%; {{
+{{!}} colspan=2 class="infobox-label {{#var:item_type_class}}" {{!}} {{#invoke:Dictionary|translate|Tier}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+{{!}} colspan=2 class="infobox-value" {{!}} {{{item_tier|{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}}}}}}
- | Weapon = border-right:1px solid #C97A03;
- | Vitality = border-right:1px solid #659818;
- | Spirit = border-right:1px solid #8B56B4;
- | Seasonal = border-right: 1px solid #466f84;
- | border-right:1px solid #C97A03;}}; padding-right:0.5em;" {{!}} {{#invoke:Dictionary|translate|Tier}}
-{{!}} colspan=2 class="infobox-value" style="padding-left:0.5em;" {{!}} {{{item_tier|{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}}}}}}
 |-
 {{#ifeq:{{{street_brawl|}}}|true|
-{{!}} colspan=4 class="infobox-label" style=text-align:center; {{!}} {{#invoke:Lang|get_string|Citadel_Play_StreetBrawl_Title}} {{#invoke:Dictionary|translate|Item}}
+{{!}} colspan=4 class="infobox-label street-brawl-label" {{!}} [[Street Brawl{{if lang}}|{{#invoke:Lang|get_string|Citadel_Play_StreetBrawl_Title}}]] {{#invoke:Dictionary|translate|Item}}
 {{!}}-
-{{!}} colspan=4 class="infobox-label" style="text-align:center; font-size: 1.3em; text-transform:uppercase" {{!}} {{Legendary|{{#invoke:Lang|get_string|Citadel_ItemDraft_Legendary}}}}
+{{!}} colspan=4 class="infobox-label legendary-label" {{!}} {{Legendary|{{#invoke:Lang|get_string|Citadel_ItemDraft_Legendary}}}}
 }}
 {{#ifeq:{{{enhanced|}}}|true|
 {{!}}-
-{{!}} colspan=4 class="infobox-label" style="text-align:center; font-size: 1.3em; text-transform:uppercase" {{!}} {{Enhanced|{{#invoke:Lang|get_string|Citadel_ItemDraft_Enhanced}}}}
+{{!}} colspan=4 class="infobox-label enhanced-label" {{!}} {{Enhanced|{{#invoke:Lang|get_string|Citadel_ItemDraft_Enhanced}}}}
 }}
 |-
 {{#if:{{{item_description}}}|
-{{!}} colspan="4" class="infobox-description" style="text-align:left; padding:0 12px; color:#FFEFD7; {{
+{{!}} colspan="4" class="infobox-description {{#var:item_type_class}}" {{!}} {{{item_description|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #ba5ca6;
- | background-color: #80550F;}}" {{!}} {{{item_description|}}}}}
 |-
 {{#if:{{{item_stat1|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat1|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat1|}}}}}
 |-
 {{#if:{{{item_stat2|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat2|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat2|}}}}}
 |-
 {{#if:{{{item_stat3|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat3|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat3|}}}}}
 |-
 {{#if:{{{item_stat4|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat4|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat4|}}}}}
 |-
 {{#if:{{{item_stat5|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat5|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat5|}}}}}
 |-
 {{#if:{{{item_stat6|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat6|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat6|}}}}}
 |-
 {{#if:{{{item_stat7|}}}|
-{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat {{#var:item_type_class}}" {{!}} {{{item_stat7|}}}}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #80550F;
- | Vitality = background-color: #4D7214;
- | Spirit = background-color: #532b41;
- | background-color: #80550F;}}" {{!}} {{{item_stat7|}}}}}
 |-
 {{#if:{{{passive1_description|}}}|
-! colspan={{#expr:4 - ({{#if:{{{passive1_chargeup|}}}|1|0}} + {{#if:{{{passive1_cooldown|}}}|1|0}}) }} class="passive-header" style="text-align:left; padding:2px 12px; {{
+! colspan={{#expr:4 - ({{#if:{{{passive1_chargeup|}}}|1|0}} + {{#if:{{{passive1_cooldown|}}}|1|0}}) }} class="passive-header {{#var:item_type_class}}" {{!}} ''{{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Passive}}'' {{#if:{{{passive1_cooldown|}}}|
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+{{!}}{{!}} colspan=1 class="cooldown-value" {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{passive1_cooldown}}}}} {{#if:{{{passive1_chargeup|}}}|
- | Weapon = background-color: #583B0E; color: #C4B49E;
+{{!}}{{!}} colspan=1 class="chargeup-value" {{!}} [[File:Chargeup.png|20px|link=Charge-Up]] {{{passive1_chargeup}}}}}
- | Vitality = background-color: #354F11; color: #BDB59D;
- | Spirit = background-color: #3a2231; color: #C1B2A8;
- | background-color: #583B0E; color: #C4B49E;}}" {{!}} ''{{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Passive}}'' {{#if:{{{passive1_cooldown|}}}|
-{{!}}{{!}} colspan=1 class="cooldown-value" style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{passive1_cooldown}}}}} {{#if:{{{passive1_chargeup|}}}|
-{{!}}{{!}} colspan=1 class="chargeup-value" style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Chargeup.png|20px|link=Charge-Up]] {{{passive1_chargeup}}}}}
 {{!}}-
 {{#if:{{{passive1_description|}}}|
-{{!}} colspan=4 class="passive-description" style="text-align:left; padding:2px 12px; {{!}} {{{passive1_description}}}|}}
+{{!}} colspan=4 class="passive-description" {{!}} {{{passive1_description}}}|}}
 }}
 {{!}}-
-{{!}} colspan=4 style="padding:0;" {{!}}<!--
+{{!}} colspan=4 class="passive-stat-container" {{!}}<!--
 -->{{#vardefine:p1_main_count|{{#expr:{{#if:{{{passive1_main1|}}}|1|0}}+{{#if:{{{passive1_main2|}}}|1|0}}+{{#if:{{{passive1_main3|}}}|1|0}}+{{#if:{{{passive1_main4|}}}|1|0}}+{{#if:{{{passive1_main5|}}}|1|0}}+{{#if:{{{passive1_main6|}}}|1|0}}+{{#if:{{{passive1_main7|}}}|1|0}}}}}}<!--
 -->{{#vardefine:p1_has_alt|{{#if:{{{passive1_alt1|}}}|1|0}}}}<!--
--->{{#vardefine:p1_bg|{{
+-->{{#vardefine:p1_bg|stat-bg-{{
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+#switch: {{#var:item_type}}
-  | Weapon = #67430A
+  | Weapon = weapon
-  | Vitality = #3D5B0E
+  | Vitality = vitality
-  | Spirit = #3a2231
+  | Spirit = spirit
-  | #67430A}}}}<!--
+  | weapon}}}}<!--
 -->{{#ifexpr:{{#var:p1_main_count}} > 0 |<!--
 -->{{#ifexpr:{{#var:p1_main_count}} = 1 and {{#var:p1_has_alt}} = 1 |<!--
    ** 1 main + alt: side by side 1:2 ratio **
---><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="passive-stats-flex"><!--
---><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main1}}}</div><!--
+--><div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main1}}}</div><!--
---><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!--
+--><div class="passive-alt-stats {{#var:p1_bg}}"><!--
 -->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
 -->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
@@ Line 152: / Line 92: @@
 --></div>|<!--
    ** Multiple mains (no alt alongside): grid up to 3 per row **
---><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="passive-stats-grid"><!--
--->{{#if:{{{passive1_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main1}}}</div>}}<!--
+-->{{#if:{{{passive1_main1|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main1}}}</div>}}<!--
--->{{#if:{{{passive1_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main2}}}</div>}}<!--
+-->{{#if:{{{passive1_main2|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main2}}}</div>}}<!--
--->{{#if:{{{passive1_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main3}}}</div>}}<!--
+-->{{#if:{{{passive1_main3|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main3}}}</div>}}<!--
--->{{#if:{{{passive1_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main4}}}</div>}}<!--
+-->{{#if:{{{passive1_main4|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main4}}}</div>}}<!--
--->{{#if:{{{passive1_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main5}}}</div>}}<!--
+-->{{#if:{{{passive1_main5|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main5}}}</div>}}<!--
--->{{#if:{{{passive1_main6|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main6}}}</div>}}<!--
+-->{{#if:{{{passive1_main6|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main6}}}</div>}}<!--
--->{{#if:{{{passive1_main7|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main7}}}</div>}}<!--
+-->{{#if:{{{passive1_main7|}}}|<div class="passive-main-stat passive-stat {{#var:p1_bg}}">{{{passive1_main7}}}</div>}}<!--
 --></div><!--
 -->{{#ifexpr:{{#var:p1_has_alt}} = 1 |<!--
    ** Multiple mains + alt below separately **
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!--
+--><div class="passive-alt-stats-standalone {{#var:p1_bg}}"><!--
 -->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
 -->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
@@ Line 174: / Line 114: @@
 -->}}|<!--  alt-only case (no mains, only alt stats) --><!--
 -->{{#ifexpr:{{#var:p1_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!--
+--><div class="passive-alt-stats-standalone {{#var:p1_bg}}"><!--
 -->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
 -->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
@@ Line 186: / Line 126: @@
 |-<!--start of passive2 section-->
 {{#if:{{{passive2_description|}}}|
-! colspan={{#expr:4-{{#if:{{{passive2_cooldown|}}}|1|0}}}} class="passive-header" style="text-align:left; padding:2px 12px; {{
+! colspan={{#expr:4-{{#if:{{{passive2_cooldown|}}}|1|0}}}} class="passive-header {{#var:item_type_class}}" {{!}} ''Passive'' {{#if:{{{passive2_cooldown|}}}|
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+{{!}}{{!}} colspan=1 class="cooldown-value" {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{passive2_cooldown}}}}}
- | Weapon = background-color: #583B0E; color: #C4B49E;
- | Vitality = background-color: #354F11; color: #BDB59D;
- | Spirit = background-color: #3a2231; color: #C1B2A8;
- | background-color: #583B0E; color: #C4B49E;}}" {{!}} ''Passive'' {{#if:{{{passive2_cooldown|}}}|
-{{!}}{{!}} colspan=1 class="cooldown-value" style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{passive2_cooldown}}}}}
 {{!}}-
 {{#if:{{{passive2_description|}}}|
-{{!}} colspan=4 class="passive-description" style="text-align:left; padding:2px 12px; {{!}} {{{passive2_description}}}|}}
+{{!}} colspan=4 class="passive-description" {{!}} {{{passive2_description}}}|}}
 }}
 {{!}}-
-{{!}} colspan=4 style="padding:0;" {{!}}<!--
+{{!}} colspan=4 class="passive-stat-container" {{!}}<!--
 -->{{#vardefine:p2_main_count|{{#expr:{{#if:{{{passive2_main1|}}}|1|0}}+{{#if:{{{passive2_main2|}}}|1|0}}+{{#if:{{{passive2_main3|}}}|1|0}}+{{#if:{{{passive2_main4|}}}|1|0}}+{{#if:{{{passive2_main5|}}}|1|0}}}}}}<!--
 -->{{#vardefine:p2_has_alt|{{#if:{{{passive2_alt1|}}}|1|0}}}}<!--
--->{{#vardefine:p2_bg|{{
+-->{{#vardefine:p2_bg|stat-bg-{{
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+#switch: {{#var:item_type}}
-  | Weapon = #67430A
+  | Weapon = weapon
-  | Vitality = #3D5B0E
+  | Vitality = vitality
-  | Spirit = #3a2231
+  | Spirit = spirit
-  | #67430A}}}}<!--
+  | weapon}}}}<!--
 -->{{#ifexpr:{{#var:p2_main_count}} > 0 |<!--
 -->{{#ifexpr:{{#var:p2_main_count}} = 1 and {{#var:p2_has_alt}} = 1 |<!--
    ** 1 main + alt: side by side 1:2 ratio **
---><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="passive-stats-flex"><!--
---><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main1}}}</div><!--
+--><div class="passive-main-stat passive-stat {{#var:p2_bg}}">{{{passive2_main1}}}</div><!--
---><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!--
+--><div class="passive-alt-stats {{#var:p2_bg}}"><!--
 -->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
 -->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
@@ Line 221: / Line 156: @@
 --></div>|<!--
    ** Multiple mains: grid up to 3 per row **
---><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="passive-stats-grid"><!--
--->{{#if:{{{passive2_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main1}}}</div>}}<!--
+-->{{#if:{{{passive2_main1|}}}|<div class="passive-main-stat passive-stat {{#var:p2_bg}}">{{{passive2_main1}}}</div>}}<!--
--->{{#if:{{{passive2_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main2}}}</div>}}<!--
+-->{{#if:{{{passive2_main2|}}}|<div class="passive-main-stat passive-stat {{#var:p2_bg}}">{{{passive2_main2}}}</div>}}<!--
--->{{#if:{{{passive2_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main3}}}</div>}}<!--
+-->{{#if:{{{passive2_main3|}}}|<div class="passive-main-stat passive-stat {{#var:p2_bg}}">{{{passive2_main3}}}</div>}}<!--
--->{{#if:{{{passive2_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main4}}}</div>}}<!--
+-->{{#if:{{{passive2_main4|}}}|<div class="passive-main-stat passive-stat {{#var:p2_bg}}">{{{passive2_main4}}}</div>}}<!--
--->{{#if:{{{passive2_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main5}}}</div>}}<!--
+-->{{#if:{{{passive2_main5|}}}|<div class="passive-main-stat passive-stat {{#var:p2_bg}}">{{{passive2_main5}}}</div>}}<!--
 --></div><!--
 -->{{#ifexpr:{{#var:p2_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!--
+--><div class="passive-alt-stats-standalone {{#var:p2_bg}}"><!--
 -->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
 -->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
@@ Line 238: / Line 173: @@
 -->}}|<!--  alt-only case (no mains, only alt stats) --><!--
 -->{{#ifexpr:{{#var:p2_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!--
+--><div class="passive-alt-stats-standalone {{#var:p2_bg}}"><!--
 -->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
 -->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
@@ Line 244: / Line 179: @@
 -->{{#if:{{{passive2_alt4|}}}|<div class="passive-stat">{{{passive2_alt4}}}</div>}}<!--
 -->{{#if:{{{passive2_alt5|}}}|<div class="passive-stat">{{{passive2_alt5}}}</div>}}<!--
+--></div>}}<!--
+-->}}
+|-<!--start of passive3 section-->
+{{#if:{{{passive3_description|}}}|
+! colspan={{#expr:4-{{#if:{{{passive3_cooldown|}}}|1|0}}}} class="passive-header {{#var:item_type_class}}" {{!}} ''Passive'' {{#if:{{{passive3_cooldown|}}}|
+{{!}}{{!}} colspan=1 class="cooldown-value" {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{passive3_cooldown}}}}}
+{{!}}-
+{{#if:{{{passive3_description|}}}|
+{{!}} colspan=4 class="passive-description" {{!}} {{{passive3_description}}}|}}
+}}
+{{!}}-
+{{!}} colspan=4 class="passive-stat-container" {{!}}<!--
+-->{{#vardefine:p3_main_count|{{#expr:{{#if:{{{passive3_main1|}}}|1|0}}+{{#if:{{{passive3_main2|}}}|1|0}}+{{#if:{{{passive3_main3|}}}|1|0}}+{{#if:{{{passive3_main4|}}}|1|0}}+{{#if:{{{passive3_main5|}}}|1|0}}}}}}<!--
+-->{{#vardefine:p3_has_alt|{{#if:{{{passive3_alt1|}}}|1|0}}}}<!--
+-->{{#vardefine:p3_bg|stat-bg-{{
+#switch: {{#var:item_type}}
+ | Weapon = weapon
+ | Vitality = vitality
+ | Spirit = spirit
+ | weapon}}}}<!--
+-->{{#ifexpr:{{#var:p3_main_count}} > 0 |<!--
+-->{{#ifexpr:{{#var:p3_main_count}} = 1 and {{#var:p3_has_alt}} = 1 |<!--
+  ** 1 main + alt: side by side 1:2 ratio **
+--><div class="passive-stats-flex"><!--
+--><div class="passive-main-stat passive-stat {{#var:p3_bg}}">{{{passive3_main1}}}</div><!--
+--><div class="passive-alt-stats {{#var:p3_bg}}"><!--
+-->{{#if:{{{passive3_alt1|}}}|<div class="passive-stat">{{{passive3_alt1}}}</div>}}<!--
+-->{{#if:{{{passive3_alt2|}}}|<div class="passive-stat">{{{passive3_alt2}}}</div>}}<!--
+-->{{#if:{{{passive3_alt3|}}}|<div class="passive-stat">{{{passive3_alt3}}}</div>}}<!--
+-->{{#if:{{{passive3_alt4|}}}|<div class="passive-stat">{{{passive3_alt4}}}</div>}}<!--
+-->{{#if:{{{passive3_alt5|}}}|<div class="passive-stat">{{{passive3_alt5}}}</div>}}<!--
+--></div><!--
+--></div>|<!--
+  ** Multiple mains: grid up to 3 per row **
+--><div class="passive-stats-grid"><!--
+-->{{#if:{{{passive3_main1|}}}|<div class="passive-main-stat passive-stat {{#var:p3_bg}}">{{{passive3_main1}}}</div>}}<!--
+-->{{#if:{{{passive3_main2|}}}|<div class="passive-main-stat passive-stat {{#var:p3_bg}}">{{{passive3_main2}}}</div>}}<!--
+-->{{#if:{{{passive3_main3|}}}|<div class="passive-main-stat passive-stat {{#var:p3_bg}}">{{{passive3_main3}}}</div>}}<!--
+-->{{#if:{{{passive3_main4|}}}|<div class="passive-main-stat passive-stat {{#var:p3_bg}}">{{{passive3_main4}}}</div>}}<!--
+-->{{#if:{{{passive3_main5|}}}|<div class="passive-main-stat passive-stat {{#var:p3_bg}}">{{{passive3_main5}}}</div>}}<!--
+--></div><!--
+-->{{#ifexpr:{{#var:p3_has_alt}} = 1 |<!--
+--><div class="passive-alt-stats-standalone {{#var:p3_bg}}"><!--
+-->{{#if:{{{passive3_alt1|}}}|<div class="passive-stat">{{{passive3_alt1}}}</div>}}<!--
+-->{{#if:{{{passive3_alt2|}}}|<div class="passive-stat">{{{passive3_alt2}}}</div>}}<!--
+-->{{#if:{{{passive3_alt3|}}}|<div class="passive-stat">{{{passive3_alt3}}}</div>}}<!--
+-->{{#if:{{{passive3_alt4|}}}|<div class="passive-stat">{{{passive3_alt4}}}</div>}}<!--
+-->{{#if:{{{passive3_alt5|}}}|<div class="passive-stat">{{{passive3_alt5}}}</div>}}<!--
+--></div>}}<!--
+-->}}|<!--  alt-only case (no mains, only alt stats) --><!--
+-->{{#ifexpr:{{#var:p3_has_alt}} = 1 |<!--
+--><div class="passive-alt-stats-standalone {{#var:p3_bg}}"><!--
+-->{{#if:{{{passive3_alt1|}}}|<div class="passive-stat">{{{passive3_alt1}}}</div>}}<!--
+-->{{#if:{{{passive3_alt2|}}}|<div class="passive-stat">{{{passive3_alt2}}}</div>}}<!--
+-->{{#if:{{{passive3_alt3|}}}|<div class="passive-stat">{{{passive3_alt3}}}</div>}}<!--
+-->{{#if:{{{passive3_alt4|}}}|<div class="passive-stat">{{{passive3_alt4}}}</div>}}<!--
+-->{{#if:{{{passive3_alt5|}}}|<div class="passive-stat">{{{passive3_alt5}}}</div>}}<!--
+--></div>}}<!--
+-->}}
+|-<!--start of passive4 section-->
+{{#if:{{{passive4_description|}}}|
+! colspan={{#expr:4-{{#if:{{{passive4_cooldown|}}}|1|0}}}} class="passive-header {{#var:item_type_class}}" {{!}} ''Passive'' {{#if:{{{passive4_cooldown|}}}|
+{{!}}{{!}} colspan=1 class="cooldown-value" {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{passive4_cooldown}}}}}
+{{!}}-
+{{#if:{{{passive4_description|}}}|
+{{!}} colspan=4 class="passive-description" {{!}} {{{passive4_description}}}|}}
+}}
+{{!}}-
+{{!}} colspan=4 class="passive-stat-container" {{!}}<!--
+-->{{#vardefine:p4_main_count|{{#expr:{{#if:{{{passive4_main1|}}}|1|0}}+{{#if:{{{passive4_main2|}}}|1|0}}+{{#if:{{{passive4_main3|}}}|1|0}}+{{#if:{{{passive4_main4|}}}|1|0}}+{{#if:{{{passive4_main5|}}}|1|0}}}}}}<!--
+-->{{#vardefine:p4_has_alt|{{#if:{{{passive4_alt1|}}}|1|0}}}}<!--
+-->{{#vardefine:p4_bg|stat-bg-{{
+#switch: {{#var:item_type}}
+ | Weapon = weapon
+ | Vitality = vitality
+ | Spirit = spirit
+ | weapon}}}}<!--
+-->{{#ifexpr:{{#var:p4_main_count}} > 0 |<!--
+-->{{#ifexpr:{{#var:p4_main_count}} = 1 and {{#var:p4_has_alt}} = 1 |<!--
+  ** 1 main + alt: side by side 1:2 ratio **
+--><div class="passive-stats-flex"><!--
+--><div class="passive-main-stat passive-stat {{#var:p4_bg}}">{{{passive4_main1}}}</div><!--
+--><div class="passive-alt-stats {{#var:p4_bg}}"><!--
+-->{{#if:{{{passive4_alt1|}}}|<div class="passive-stat">{{{passive4_alt1}}}</div>}}<!--
+-->{{#if:{{{passive4_alt2|}}}|<div class="passive-stat">{{{passive4_alt2}}}</div>}}<!--
+-->{{#if:{{{passive4_alt3|}}}|<div class="passive-stat">{{{passive4_alt3}}}</div>}}<!--
+-->{{#if:{{{passive4_alt4|}}}|<div class="passive-stat">{{{passive4_alt4}}}</div>}}<!--
+-->{{#if:{{{passive4_alt5|}}}|<div class="passive-stat">{{{passive4_alt5}}}</div>}}<!--
+--></div><!--
+--></div>|<!--
+  ** Multiple mains: grid up to 3 per row **
+--><div class="passive-stats-grid"><!--
+-->{{#if:{{{passive4_main1|}}}|<div class="passive-main-stat passive-stat {{#var:p4_bg}}">{{{passive4_main1}}}</div>}}<!--
+-->{{#if:{{{passive4_main2|}}}|<div class="passive-main-stat passive-stat {{#var:p4_bg}}">{{{passive4_main2}}}</div>}}<!--
+-->{{#if:{{{passive4_main3|}}}|<div class="passive-main-stat passive-stat {{#var:p4_bg}}">{{{passive4_main3}}}</div>}}<!--
+-->{{#if:{{{passive4_main4|}}}|<div class="passive-main-stat passive-stat {{#var:p4_bg}}">{{{passive4_main4}}}</div>}}<!--
+-->{{#if:{{{passive4_main5|}}}|<div class="passive-main-stat passive-stat {{#var:p4_bg}}">{{{passive4_main5}}}</div>}}<!--
+--></div><!--
+-->{{#ifexpr:{{#var:p4_has_alt}} = 1 |<!--
+--><div class="passive-alt-stats-standalone {{#var:p4_bg}}"><!--
+-->{{#if:{{{passive4_alt1|}}}|<div class="passive-stat">{{{passive4_alt1}}}</div>}}<!--
+-->{{#if:{{{passive4_alt2|}}}|<div class="passive-stat">{{{passive4_alt2}}}</div>}}<!--
+-->{{#if:{{{passive4_alt3|}}}|<div class="passive-stat">{{{passive4_alt3}}}</div>}}<!--
+-->{{#if:{{{passive4_alt4|}}}|<div class="passive-stat">{{{passive4_alt4}}}</div>}}<!--
+-->{{#if:{{{passive4_alt5|}}}|<div class="passive-stat">{{{passive4_alt5}}}</div>}}<!--
+--></div>}}<!--
+-->}}|<!--  alt-only case (no mains, only alt stats) --><!--
+-->{{#ifexpr:{{#var:p4_has_alt}} = 1 |<!--
+--><div class="passive-alt-stats-standalone {{#var:p4_bg}}"><!--
+-->{{#if:{{{passive4_alt1|}}}|<div class="passive-stat">{{{passive4_alt1}}}</div>}}<!--
+-->{{#if:{{{passive4_alt2|}}}|<div class="passive-stat">{{{passive4_alt2}}}</div>}}<!--
+-->{{#if:{{{passive4_alt3|}}}|<div class="passive-stat">{{{passive4_alt3}}}</div>}}<!--
+-->{{#if:{{{passive4_alt4|}}}|<div class="passive-stat">{{{passive4_alt4}}}</div>}}<!--
+-->{{#if:{{{passive4_alt5|}}}|<div class="passive-stat">{{{passive4_alt5}}}</div>}}<!--
 --></div>}}<!--
 -->}}
 |-<!--start of active 1 section-->
 {{#if:{{{active1_description|}}}|
-! colspan={{#expr:4-{{#if:{{{active1_cooldown|}}}|1|0}}}} class="active-header" style="text-align:left; padding:2px 12px; {{
+! colspan={{#expr:4-{{#if:{{{active1_cooldown|}}}|1|0}}}} class="active-header {{#var:item_type_class}}" {{!}} '''{{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Active}}''' {{#if:{{{active1_cooldown|}}}|
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+{{!}}{{!}} colspan=1 class="cooldown-value" {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{active1_cooldown}}}}}
- | Weapon = background-color: #583B0E;
- | Vitality = background-color: #354F11;
- | Spirit = background-color: #311e26;
- | Seasonal = background-color: #2e363c;
- | background-color: #583B0E;}}" {{!}} '''{{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Active}}''' {{#if:{{{active1_cooldown|}}}|
-{{!}}{{!}} colspan=1 class="cooldown-value" style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px|link=Ability_Cooldown#Item_Cooldown]] {{{active1_cooldown}}}}}
 {{!}}-
 {{#if:{{{active1_description|}}}|
-{{!}} colspan=4 class="active-description" style="text-align:left; padding:2px 12px; {{!}} {{{active1_description}}}|}}
+{{!}} colspan=4 class="active-description" {{!}} {{{active1_description}}}|}}
 }}
 {{!}}-
-{{!}} colspan=4 style="padding:0;" {{!}}<!--
+{{!}} colspan=4 class="active-stat-container" {{!}}<!--
 -->{{#vardefine:a1_main_count|{{#expr:{{#if:{{{active1_main1|}}}|1|0}}+{{#if:{{{active1_main2|}}}|1|0}}+{{#if:{{{active1_main3|}}}|1|0}}+{{#if:{{{active1_main4|}}}|1|0}}+{{#if:{{{active1_main5|}}}|1|0}}+{{#if:{{{active1_main6|}}}|1|0}}+{{#if:{{{active1_main7|}}}|1|0}}+{{#if:{{{active1_main8|}}}|1|0}}}}}}<!--
 -->{{#vardefine:a1_has_alt|{{#if:{{{active1_alt1|}}}|1|0}}}}<!--
--->{{#vardefine:a1_bg|{{
+-->{{#vardefine:a1_bg|stat-bg-{{
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+#switch: {{#var:item_type}}
-  | Weapon = #67430A
+  | Weapon = weapon
-  | Vitality = #3D5B0E
+  | Vitality = vitality
-  | Spirit = #3a2231
+  | Spirit = spirit
-  | Seasonal = #35454f
+  | Seasonal = seasonal
-  | #67430A}}}}<!--
+  | weapon}}}}<!--
 -->{{#ifexpr:{{#var:a1_main_count}} > 0 |<!--
 -->{{#ifexpr:{{#var:a1_main_count}} = 1 and {{#var:a1_has_alt}} = 1 |<!--
    ** 1 main + alt: side by side 1:2 ratio **
---><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="active-stats-flex"><!--
---><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main1}}}</div><!--
+--><div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main1}}}</div><!--
---><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!--
+--><div class="active-alt-stats {{#var:a1_bg}}"><!--
 -->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
 -->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
@@ Line 288: / Line 331: @@
 --></div>|<!--
    ** Multiple mains: grid up to 3 per row **
---><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="active-stats-grid"><!--
--->{{#if:{{{active1_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main1}}}</div>}}<!--
+-->{{#if:{{{active1_main1|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main1}}}</div>}}<!--
--->{{#if:{{{active1_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main2}}}</div>}}<!--
+-->{{#if:{{{active1_main2|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main2}}}</div>}}<!--
--->{{#if:{{{active1_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main3}}}</div>}}<!--
+-->{{#if:{{{active1_main3|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main3}}}</div>}}<!--
--->{{#if:{{{active1_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main4}}}</div>}}<!--
+-->{{#if:{{{active1_main4|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main4}}}</div>}}<!--
--->{{#if:{{{active1_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main5}}}</div>}}<!--
+-->{{#if:{{{active1_main5|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main5}}}</div>}}<!--
--->{{#if:{{{active1_main6|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main6}}}</div>}}<!--
+-->{{#if:{{{active1_main6|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main6}}}</div>}}<!--
--->{{#if:{{{active1_main7|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main7}}}</div>}}<!--
+-->{{#if:{{{active1_main7|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main7}}}</div>}}<!--
--->{{#if:{{{active1_main8|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main8}}}</div>}}<!--
+-->{{#if:{{{active1_main8|}}}|<div class="active-main-stat active-stat {{#var:a1_bg}}">{{{active1_main8}}}</div>}}<!--
 --></div><!--
 -->{{#ifexpr:{{#var:a1_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!--
+--><div class="active-alt-stats-standalone {{#var:a1_bg}}"><!--
 -->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
 -->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
@@ Line 311: / Line 354: @@
 -->}}|<!--  alt-only case (no mains, only alt stats) --><!--
 -->{{#ifexpr:{{#var:a1_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!--
+--><div class="active-alt-stats-standalone {{#var:a1_bg}}"><!--
 -->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
 -->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
@@ Line 324: / Line 367: @@
 |-
 {{#if:{{{active2_description|}}}|
-{{!}} colspan=4 class="active-description" style="text-align:left; padding:2px 12px; {{!}} {{{active2_description}}}|}}
+{{!}} colspan=4 class="active-description" {{!}} {{{active2_description}}}|}}
 {{!}}-
-{{!}} colspan=4 style="padding:0;" {{!}}<!--
+{{!}} colspan=4 class="active-stat-container" {{!}}<!--
 -->{{#vardefine:a2_main_count|{{#expr:{{#if:{{{active2_main1|}}}|1|0}}+{{#if:{{{active2_main2|}}}|1|0}}+{{#if:{{{active2_main3|}}}|1|0}}+{{#if:{{{active2_main4|}}}|1|0}}+{{#if:{{{active2_main5|}}}|1|0}}}}}}<!--
 -->{{#vardefine:a2_has_alt|{{#if:{{{active2_alt1|}}}|1|0}}}}<!--
--->{{#vardefine:a2_bg|{{
+-->{{#vardefine:a2_bg|stat-bg-{{
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+#switch: {{#var:item_type}}
-  | Weapon = #67430A
+  | Weapon = weapon
-  | Vitality = #3D5B0E
+  | Vitality = vitality
-  | Spirit = #3a2231
+  | Spirit = spirit
-  | Seasonal = #35454f
+  | Seasonal = seasonal
-  | #67430A}}}}<!--
+  | weapon}}}}<!--
 -->{{#ifexpr:{{#var:a2_main_count}} > 0 |<!--
 -->{{#ifexpr:{{#var:a2_main_count}} = 1 and {{#var:a2_has_alt}} = 1 |<!--
    ** 1 main + alt: side by side 1:2 ratio **
---><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="active-stats-flex"><!--
---><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main1}}}</div><!--
+--><div class="active-main-stat active-stat {{#var:a2_bg}}">{{{active2_main1}}}</div><!--
---><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!--
+--><div class="active-alt-stats {{#var:a2_bg}}"><!--
 -->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
 -->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
@@ Line 350: / Line 393: @@
 --></div>|<!--
    ** Multiple mains: grid up to 3 per row **
---><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
+--><div class="active-stats-grid"><!--
--->{{#if:{{{active2_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main1}}}</div>}}<!--
+-->{{#if:{{{active2_main1|}}}|<div class="active-main-stat active-stat {{#var:a2_bg}}">{{{active2_main1}}}</div>}}<!--
--->{{#if:{{{active2_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main2}}}</div>}}<!--
+-->{{#if:{{{active2_main2|}}}|<div class="active-main-stat active-stat {{#var:a2_bg}}">{{{active2_main2}}}</div>}}<!--
--->{{#if:{{{active2_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main3}}}</div>}}<!--
+-->{{#if:{{{active2_main3|}}}|<div class="active-main-stat active-stat {{#var:a2_bg}}">{{{active2_main3}}}</div>}}<!--
--->{{#if:{{{active2_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main4}}}</div>}}<!--
+-->{{#if:{{{active2_main4|}}}|<div class="active-main-stat active-stat {{#var:a2_bg}}">{{{active2_main4}}}</div>}}<!--
--->{{#if:{{{active2_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main5}}}</div>}}<!--
+-->{{#if:{{{active2_main5|}}}|<div class="active-main-stat active-stat {{#var:a2_bg}}">{{{active2_main5}}}</div>}}<!--
 --></div><!--
 -->{{#ifexpr:{{#var:a2_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!--
+--><div class="active-alt-stats-standalone {{#var:a2_bg}}"><!--
 -->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
 -->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
@@ Line 367: / Line 410: @@
 -->}}|<!--  alt-only case (no mains, only alt stats) --><!--
 -->{{#ifexpr:{{#var:a2_has_alt}} = 1 |<!--
---><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!--
+--><div class="active-alt-stats-standalone {{#var:a2_bg}}"><!--
 -->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
 -->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
@@ Line 377: / Line 420: @@
 |-
 {{#if:{{{component1_name|}}}|
-! colspan="4" class="components-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo', 'Open Sans', serif;  {{
+! colspan="4" class="components-header {{#var:item_type_class}}" {{!}} <span>{{#invoke:Lang|get_string|Citadel_ComponentRequired}}</span><br/>{{ItemIcon|{{{component1_name}}}}}|}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #67430A; color: #DCCFC6;
- | Vitality = background-color: #203500; color: #C7C9C6;
- | Spirit = background-color: #3a2231; color: #C9C7CB;
- | background-color: #9E630C; color: #DCCFC6;}}" {{!}} <span style="text-transform: uppercase;">{{#invoke:Lang|get_string|Citadel_ComponentRequired}}</span><br/>{{ItemIcon|{{{component1_name}}}}}|}}
 |-
 {{#if:{{{component2_name|}}}|
 {{!}}-
-! colspan="4" class="components-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo', 'Open Sans', serif;  {{
+! colspan="4" class="components-header {{#var:item_type_class}}" {{!}}{{ItemIcon|{{{component2_name}}}}}|}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #67430A; color: #DCCFC6;
- | Vitality = background-color: #203500; color: #C7C9C6;
- | Spirit = background-color: #3a2231; color: #C9C7CB;
- | background-color: #9E630C; color: #DCCFC6;}}" {{!}}{{ItemIcon|{{{component2_name}}}}}|}}
 |-
 {{#if:{{{iscomponentof1_name|}}}|
-! colspan="4" class="is-component-of-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo', serif; {{
+! colspan="4" class="is-component-of-header {{#var:item_type_class}}" {{!}} <span>{{#invoke:Lang|get_string|Citadel_IsComponentOf}}</span><br/>{{ItemIcon|{{{iscomponentof1_name}}}}}|}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #704A0C; color: #D1CBC6;
- | Vitality = background-color: #436310; color: #CACFC7;
- | Spirit = background-color: #3a2231; color: #CCC8D2;
- | background-color: #704A0C; color: #D1CBC6;}}" {{!}} <span style="text-transform: uppercase;">{{#invoke:Lang|get_string|Citadel_IsComponentOf}}</span><br/>{{ItemIcon|{{{iscomponentof1_name}}}}}|}}
 {{#if:{{{iscomponentof2_name|}}}|
 {{!}}-
-! colspan="4" class="is-component-of-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo', serif; {{
+! colspan="4" class="is-component-of-header {{#var:item_type_class}}" {{!}}{{ItemIcon|{{{iscomponentof2_name}}}}}|}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #704A0C; color: #D1CBC6;
- | Vitality = background-color: #436310; color: #CACFC7;
- | Spirit = background-color: #3a2231; color: #CCC8D2;
- | background-color: #704A0C; color: #D1CBC6;}}" {{!}}{{ItemIcon|{{{iscomponentof2_name}}}}}|}}
 |-
 {{#if:{{{iscomponentof3_name|}}}|
 {{!}}-
-! colspan="4" class="is-component-of-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo', serif; {{
+! colspan="4" class="is-component-of-header {{#var:item_type_class}}" {{!}}{{ItemIcon|{{{iscomponentof3_name}}}}}|}}
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
+|-
- | Weapon = background-color: #704A0C; color: #D1CBC6;
+{{#if:{{{iscomponentof4_name|}}}|
- | Vitality = background-color: #436310; color: #CACFC7;
+{{!}}-
- | Spirit = background-color: #3a2231; color: #CCC8D2;
+! colspan="4" class="is-component-of-header {{#var:item_type_class}}" {{!}}{{ItemIcon|{{{iscomponentof4_name}}}}}|}}
- | background-color: #704A0C; color: #D1CBC6;}}" {{!}}{{ItemIcon|{{{iscomponentof3_name}}}}}|}}
 |-
-| colspan="4" class="codename" style=padding-left:12px; | {{#invoke:Dictionary|translate|Codename}}: {{{codename|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}
+| colspan="4" class="codename" | {{#invoke:Dictionary|translate|Codename}}: {{{codename|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}
 {{#if:{{{sound1|}}}|
 {{!}}-
-{{!}} colspan=4 class="sounds-header" style="text-align:center; padding:2px 12px; {{
+{{!}} colspan=4 class="sounds-header {{#var:item_type_class}}" {{!}} '''Sounds'''
-#switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
- | Weapon = background-color: #C97A03;
- | Vitality = background-color: #659818;
- | Spirit = background-color: #8B56B4;
- | background-color: #C97A03;}}" {{!}} Sounds
 {{!}}-
 {{!}} colspan="4" class="sound-item" {{!}} [[File:{{{sound1|}}}]]
@@ Line 439: / Line 456: @@
 {{!}} colspan="4" class="sound-item" {{!}} [[File:{{{sound3|}}}]]
 }}
-|}</div>{{#ifeq:{{{no_category|}}}|true||[[Category:Items{{If_lang}}]]}}</includeonly><noinclude>{{Documentation}}</noinclude>
+|}</div><!--
+-->{{#ifeq:{{NAMESPACE}}|Template||{{DISPLAYTITLE:{{#invoke:Lang|get_string|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}}}}<!--
+-->{{#ifeq:{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|IsDisabled}}|false|{{#ifeq:{{{nocat|false}}}|false|
+[[Category:Items{{if lang}}]]
+[[Category:{{#var:item_type}} Items{{if lang}}]]
+{{#ifeq:{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}|5|[[Category:Legendary items{{if lang}}]]|[[Category:Tier {{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}} items{{if lang}}]]}}
+{{#if:{{{active1_description|}}}{{{active2_description|}}}|[[Category:Items with actives{{if lang}}]]}}
+{{#if:{{{passive1_description|}}}{{{passive2_description|}}}{{{passive3_description|}}}{{{passive4_description|}}}|[[Category:Items with passives{{if lang}}]]}}
+{{#if:{{{active1_cooldown|}}}{{{active2_cooldown|}}}{{{passive1_cooldown|}}}{{{passive2_cooldown|}}}{{{passive3_cooldown|}}}{{{passive4_cooldown|}}}|[[Category:Items with cooldown{{if lang}}]]}}
+{{#if:{{{active1_chargeup|}}}{{{active2_chargeup|}}}{{{passive1_chargeup|}}}{{{passive2_chargeup|}}}{{{passive3_chargeup|}}}{{{passive4_chargeup|}}}|[[Category:Items with chargeup{{if lang}}]]}}
+{{#if:{{{iscomponentof1_name|}}}{{{iscomponentof2_name|}}}{{{iscomponentof3_name|}}}{{{iscomponentof4_name|}}}|[[Category:Items with upgrades{{if lang}}]]}}
+{{#if:{{{component1_name|}}}{{{component2_name|}}}|[[Category:Items with components{{if lang}}]]}}
+}}}}<!--
+--></includeonly><noinclude>{{Documentation}}</noinclude>