Template:ClassInfoBox: Difference between revisions

Latest revision as of 03:55, 25 February 2026

Class Overview
Role	—
Weapons	—
Attributes
STR	—
AGI	—
VIT	—
INT	—
DEX	—
LUK	—

This template renders a compact **Class Overview** infobox for class pages (Role, Weapons, and the six core Attributes).

Usage

{{ClassInfoBox
 |Role=DPS / Bruiser
 |Weapons=Sword, Shield
 |STR=High
 |AGI=Medium
 |VIT=Medium
 |INT=Low
 |DEX=Medium
 |LUK=Low
}}

Parameters

All parameters are optional (they default to an em dash: —).

Parameter	Meaning	Example
`Role`	Class role/archetype summary.	`DPS`
`Weapons`	Primary weapons usable by the class.	`Spear, Shield`
`STR`	Strength emphasis/value.	`High`
`AGI`	Agility emphasis/value.	`Medium`
`VIT`	Vitality emphasis/value.	`Low`
`INT`	Intelligence emphasis/value.	`High`
`DEX`	Dexterity emphasis/value.	`Medium`
`LUK`	Luck emphasis/value.	`Low`

Styling

This template loads <templatestyles src="Template:ClassInfoBox/styles.css" /> and uses the global SpiritVale primitives:

sv-card for the container card
sv-tile for the header/subheader bands
sv-class-overview__* classes for table layout and typography

If you change the visual design, do it in Template:ClassInfoBox/styles.css (not inline).

Notes

Attribute labels link to the relevant section on the Attributes page.
If an attribute icon file is missing, the label will still render (MediaWiki will show a redlink for the missing file until uploaded).

@@ Line 1: / Line 1: @@
-<noinclude>[[Category:Templates]]</noinclude>
+<templatestyles src="Template:ClassInfoBox/styles.css" /><div class="sv-card sv-class-overview">
-{| class="infobox" style="float:right; width:100%; max-width:150px; font-size:90%; border:2px solid #372b54; background:#f7f7fa; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.25); margin:0 0 2em 2em;"
+{| class="sv-class-overview__table"
 |-
-! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:4px; font-size:105%; border-top-left-radius:8px; border-top-right-radius:8px;" |
+! colspan="2" class="sv-tile sv-class-overview__heading" | '''Class Overview'''
-'''Class Overview'''
 |-
-| style="background:#e6e3f0; font-weight:bold; width:35%; padding:4px; border-bottom:1px solid #f7f7f7;" | Role
+| class="sv-class-overview__label" | Role
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #ccc; text-align:center;" | {{{Role}}}
+| class="sv-class-overview__value" | {{{Role|—}}}
 |-
-| style="background:#e6e3f0; font-weight:bold; padding:4px; border-bottom:1px solid #f7f7f7;" | Weapons
+| class="sv-class-overview__label" | Weapons
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #ccc; text-align:center;" | {{{Weapons}}}
+| class="sv-class-overview__value" | {{{Weapons|—}}}
 |-
-! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:4px; font-size:105%;" |
+! colspan="2" class="sv-tile sv-class-overview__subhead" | '''Attributes'''
-'''Attributes'''
 |-
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee;" | [[File:Strength.png|15px]] [[Attributes#Strength_(STR)|STR]]
+| class="sv-class-overview__label" | [[File:Strength.png|15px]] [[Attributes#Strength_(STR)|STR]]
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee; text-align:center;" | {{{STR}}}
+| class="sv-class-overview__value" | {{{STR|—}}}
 |-
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee;" | [[File:Agility.png|15px]] [[Attributes#Agility_(AGI)|AGI]]
+| class="sv-class-overview__label" | [[File:Agility.png|15px]] [[Attributes#Agility_(AGI)|AGI]]
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee; text-align:center;" | {{{AGI}}}
+| class="sv-class-overview__value" | {{{AGI|—}}}
 |-
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee;" | [[File:Vitality.png|15px]] [[Attributes#Vitality_(VIT)|VIT]]
+| class="sv-class-overview__label" | [[File:Vitality.png|15px]] [[Attributes#Vitality_(VIT)|VIT]]
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee; text-align:center;" | {{{VIT}}}
+| class="sv-class-overview__value" | {{{VIT|—}}}
 |-
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee;" | [[File:Intelligence.png|15px]] [[Attributes#Intelligence_(INT)|INT]]
+| class="sv-class-overview__label" | [[File:Intelligence.png|15px]] [[Attributes#Intelligence_(INT)|INT]]
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee; text-align:center;" | {{{INT}}}
+| class="sv-class-overview__value" | {{{INT|—}}}
 |-
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee;" | [[File:Dexterity.png|15px]] [[Attributes#Dexterity_(DEX)|DEX]]
+| class="sv-class-overview__label" | [[File:Dexterity.png|15px]] [[Attributes#Dexterity_(DEX)|DEX]]
-| style="background:#ffffff; padding:4px; border-bottom:1px solid #eee; text-align:center;" | {{{DEX}}}
+| class="sv-class-overview__value" | {{{DEX|—}}}
 |-
-| style="background:#ffffff; padding:4px;" | [[File:Luck.png|15px]] [[Attributes#Luck_(LUK)|LUK]]
+| class="sv-class-overview__label" | [[File:Luck.png|15px]] [[Attributes#Luck_(LUK)|LUK]]
-| style="background:#ffffff; padding:4px; text-align:center;" | {{{LUK}}}
+| class="sv-class-overview__value" | {{{LUK|—}}}
 |}
+</div>
+<noinclude>
+{{/Doc}}
+[[Category:Templates]]
+</noinclude>