Tags: Mobile edit Mobile web edit |
Tags: Reverted Mobile edit Mobile web edit |
| 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; |
| | } |
| | } |
