Template:ClassInfoBox/styles.css: Difference between revisions
Template page
More actions
Blanked the page Tags: Blanking Reverted Mobile edit Mobile web edit |
No edit summary Tags: Manual revert Mobile edit Mobile web edit |
||
| Line 1: | Line 1: | ||
/* 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:600; | |||
} | |||
.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; | |||
} | |||
} | |||