Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
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
More actions
← Older editNewer edit →
No edit summary
No edit summary
Line 474: Line 474:
   word-break: break-word;
   word-break: break-word;
}
}


/* ------------------------------------------------------------
/* ------------------------------------------------------------
   SKILLS: Module 3 – Skill Source (Basis + Source + Scaling)
   SKILLS: Module 3 – Skill Source (Modifier + Source + Scaling)
   Markup is a 2-row grid:
   - Optional Modifier column (hidden if empty)
    - Row 1: header pills (Source + Scaling) kept parallel
  - Titles aligned (no drifting when scaling list grows)
    - Row 2: values/content
  - Modifier value and Source value match in size/weight
  Basis column is conditionally present.
   --------------------------------------------------------- */
   --------------------------------------------------------- */
/* Center the entire module contents within 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;
   align-items: center;     /* vertical center of the grid block */
   justify-content: center;
   justify-content: center; /* horizontal center */
}
}


/* Outer wrapper: 2 rows (headers + body) */
/* Grid container */
table.spiritvale-skill-infobox .skill-source-module .sv-source-grid {
table.spiritvale-skill-infobox .skill-source-module .sv-source-grid {
   width: 100%;
   width: 100%;
Line 496: Line 496:


   display: grid;
   display: grid;
   grid-template-rows: auto 1fr;
   gap: 0.55em;
  row-gap: 0.45em;


   align-items: center;
  /* Critical: keep pill titles aligned across columns */
   align-items: start;
   justify-items: center;
   justify-items: center;
}
}


/* Each row is its own column grid */
/* Layout variants (driven by classes from Lua) */
table.spiritvale-skill-infobox .skill-source-module .sv-source-row {
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-has-mod .sv-source-grid {
   width: 100%;
   grid-template-columns: 0.85fr 1fr 1fr; /* Modifier | Source | Scaling */
  display: grid;
}
  gap: 0.55em;


  align-items: center;
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-no-mod .sv-source-grid {
   justify-items: center;
   grid-template-columns: 1fr 1fr;       /* Source | Scaling */
}
}


/* 3-col vs 2-col layouts (basis column is optional) */
/* Only one content column (Source-only or Scaling-only) */
table.spiritvale-skill-infobox .skill-source-module .sv-source-grid.sv-source-cols-3 .sv-source-row {
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-only-source.sv-no-mod .sv-source-grid,
  grid-template-columns: 0.75fr 1fr 1fr; /* Basis | Source | Scaling */
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-only-scaling.sv-no-mod .sv-source-grid {
}
   grid-template-columns: 1fr;
table.spiritvale-skill-infobox .skill-source-module .sv-source-grid.sv-source-cols-2 .sv-source-row {
   grid-template-columns: 1fr 1fr; /* Source | Scaling */
}
}


/* Defensive: if a basis cell ever exists but is marked "no basis", hide it */
/* Modifier + only one content column */
table.spiritvale-skill-infobox .skill-source-module.sv-no-basis .sv-source-basis,
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-only-source.sv-has-mod .sv-source-grid,
table.spiritvale-skill-infobox .skill-source-module.sv-no-basis .sv-source-basis-head {
table.spiritvale-skill-infobox .hero-module.skill-source-module.sv-only-scaling.sv-has-mod .sv-source-grid {
   display: none !important;
   grid-template-columns: 0.95fr 1.05fr;
}
}


/* Cells: centered */
/* Each column is centered, but pinned to the top for title alignment */
table.spiritvale-skill-infobox .skill-source-module .sv-source-cell {
table.spiritvale-skill-infobox .skill-source-module .sv-source-col {
   width: 100%;
   width: 100%;
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: flex-start; /* keeps pill titles parallel */
   text-align: center;
   text-align: center;
}


/* Header row: keep pills aligned to the same baseline */
  gap: 0.35em;
table.spiritvale-skill-infobox .skill-source-module .sv-source-head .sv-source-cell {
  justify-content: flex-start;
}
}


/* Pill styling (matches Module 2 label treatment) */
/* Pill styling: match Module 2 label treatment */
table.spiritvale-skill-infobox .skill-source-module .sv-source-pill {
table.spiritvale-skill-infobox .skill-source-module .sv-source-pill {
   width: 100%;
   width: 100%;
Line 561: Line 556:
}
}


/* Basis word: bold + larger; “Magic<br>Attack” wraps cleanly */
/* Modifier value + Source value (MATCHED) */
table.spiritvale-skill-infobox .skill-source-module .sv-basis-word {
table.spiritvale-skill-infobox .skill-source-module .sv-modifier-value,
   font-weight: 900;
table.spiritvale-skill-infobox .skill-source-module .sv-source-value {
  font-size: clamp(0.98em, 2.0vw, 1.18em);
   font-weight: 800;
   line-height: 1.05;
   line-height: 1.05;
   opacity: 0.98;
   font-size: clamp(1.05em, 2.2vw, 1.35em);


  /* Wrap “Magic Attack” nicely */
   white-space: normal;
   white-space: normal;
   overflow-wrap: anywhere;
   overflow-wrap: anywhere;
   word-break: break-word;
   word-break: break-word;
}
table.spiritvale-skill-infobox .skill-source-module .sv-basis-word strong {
  display: block;
}


/* Source %: prominent */
   opacity: 0.98;
table.spiritvale-skill-infobox .skill-source-module .sv-source-value {
   font-weight: 850;
  line-height: 1.05;
  font-size: clamp(1.05em, 2.2vw, 1.35em);
}
}


/* Scaling list */
/* Scaling list (smaller than the big values, centered) */
table.spiritvale-skill-infobox .skill-source-module .sv-scaling-list {
table.spiritvale-skill-infobox .skill-source-module .sv-scaling-list {
   display: flex;
   display: flex;
Line 597: Line 585:
   opacity: 0.95;
   opacity: 0.95;
}
}




Retrieved from "https://spiritvale.info/wiki/MediaWiki:Common.css"