MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 403: | Line 403: | ||
SKILLS: Module 2 – Skill Type (2x2 grid) | SKILLS: Module 2 – Skill Type (2x2 grid) | ||
- Values: not bold, slightly larger | - Values: not bold, slightly larger | ||
- | - Centered module contents | ||
- No internal divider lines (use spacing instead) | |||
- More breathing room between label + value | - More breathing room between label + value | ||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
| Line 411: | Line 412: | ||
height: 100%; | height: 100%; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
width: 100%; | |||
} | } | ||
/* | /* Grid: keep 2x2 always, add spacing instead of borders */ | ||
table.spiritvale-skill-infobox .module-skill-type .sv-type-grid { | table.spiritvale-skill-infobox .module-skill-type .sv-type-grid { | ||
width: 100%; | width: 100%; | ||
margin: 0 !important; | margin: 0 !important; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; /* stays 2 columns on mobile */ | grid-template-columns: 1fr 1fr; /* stays 2 columns on mobile */ | ||
gap: 0; | gap: 0.5em; /* replaces divider lines */ | ||
padding: 0.4em; /* keeps grid off edges */ | |||
} | } | ||
| Line 435: | Line 437: | ||
text-align: center; | text-align: center; | ||
/* | border: none !important; /* removes the central dividers */ | ||
padding: 0.25em 0.45em; | |||
gap: 0.6em; /* pushes label/value apart */ | |||
} | } | ||
| Line 467: | Line 461: | ||
} | } | ||
/* Values: slightly bigger, NOT bold | /* Values: slightly bigger, NOT bold */ | ||
table.spiritvale-skill-infobox .module-skill-type .sv-type-value { | table.spiritvale-skill-infobox .module-skill-type .sv-type-value { | ||
margin-top: 0 | margin-top: 0 !important; /* spacing handled by gap */ | ||
font-weight: 400; | font-weight: 400; | ||
font-size: | font-size: 1.02em; /* bump this up if you want it “taller” */ | ||
line-height: 1.25; | line-height: 1.25; | ||