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 141: Line 141:
}
}


/* Hero band background (supports old main row + new split rows) */
/* Hero band background (supports old main row + new split rows for BOTH) */
table.spiritvale-skill-infobox > tbody > tr.spiritvale-infobox-main > th,
table.spiritvale-skill-infobox > tbody > tr.spiritvale-infobox-main > th,
table.spiritvale-skill-infobox > tbody > tr.spiritvale-infobox-main > td,
table.spiritvale-skill-infobox > tbody > tr.spiritvale-infobox-main > td,
Line 147: Line 147:
table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td,
table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td,
table.spiritvale-skill-infobox > tbody > tr.sv-hero-title-row > th,
table.spiritvale-skill-infobox > tbody > tr.sv-hero-title-row > th,
table.spiritvale-skill-infobox > tbody > tr.sv-hero-desc-row > td {
table.spiritvale-skill-infobox > tbody > tr.sv-hero-desc-row > td,
table.spiritvale-passive-infobox > tbody > tr.sv-hero-title-row > th,
table.spiritvale-passive-infobox > tbody > tr.sv-hero-desc-row > td {
   background: linear-gradient(135deg, #7a6fb0, #372b54);
   background: linear-gradient(135deg, #7a6fb0, #372b54);
   color: #fff;
   color: #fff;
Line 259: Line 261:
}
}


 
/* Passive split hero rows (match Skills) */
/* Passive hero split rows (match Skills) */
table.spiritvale-passive-infobox > tbody > tr.sv-hero-title-row {
table.spiritvale-passive-infobox > tbody > tr.sv-hero-title-row {
   border-bottom: none !important;
   border-bottom: none !important;
Line 272: Line 273:
}
}


/* Center + wrap passive body rows */
table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > th,
table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > th,
table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > td {
table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > td {
Line 281: Line 283:
}
}


/* Passive section headers centered */
table.spiritvale-passive-infobox .spiritvale-infobox-section-header {
table.spiritvale-passive-infobox .spiritvale-infobox-section-header {
   text-align: center;
   text-align: center;
}
}


/* Passive list layout */
.spiritvale-passive-list {
.spiritvale-passive-list {
   display: flex;
   display: flex;
Line 292: Line 296:
}
}


/* Remove Citizen wrapper borders/spacing around passive tables in lists */
.spiritvale-passive-list .mw-table-wrapper,
.spiritvale-passive-list .mw-table-wrapper,
.spiritvale-passive-list .table-overflow,
.spiritvale-passive-list .table-overflow,
Line 301: Line 306:
   padding: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   margin: 0 !important;
}
/* Mobile/portrait: keep passive hero row side-by-side */
@media (max-width: 768px) {
  body.skin-citizen table.spiritvale-passive-infobox {
    width: 100%;
    max-width: 100%;
    display: table !important;
  }
  body.skin-citizen table.spiritvale-passive-infobox > tbody {
    display: table-row-group !important;
  }
  body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main {
    display: table-row !important;
  }
  body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th,
  body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
    display: table-cell !important;
    float: none !important;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}
}


Line 357: Line 336:
}
}


/* Neutralize Citizen wrappers inside the skill collection */
.sv-skill-collection .mw-table-wrapper,
.sv-skill-collection .mw-table-wrapper,
.sv-skill-collection .table-overflow,
.sv-skill-collection .table-overflow,
Line 368: Line 348:
}
}


/* In list mode, each skill becomes a “row” inside the wrapper */
.sv-skill-collection table.spiritvale-skill-infobox {
.sv-skill-collection table.spiritvale-skill-infobox {
   width: 100%;
   width: 100%;
Line 378: Line 359:
}
}


/* Divider between skills */
.sv-skill-collection > * + * {
.sv-skill-collection > * + * {
   border-top: 1px solid rgba(148, 163, 184, 0.25);
   border-top: 1px solid rgba(148, 163, 184, 0.25);
}
}


/* Top band (nested-table) */
 
/* ============================================================
  Skills top band (nested-table)
  ========================================================== */
 
table.spiritvale-skill-infobox .sv-topband-cell {
table.spiritvale-skill-infobox .sv-topband-cell {
   padding: 0 !important;
   padding: 0 !important;