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 1: Line 1:
/* ============================================================
/* ============================================================
   Global custom additions
   Global custom additions (HARDENED)
  - Scoped to page content so it cannot affect the skin header/top bar
  - Uses ONLY hyphenated class names (no generic multi-class fallbacks)
   ========================================================== */
   ========================================================== */


/* Playtest info box (supports:
/* Playtest info box */
  1) class="playtest-info-box"
.mw-parser-output .playtest-info-box {
  2) class="playtest info box"  */
.playtest-info-box,
.playtest.info.box {
   max-width: 100%;
   max-width: 100%;
   margin: 0 0 10px 0;
   margin: 0 0 10px 0;
Line 21: Line 20:
}
}


/* Header container band (supports:
/* Header container band (your custom page header template wrapper) */
  1) class="header-container-outer"
.mw-parser-output .header-container-outer {
  2) class="header container outer"  */
.header-container-outer,
.header.container.outer {
   max-width: 100%;
   max-width: 100%;
   margin: 1px;
   margin: 1px;
Line 34: Line 30:
}
}


.header-container-middle,
.mw-parser-output .header-container-middle {
.header.container.middle {
   background: #f0f2f8;
   background: #f0f2f8;
   color: white;
   color: white;
Line 45: Line 40:
}
}


.header-container-inner,
.mw-parser-output .header-container-inner {
.header.container.inner {
   background: linear-gradient(180deg, #5a4e7c, #372b54);
   background: linear-gradient(180deg, #5a4e7c, #372b54);
   color: white;
   color: white;
Line 57: Line 51:
}
}


/* Generic custom table */
/* Generic custom table (yours) */
table.custom-table {
.mw-parser-output table.custom-table {
   float: none;
   float: none;
   border: 2px solid #372b54;
   border: 2px solid #372b54;
Line 73: Line 67:
}
}


table.custom-table > tbody > tr:nth-child(1) > th {
.mw-parser-output table.custom-table > tbody > tr:nth-child(1) > th {
   background: linear-gradient(180deg, #7a6fb0, #5a4e7c);
   background: linear-gradient(180deg, #7a6fb0, #5a4e7c);
   color: white;
   color: white;
Line 85: Line 79:
}
}


table.custom-table > tbody > tr:nth-child(2) > th {
.mw-parser-output table.custom-table > tbody > tr:nth-child(2) > th {
   text-align: center;
   text-align: center;
   padding: 4px;
   padding: 4px;
Line 91: Line 85:
}
}


table.custom-table > tbody > tr > td {
.mw-parser-output table.custom-table > tbody > tr > td {
   text-align: center;
   text-align: center;
   padding: 4px;
   padding: 4px;
Line 97: Line 91:
}
}


table.custom-table > tbody > tr.middle-header > th {
.mw-parser-output table.custom-table > tbody > tr.middle-header > th {
   background: linear-gradient(180deg, #7a6fb0, #5a4e7c);
   background: linear-gradient(180deg, #7a6fb0, #5a4e7c);
   color: white;
   color: white;
Line 105: Line 99:
}
}


/* Citizen search hover (transition goes on base state) */
/* Citizen search hover (safe: already targets a specific Citizen class) */
.citizen-search-trigger {
.citizen-search-trigger {
   transition: transform 0.15s ease-in-out;
   transition: transform 0.15s ease-in-out;
Line 112: Line 106:
   transform: translateY(-2px);
   transform: translateY(-2px);
}
}


/* ============================================================
/* ============================================================