Template:ClassInfoBox: Difference between revisions

Revision as of 19:00, 23 February 2026

/* Template:ClassInfobox/styles.css Namespace: sv-class-overview only TemplateStyles-safe

/

.sv-class-overview{ float:right; width:100%; max-width:200px; margin:0 0 2em 2em; box-sizing:border-box; border-radius:18px; overflow:hidden; clear:right; }

.sv-class-overview__table{ width:100%; border-collapse:separate; border-spacing:0; }

.sv-class-overview__heading, .sv-class-overview__subhead{ padding:10px 10px; text-align:center; font-weight:800; }

.sv-class-overview__table td{ padding:7px 10px; border-bottom:1px solid rgba(148,163,184,0.35); vertical-align:middle; }

.sv-class-overview__table tr:last-child td{ border-bottom:none; }

.sv-class-overview__label{ text-align:left; font-weight:700; white-space:nowrap; }

.sv-class-overview__value{ text-align:right; font-weight:650; }

.sv-class-overview__label img{ vertical-align:middle; margin-right:6px; }

@media (max-width:500px){ .sv-class-overview{ float:none; max-width:none; margin:0 0 12px 0; } .sv-class-overview__label, .sv-class-overview__value{ text-align:left; } }

@@ Line 1: / Line 1: @@
-<includeonly><templatestyles src="Template:ClassInfobox/styles.css" /><div class="sv-card sv-class-overview">{| class="sv-class-overview__table"
+/* Template:ClassInfobox/styles.css
-|-
+Namespace: sv-class-overview only
-! colspan="2" class="sv-tile sv-class-overview__heading" | '''Class Overview'''
+TemplateStyles-safe
-|-
+*/
-| class="sv-class-overview__label" | Role
-| class="sv-class-overview__value" | {{{Role|—}}}
+.sv-class-overview{
-|-
+float:right;
-| class="sv-class-overview__label" | Weapons
+width:100%;
-| class="sv-class-overview__value" | {{{Weapons|—}}}
+max-width:200px;
-|-
+margin:0 0 2em 2em;
-! colspan="2" class="sv-tile sv-class-overview__subhead" | '''Attributes'''
+box-sizing:border-box;
-|-
+border-radius:18px;
-| class="sv-class-overview__label" | [[File:Strength.png|15px]] [[Attributes#Strength_(STR)|STR]]
+overflow:hidden;
-| class="sv-class-overview__value" | {{{STR|—}}}
+clear:right;
-|-
+}
-| class="sv-class-overview__label" | [[File:Agility.png|15px]] [[Attributes#Agility_(AGI)|AGI]]
-| class="sv-class-overview__value" | {{{AGI|—}}}
+.sv-class-overview__table{
-|-
+width:100%;
-| class="sv-class-overview__label" | [[File:Vitality.png|15px]] [[Attributes#Vitality_(VIT)|VIT]]
+border-collapse:separate;
-| class="sv-class-overview__value" | {{{VIT|—}}}
+border-spacing:0;
-|-
+}
-| class="sv-class-overview__label" | [[File:Intelligence.png|15px]] [[Attributes#Intelligence_(INT)|INT]]
-| class="sv-class-overview__value" | {{{INT|—}}}
+.sv-class-overview__heading,
-|-
+.sv-class-overview__subhead{
-| class="sv-class-overview__label" | [[File:Dexterity.png|15px]] [[Attributes#Dexterity_(DEX)|DEX]]
+padding:10px 10px;
-| class="sv-class-overview__value" | {{{DEX|—}}}
+text-align:center;
-|-
+font-weight:800;
-| class="sv-class-overview__label" | [[File:Luck.png|15px]] [[Attributes#Luck_(LUK)|LUK]]
+}
-| class="sv-class-overview__value" | {{{LUK|—}}}
-|}</div></includeonly><noinclude>{{/doc}}</noinclude>
+.sv-class-overview__table td{
+padding:7px 10px;
+border-bottom:1px solid rgba(148,163,184,0.35);
+vertical-align:middle;
+}
+.sv-class-overview__table tr:last-child td{
+border-bottom:none;
+}
+.sv-class-overview__label{
+text-align:left;
+font-weight:700;
+white-space:nowrap;
+}
+.sv-class-overview__value{
+text-align:right;
+font-weight:650;
+}
+.sv-class-overview__label img{
+vertical-align:middle;
+margin-right:6px;
+}
+@media (max-width:500px){
+.sv-class-overview{
+float:none;
+max-width:none;
+margin:0 0 12px 0;
+}
+.sv-class-overview__label,
+.sv-class-overview__value{
+text-align:left;
+}
+}