MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* ============================================================ | |||
SpiritVale Wiki – Site CSS | SpiritVale Wiki – Site CSS | ||
============================================================ */ | ============================================================ */ | ||
| Line 414: | Line 414: | ||
height: 16px; | height: 16px; | ||
border-radius: 999px; | border-radius: 999px; | ||
display: | display: inline-flex; | ||
line-height: | align-items: center; | ||
justify-content: center; | |||
line-height: 1; | |||
text-align: center; | text-align: center; | ||
font-weight: 800; | font-weight: 800; | ||
| Line 436: | Line 438: | ||
transform: none; | transform: none; | ||
margin-right: 6px; | margin-right: 6px; | ||
margin-bottom: 4px; | |||
align-self: flex-start; | |||
} | } | ||
.module-icon-name .sv-pill--req { | .module-icon-name .sv-pill--req { | ||
display: inline-flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
} | |||
.sv-pill--req::after { | |||
font-size: | content: " ▼"; | ||
font-weight: normal; | |||
font-size: 0.8em; | |||
} | } | ||
| Line 470: | Line 473: | ||
- Desktop pills shrink (width:auto) | - Desktop pills shrink (width:auto) | ||
- Mobile keeps its own padding overrides below */ | - Mobile keeps its own padding overrides below */ | ||
table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag) { | table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag, .sv-pill, .sv-pill--req) { | ||
width: auto; | width: auto; | ||
display: inline-block; | display: inline-block; | ||
| Line 806: | Line 809: | ||
/* Pills shrink by width (not font size) */ | /* Pills shrink by width (not font size) */ | ||
table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag, .sv-pill, .sv-pill--req) { | |||
width: auto !important; | width: auto !important; | ||
display: inline-block !important; | display: inline-block !important; | ||