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 474: Line 474:


/* ------------------------------------------------------------
/* ------------------------------------------------------------
   SKILLS: Module 3 – Source + Scaling (skill-source-module)
   SKILLS: Module 3 – Skill Source (Source + Scaling)
  - Two columns:
      Left: Source type + BIG value
      Right: Scaling list (slightly smaller)
  - If only one side exists, becomes single-column
   --------------------------------------------------------- */
   --------------------------------------------------------- */
/* Center module content inside the tile */
table.spiritvale-skill-infobox .hero-module.skill-source-module .hero-module-body {
table.spiritvale-skill-infobox .hero-module.skill-source-module .hero-module-body {
   height: 100%;
   height: 100%;
   display: flex;
   display: flex;
   align-items: center;     /* vertical center */
   align-items: center;
   justify-content: center; /* horizontal center */
   justify-content: center;
}
}


/* Two-column grid by default */
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-grid {
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-grid {
   width: 100%;
   width: 100%;
   display: grid;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 0.75em;
   gap: 0.65em;
   align-items: center;
   align-items: center;
}
}


/* If only Source OR only Scaling exists, use one column */
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-source-only .sv-source-grid {
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-source-only .sv-source-grid {
   grid-template-columns: 1fr;
   grid-template-columns: 1fr;
}
}


/* Column layout */
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-col {
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-col {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
  align-items: center;
   justify-content: center;
   justify-content: center;
   gap: 0.35em;
   text-align: center;
  min-width: 0;
}
}


/* Titles */
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-title,
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-title,
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-scaling-title {
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-scaling-title {
Line 518: Line 508:
   text-transform: uppercase;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   letter-spacing: 0.03em;
   font-size: 0.72em;
   font-size: 0.70em;
   line-height: 1.15;
   line-height: 1.1;
   opacity: 0.95;
   opacity: 0.95;
   text-align: center;
   margin-bottom: 0.35em;
}
}


/* BIG source value */
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-value {
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-source-value {
   font-size: 1.35em;
   font-size: 1.35em;
   font-weight: 800;
   font-weight: 800;
   line-height: 1.05;
   line-height: 1.1;
  text-align: center;
 
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}


/* Scaling list (smaller) */
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-scaling-list {
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-scaling-list {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   gap: 0.25em;
   gap: 0.18em;
}


table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-scaling-item {
   font-size: 0.82em;
   font-size: 0.82em;
   line-height: 1.15;
   line-height: 1.15;
}
   font-weight: 500;
 
/* Scaling rows */
table.spiritvale-skill-infobox .hero-module.skill-source-module .sv-scaling-item {
   text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}