Template:Infobox item: Difference between revisionsGive feedback

Browse history interactively

← Older edit Newer edit →

VisualWikitext

Revision as of 22:30, 18 May 2025

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
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
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

Monster Domosed (talk | contribs)

Revision as of 22:30, 18 May 2025

Usage

Examples

Navigation menu

@@ Line 3: / Line 3: @@
 -->{{#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;">
-{| style="text-align:left; border-collapse:collapse; width:312px; max-width:100%; height:30px; color: #FFEFD7; padding:12px; font-family:'Retail Demo Regular',serif; {{
+{| 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 Regular',serif; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 9: / Line 9: @@
   | Spirit = background-color: #532b41;
   | background-color: #80550F;}}"
-! colspan="4"; style="width:280px; padding:5px 12px; text-align:center; font-size:24px; font-family:'Retail Demo Bold',serif; {{
+! colspan="4"; class="infobox-header" style="width:280px; padding:5px 12px; text-align:center; font-size:24px; font-family:'Retail Demo Bold',serif; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #C97A03;
@@ Line 15: / Line 15: @@
   | Spirit = background-color: #ba5ca6;
   | 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>
-<!--! style="vertical-align:bottom; font-size:26px; font-family:'Retail Demo Bold',serif; {{
-#switch: {{{item_type}}}
- | Weapon = background-color: #C97A03;
- | Vitality = background-color: #659818;
- | Spirit = background-color: #8B56B4;
- | background-color: #C97A03;}}" |<div style="font-size:80%; text-align: center; font-weight: bold; width: 100px; {{
-#switch: {{{item_type}}}
- | Weapon = background-color: #A36202;
- | Vitality = background-color: #507A11;
- | Spirit = background-color: #704491;
- | background-color: #A36202;}}"">{{
- #switch: {{{item_type}}}/{{{item_tier|1}}}|
- | Weapon/1 = +6% [[File:Weapon Icon.png|20px]]
- | Weapon/2 = +10% [[File:Weapon Icon.png|20px]]
- | Weapon/3 = +14% [[File:Weapon Icon.png|20px]]
- | Weapon/4 = +18% [[File:Weapon Icon.png|20px]]
- | Vitality/1 = +11% [[File:Vitality Icon.png|20px]]
- | Vitality/2 = +14% [[File:Vitality Icon.png|20px]]
- | Vitality/3 = +17% [[File:Vitality Icon.png|20px]]
- | Vitality/4 = +20% [[File:Vitality Icon.png|20px]]
- | Spirit/1 = +4 [[File:Spirit icon.png|20px]]
- | Spirit/2 = +8 [[File:Spirit icon.png|20px]]
- | Spirit/3 = +12 [[File:Spirit icon.png|20px]]
- | Spirit/4 = +16 [[File:Spirit icon.png|20px]]
- | +0
-}}</div>
-| rowspan="2" style="text-align:right; border-radius:0px 8px 0px 0px; {{
-#switch: {{{item_type}}}
- | Weapon = background-color: #C97A03;
- | Vitality = background-color: #659818;
- | Spirit = background-color: #8B56B4;
- | background-color: #C97A03;}}" |<span>[[File:{{{item_icon|{{{item_name|Heroic Aura}}}}}}.png|64px]]</span>--><!--
-|-
-| colspan="4" style="padding:5px 12px; font-size:26px; {{
-#switch: {{{item_type}}}
- | Weapon = background-color: #C97A03;
- | Vitality = background-color: #659818;
- | Spirit = background-color: #8B56B4;
- | background-color: #C97A03;}}" | {{Souls|{{{souls|3,000}}}|size=22px|Shadow=text-shadow: 2px 2px rgba(0, 0, 0, 0.3);}}
- -->
-<!--| style="vertical-align:top; font-size:26px; font-family:'Retail Demo Bold',serif; {{
-#switch: {{{item_type}}}
- | Weapon = background-color: #C97A03;
- | Vitality = background-color: #659818;
- | Spirit = background-color: #8B56B4;
- | background-color: #C97A03;}}" | <div style="font-size:50%; text-align:center; width: 100px; margin-top: -4px; line-height: 1.4em;{{
-#switch: {{{item_type}}}
- | Weapon = background-color: #885101;
- | Vitality = background-color: #41650C;
- | Spirit = background-color: #5C3778;
- | background-color: #885101;}}"">{{
-#switch: {{{item_type}}}
- | Weapon = {{#invoke:Lang|get_string|WeaponPower_label}}
- | Vitality = {{#invoke:Lang|get_string|ArmorPower_label}}
- | Spirit = {{#invoke:Lang|get_string|SpiritPower_label}}
- | Weapon<br>Damage
-}}</div>-->
 |-
-| colspan=4 class="infobox-image" style="padding:5px; text-align:center;" | [[File:{{{item_icon|{{{item_name|{{#var:item_key_or_en}}}}}}}}.png|144px]]<!--remove inline text-align when infobox class is applied to outer table. currently infobox class is not in effect because of mobile issues-->
+| colspan=4 class="infobox-image" style="padding:5px; text-align:center;" | [[File:{{{item_icon|{{{item_name|{{#var:item_key_or_en}}}}}}}}.png|144px]]
 |-
-| colspan=2 style="text-align:right; width:50%; {{
+| colspan=2 class="infobox-label" style="text-align:right; width:50%; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = border-right:1px solid #C97A03;
@@ Line 81: / Line 24: @@
   | Spirit = border-right:1px solid #8B56B4;
   | border-right:1px solid #C97A03;}}; padding-right:0.5em;" | {{#invoke:Dictionary|translate|Cost}}
-| colspan=2 style="padding-left:0.5em;" | {{Souls|{{{souls|{{#invoke:ItemData|get_cost|{{#var:item_key_or_en}}}}}}}}}
+| colspan=2 class="infobox-value" style="padding-left:0.5em;" | {{Souls|{{{souls|{{#invoke:ItemData|get_cost|{{#var:item_key_or_en}}}}}}}}}
 |-
-| colspan=2 style="text-align:right; width:50%; {{
+| colspan=2 class="infobox-label" style="text-align:right; width:50%; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = border-right:1px solid #C97A03;
@@ Line 89: / Line 32: @@
   | Spirit = border-right:1px solid #8B56B4;
   | border-right:1px solid #C97A03;}}; padding-right:0.5em;" | {{#invoke:Dictionary|translate|Tier}}
-| colspan=2 style="padding-left:0.5em;" | {{{item_tier|{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}}}}
+| colspan=2 class="infobox-value" style="padding-left:0.5em;" | {{{item_tier|{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}}}}
 |-
 {{#if:{{{item_description}}}|
-{{!}} colspan="4" style="text-align:left; padding:0 12px; color:#FFEFD7; {{
+{{!}} colspan="4" class="infobox-description" style="text-align:left; padding:0 12px; color:#FFEFD7; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 100: / Line 43: @@
 |-
 {{#if:{{{item_stat1|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 108: / Line 51: @@
 |-
 {{#if:{{{item_stat2|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 116: / Line 59: @@
 |-
 {{#if:{{{item_stat3|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 124: / Line 67: @@
 |-
 {{#if:{{{item_stat4|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 132: / Line 75: @@
 |-
 {{#if:{{{item_stat5|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 140: / Line 83: @@
 |-
 {{#if:{{{item_stat6|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 148: / Line 91: @@
 |-
 {{#if:{{{item_stat7|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{
+{{!}} colspan=4 class="infobox-stat" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #80550F;
@@ Line 156: / Line 99: @@
 |-
 {{#ifeq:{{{has_passive1|}}}|true|
-! colspan={{#expr:4-{{#if:{{{passive1_chargeup|}}}|1|0}}{{#if:{{{passive1_cooldown|}}}|1|0}}}} style="text-align:left; padding:2px 12px; {{
+! colspan={{#expr:4-{{#if:{{{passive1_chargeup|}}}|1|0}}{{#if:{{{passive1_cooldown|}}}|1|0}}}} class="passive-header" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #583B0E; color: #C4B49E;
@@ Line 162: / Line 105: @@
   | Spirit = background-color: #3a2231; color: #C1B2A8;
   | background-color: #583B0E; color: #C4B49E;}}" {{!}} ''{{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Passive}}'' {{#if:{{{passive1_cooldown|}}}|
-{{!}}{{!}} colspan=1 style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px]] {{{passive1_cooldown}}}}} {{#if:{{{passive1_chargeup|}}}|
+{{!}}{{!}} colspan=1 class="cooldown-value" style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px]] {{{passive1_cooldown}}}}} {{#if:{{{passive1_chargeup|}}}|
-{{!}}{{!}} colspan=1 style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Chargeup.png|20px]] {{{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]] {{{passive1_chargeup}}}}}
 {{!}}-
 {{#if:{{{passive1_description|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{!}} {{{passive1_description}}}|}}
+{{!}} colspan=4 class="passive-description" style="text-align:left; padding:2px 12px; {{!}} {{{passive1_description}}}|}}
 }}
 {{#if:{{{passive1_stat1|}}}|
-{{{!}}- style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{{!}} class="passive-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #67430A;
@@ Line 178: / Line 121: @@
 {{#if:{{{passive1_stat1|}}}|
 {{!}}-
-{{!}} {{{passive1_stat1}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive1_stat1}}}|}}
 {{#if:{{{passive1_stat2|}}}|
 {{!}}-
-{{!}} {{{passive1_stat2}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive1_stat2}}}|}}
 {{#if:{{{passive1_stat3|}}}|
 {{!}}-
-{{!}} {{{passive1_stat3}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive1_stat3}}}|}}
 {{#if:{{{passive1_stat4|}}}|
 {{!}}-
-{{!}} {{{passive1_stat4}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive1_stat4}}}|}}
 {{#if:{{{passive1_stat5|}}}|
 {{!}}-
-{{!}} {{{passive1_stat5}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive1_stat5}}}|}}
 {{#if:{{{passive1_stat6|}}}|
 {{!}}-
-{{!}} {{{passive1_stat6}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive1_stat6}}}|}}
 {{!}}}<!--end of inner passive1 stat box-->
 }}
 |-<!--start of passive2 section-->
 {{#ifeq:{{{has_passive2|}}}|true|
-! colspan={{#expr:4-{{#if:{{{passive2_cooldown|}}}|1|0}}}} style="text-align:left; padding:2px 12px; {{
+! colspan={{#expr:4-{{#if:{{{passive2_cooldown|}}}|1|0}}}} class="passive-header" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #583B0E; color: #C4B49E;
@@ Line 204: / Line 147: @@
   | Spirit = background-color: #3a2231; color: #C1B2A8;
   | background-color: #583B0E; color: #C4B49E;}}" {{!}} ''Passive'' {{#if:{{{passive2_cooldown|}}}|
-{{!}}{{!}} colspan=1 style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px]] {{{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]] {{{passive2_cooldown}}}}}
 {{!}}-
 {{#if:{{{passive2_description|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{!}} {{{passive2_description}}}|}}
+{{!}} colspan=4 class="passive-description" style="text-align:left; padding:2px 12px; {{!}} {{{passive2_description}}}|}}
 }}
 {{#if:{{{passive2_stat1|}}}|
-{{{!}}- style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{{!}} class="passive-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #67430A;
@@ Line 219: / Line 162: @@
 {{#if:{{{passive2_stat1|}}}|
 {{!}}-
-{{!}} {{{passive2_stat1}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive2_stat1}}}|}}
 {{#if:{{{passive2_stat2|}}}|
 {{!}}-
-{{!}} {{{passive2_stat2}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive2_stat2}}}|}}
 {{#if:{{{passive2_stat3|}}}|
 {{!}}-
-{{!}} {{{passive2_stat3}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive2_stat3}}}|}}
 {{#if:{{{passive2_stat4|}}}|
 {{!}}-
-{{!}} {{{passive2_stat4}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive2_stat4}}}|}}
 {{#if:{{{passive2_stat5|}}}|
 {{!}}-
-{{!}} {{{passive2_stat5}}}|}}
+{{!}} class="passive-stat" {{!}} {{{passive2_stat5}}}|}}
 {{!}}}<!--end of inner passive2 stat box-->
 }}
 |-<!--start of active 1 section-->
 {{#ifeq:{{{has_active1|}}}|true|
-! colspan={{#expr:4-{{#if:{{{active1_cooldown|}}}|1|0}}}} style="text-align:left; padding:2px 12px; {{
+! colspan={{#expr:4-{{#if:{{{active1_cooldown|}}}|1|0}}}} class="active-header" style="text-align:left; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #583B0E;
@@ Line 242: / Line 185: @@
   | Spirit = background-color: #311e26;
   | background-color: #583B0E;}}" {{!}} '''{{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Active}}''' {{#if:{{{active1_cooldown|}}}|
-{{!}}{{!}} colspan=1 style="text-align:center; width:25%; max-width:80px; background-color:#0C1414; color:#FFEFD7"; {{!}} [[File:Cooldown Icon.png|20px]] {{{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]] {{{active1_cooldown}}}}}
 {{!}}-
 {{#if:{{{active1_description|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{!}} {{{active1_description}}}|}}
+{{!}} colspan=4 class="active-description" style="text-align:left; padding:2px 12px; {{!}} {{{active1_description}}}|}}
 }}
 {{#if:{{{active1_stat1|}}}|
-{{{!}}- style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{{!}} class="active-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #67430A;
@@ Line 257: / Line 200: @@
 {{#if:{{{active1_stat1|}}}|
 {{!}}-
-{{!}} {{{active1_stat1}}}|}}
+{{!}} class="active-stat" {{!}} {{{active1_stat1}}}|}}
 {{#if:{{{active1_stat2|}}}|
 {{!}}-
-{{!}} {{{active1_stat2}}}|}}
+{{!}} class="active-stat" {{!}} {{{active1_stat2}}}|}}
 {{#if:{{{active1_stat3|}}}|
 {{!}}-
-{{!}} {{{active1_stat3}}}|}}
+{{!}} class="active-stat" {{!}} {{{active1_stat3}}}|}}
 {{#if:{{{active1_stat4|}}}|
 {{!}}-
-{{!}} {{{active1_stat4}}}|}}
+{{!}} class="active-stat" {{!}} {{{active1_stat4}}}|}}
 {{#if:{{{active1_stat5|}}}|
 {{!}}-
-{{!}} {{{active1_stat5}}}|}}
+{{!}} class="active-stat" {{!}} {{{active1_stat5}}}|}}
 {{#if:{{{active1_stat6|}}}|
 {{!}}-
-{{!}} {{{active1_stat6}}}|}}
+{{!}} class="active-stat" {{!}} {{{active1_stat6}}}|}}
 {{!}}}<!--end of inner active1 stat box-->
 {{!}}-
 {{#if:{{{active2_description|}}}|
-{{!}} colspan=4 style="text-align:left; padding:2px 12px; {{!}} {{{active2_description}}}|}}
+{{!}} colspan=4 class="active-description" style="text-align:left; padding:2px 12px; {{!}} {{{active2_description}}}|}}
 }}
 {{#if:{{{active2_stat1|}}}|
-{{{!}}- style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{{!}} class="active-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #67430A;
@@ Line 288: / Line 231: @@
 {{#if:{{{active2_stat1|}}}|
 {{!}}-
-{{!}} {{{active2_stat1}}}|}}
+{{!}} class="active-stat" {{!}} {{{active2_stat1}}}|}}
 {{#if:{{{active2_stat2|}}}|
 {{!}}-
-{{!}} {{{active2_stat2}}}|}}
+{{!}} class="active-stat" {{!}} {{{active2_stat2}}}|}}
 {{#if:{{{active2_stat3|}}}|
 {{!}}-
-{{!}} {{{active2_stat3}}}|}}
+{{!}} class="active-stat" {{!}} {{{active2_stat3}}}|}}
 {{#if:{{{active2_stat4|}}}|
 {{!}}-
-{{!}} {{{active2_stat4}}}|}}
+{{!}} class="active-stat" {{!}} {{{active2_stat4}}}|}}
 {{#if:{{{active2_stat5|}}}|
 {{!}}-
-{{!}} {{{active2_stat5}}}|}}
+{{!}} class="active-stat" {{!}} {{{active2_stat5}}}|}}
 {{!}}}<!--end of inner active2 stat box-->
 }}
 |-
 {{#ifeq:{{{has_components|}}}|true|
-! colspan="4" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold',serif; {{
+! colspan="4" class="components-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold',serif; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #9E630C; color: #DCCFC6;
@@ Line 313: / Line 256: @@
 |-
 {{#ifeq:{{{has_iscomponentof|}}}|true|
-! colspan="4" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold', serif; {{
+! colspan="4" class="is-component-of-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold', serif; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #704A0C; color: #D1CBC6;
@@ Line 321: / Line 264: @@
 {{#ifeq:{{{has_iscomponentof2|}}}|true|
 {{!}}-
-! colspan="4" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold', serif; {{
+! colspan="4" class="is-component-of-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold', serif; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #704A0C; color: #D1CBC6;
@@ Line 330: / Line 273: @@
 {{#ifeq:{{{has_iscomponentof3|}}}|true|
 {{!}}-
-! colspan="4" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold', serif; {{
+! colspan="4" class="is-component-of-header" style="text-align:left; padding:0 12px; font-weight:bold; font-size:16px; font-family:'Retail Demo Bold', serif; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #704A0C; color: #D1CBC6;
@@ Line 337: / Line 280: @@
   | background-color: #704A0C; color: #D1CBC6;}}" {{!}}{{ItemIcon|{{{iscomponentof3_name|Basic Magazine}}}}}|}}
 |-
-| colspan="4" style=padding-left:12px; | {{#invoke:Dictionary|translate|Codename}}: {{{codename|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}
+| colspan="4" class="codename" style=padding-left:12px; | {{#invoke:Dictionary|translate|Codename}}: {{{codename|{{#invoke:ItemData|get_codename|{{#var:item_key_or_en}}}}}}}
 {{#if:{{{sound1|}}}|
 {{!}}-
-{{!}} colspan=4 style="text-align:center; padding:2px 12px; {{
+{{!}} colspan=4 class="sounds-header" style="text-align:center; padding:2px 12px; {{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}}}}}}
   | Weapon = background-color: #C97A03;
@@ Line 347: / Line 290: @@
   | background-color: #C97A03;}}" {{!}} Sounds
 {{!}}-
-{{!}} colspan="4" {{!}} [[File:{{{sound1|}}}]]
+{{!}} colspan="4" class="sound-item" {{!}} [[File:{{{sound1|}}}]]
 }}
 |-
 {{#if:{{{sound2|}}}|
 {{!}}-
-{{!}} colspan="4" {{!}} [[File:{{{sound2|}}}]]
+{{!}} colspan="4" class="sound-item" {{!}} [[File:{{{sound2|}}}]]
 }}
 |}</div>{{#ifeq:{{{no_category|}}}|true||[[Category:Items{{If_lang}}]]}}</includeonly><noinclude>{{Documentation}}</noinclude>