Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 399: Line 399:
   justify-content: center;  /* horizontal center */
   justify-content: center;  /* horizontal center */
}
}


/* ------------------------------------------------------------
/* ------------------------------------------------------------
   SKILLS: Module 2 – Skill Type (self-contained 2x2 grid)
   SKILLS: Module 2 – Skill Type (2x2 grid)
   - IMPORTANT: On mobile, this stays 2x2 (not 1x4).
   - Values: not bold, slightly larger
  - Everything centered
  - More breathing room between label + value
   --------------------------------------------------------- */
   --------------------------------------------------------- */
/* Center the entire module contents within the tile */
table.spiritvale-skill-infobox .hero-module.module-skill-type .hero-module-body {
  height: 100%;
  display: flex;
  align-items: center;      /* vertical center */
  justify-content: center;  /* horizontal center */
}
/* Keep the grid nicely centered and not “stuck” to edges */
table.spiritvale-skill-infobox .module-skill-type .sv-type-grid {
table.spiritvale-skill-infobox .module-skill-type .sv-type-grid {
   width: 100%;
   width: 100%;
Line 416: Line 427:
}
}


/* Each chunk stays centered */
table.spiritvale-skill-infobox .module-skill-type .sv-type-chunk {
table.spiritvale-skill-infobox .module-skill-type .sv-type-chunk {
   display: flex;
   display: flex;
Line 455: Line 467:
}
}


/* Values: slightly bigger, NOT bold, with more spacing from the label */
table.spiritvale-skill-infobox .module-skill-type .sv-type-value {
table.spiritvale-skill-infobox .module-skill-type .sv-type-value {
   margin-top: 0.2em;
   margin-top: 0.35em;   /* more space between title + value */
   font-weight: 600;
   font-weight: 400;    /* remove bold */
  font-size: 0.92em;   /* slightly bigger than before */
   line-height: 1.25;
   line-height: 1.25;