MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 586: | Line 586: | ||
} | } | ||
/* ------------------------------------------------------------ | |||
SKILLS: Module 4 – Quick Stats (3x2 grid) | |||
- Range / Area / Cost / Cast Time / Cooldown / Duration | |||
- Shows em dash when missing | |||
--------------------------------------------------------- */ | |||
table.spiritvale-skill-infobox .hero-module.module-quick-stats .hero-module-body { | |||
height: 100%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100%; | |||
} | |||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-grid { | |||
width: 100%; | |||
margin: 0 !important; | |||
box-sizing: border-box; | |||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr; | |||
gap: 0.45em; | |||
padding: 0.35em; | |||
} | |||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-cell { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
text-align: center; | |||
gap: 0.35em; | |||
padding: 0.10em 0.20em; | |||
min-height: 2.35em; | |||
} | |||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-label { | |||
width: 100%; | |||
padding: 0.18em 0.35em; | |||
border-radius: 6px; | |||
font-weight: 800; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
font-size: 0.72em; | |||
line-height: 1.15; | |||
background: linear-gradient( | |||
180deg, | |||
rgba(122, 111, 176, 0.35), | |||
rgba(90, 78, 124, 0.20) | |||
); | |||
} | |||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-value { | |||
font-weight: 650; | |||
font-size: 0.96em; | |||
line-height: 1.15; | |||
opacity: 0.98; | |||
white-space: normal; | |||
overflow-wrap: anywhere; | |||
word-break: break-word; | |||
} | |||
| Line 592: | Line 657: | ||
- Outer modules grid stacks to 1 column. | - Outer modules grid stacks to 1 column. | ||
- Skill Type module internally stays 2x2. | - Skill Type module internally stays 2x2. | ||
- Module 4 goes to 2 columns (3 rows) to avoid tiny text. | |||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
@media (max-width: 560px) { | @media (max-width: 560px) { | ||
| Line 613: | Line 679: | ||
table.spiritvale-skill-infobox .module-skill-type .sv-type-label { | table.spiritvale-skill-infobox .module-skill-type .sv-type-label { | ||
font-size: 0.68em; | font-size: 0.68em; | ||
} | |||
/* Module 4: 2 columns for readability */ | |||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-grid { | |||
grid-template-columns: 1fr 1fr; | |||
gap: 0.40em; | |||
padding: 0.30em; | |||
} | } | ||
} | } | ||