Template:ClassInfoBox: Difference between revisions

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-/* Template:ClassInfobox/styles.css
+<templatestyles src="Template:ClassInfoBox/styles.css" /><div class="sv-card sv-class-overview">
-Namespace: sv-class-overview only
+{| class="sv-class-overview__table"
-TemplateStyles-safe
+|-
-*/
+! colspan="2" class="sv-tile sv-class-overview__heading" | '''Class Overview'''
+|-
+| class="sv-class-overview__label" | Role
+| class="sv-class-overview__value" | {{{Role|—}}}
+|-
+| class="sv-class-overview__label" | Weapons
+| class="sv-class-overview__value" | {{{Weapons|—}}}
+|-
+! colspan="2" class="sv-tile sv-class-overview__subhead" | '''Attributes'''
+|-
+| class="sv-class-overview__label" | [[File:Strength.png|15px]] [[Attributes#Strength_(STR)|STR]]
+| class="sv-class-overview__value" | {{{STR|—}}}
+|-
+| class="sv-class-overview__label" | [[File:Agility.png|15px]] [[Attributes#Agility_(AGI)|AGI]]
+| class="sv-class-overview__value" | {{{AGI|—}}}
+|-
+| class="sv-class-overview__label" | [[File:Vitality.png|15px]] [[Attributes#Vitality_(VIT)|VIT]]
+| class="sv-class-overview__value" | {{{VIT|—}}}
+|-
+| class="sv-class-overview__label" | [[File:Intelligence.png|15px]] [[Attributes#Intelligence_(INT)|INT]]
+| class="sv-class-overview__value" | {{{INT|—}}}
+|-
+| class="sv-class-overview__label" | [[File:Dexterity.png|15px]] [[Attributes#Dexterity_(DEX)|DEX]]
+| class="sv-class-overview__value" | {{{DEX|—}}}
+|-
+| class="sv-class-overview__label" | [[File:Luck.png|15px]] [[Attributes#Luck_(LUK)|LUK]]
+| class="sv-class-overview__value" | {{{LUK|—}}}
+|}
+</div>
-.sv-class-overview{
+<noinclude>
-float:right;
+{{/Doc}}
-width:100%;
+[[Category:Templates]]
-max-width:200px;
+</noinclude>
-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;
-}
-}