MediaWiki:Common.css: Difference between revisions

Revision as of 15:36, 28 December 2025

/* =========================================================
   Neoplasm / HemOnc – Global Site Styles
   ========================================================= */


/* ---------------------------------------------------------
   1. Hide Main Page title only
   --------------------------------------------------------- */
.page-Main_Page h1.firstHeading {
  display: none;
}


/* ---------------------------------------------------------
   2. Typography (Google-Docs–like editing)
   --------------------------------------------------------- */
.neoplasm-center {
  text-align: center;
}

.neoplasm-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  font-weight: 700;
  color: #003366;
  margin: 12px 0 20px 0;
}

.neoplasm-hero-subtitle {
  font-size: 1.15em;
  line-height: 1.55;
  max-width: 1100px;
  margin: 0 auto 24px auto;
}


/* ---------------------------------------------------------
   3. Base tables
   --------------------------------------------------------- */
.neoplasm-table {
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-collapse: collapse;
}

.neoplasm-table td,
.neoplasm-table th {
  padding: 8px 10px;
}


/* ---------------------------------------------------------
   4. Quick links table (equal-width cells)
   --------------------------------------------------------- */
.neoplasm-table--quicklinks {
  table-layout: fixed;
  width: 100%;
}

.neoplasm-table--quicklinks td {
  width: 20%;   /* 5 equal columns */
  text-align: center;
}

.neoplasm-table-title {
  background-color: #737373;
  color: #ffffff;
  font-size: 1.3em;
}


/* ---------------------------------------------------------
   5. Quick-link “chips”
   --------------------------------------------------------- */
.neoplasm-chip {
  font-size: 1.1em;
  color: #ffffff;
}

.neoplasm-chip a,
.neoplasm-chip a:visited {
  color: #ffffff;
  text-decoration: none;
}

.neoplasm-chip--solid     { background-color: #08519c; }
.neoplasm-chip--malignant { background-color: #cf0001; }
.neoplasm-chip--peds      { background-color: #ba871a; }
.neoplasm-chip--tx        { background-color: #4a1486; }
.neoplasm-chip--classical { background-color: #31a354; }


/* ---------------------------------------------------------
   6. Disease section headers
   --------------------------------------------------------- */
.neoplasm-major {
  color: #ffffff;
  font-size: 1.5em;
}

.neoplasm-major--solid     { background-color: #08519c; }
.neoplasm-major--heme      { background-color: #cf0001; }
.neoplasm-major--peds      { background-color: #ba871a; }
.neoplasm-major--tx        { background-color: #4a1486; }
.neoplasm-major--classical { background-color: #31a354; }

.neoplasm-subheader {
  background-color: #bdd7e7;
  font-size: 1.2em;
}


/* ---------------------------------------------------------
   7. Standard table cells
   --------------------------------------------------------- */
.neoplasm-cell {
  background-color: #eff3ff;
}

.neoplasm-cell--w25 {
  width: 25%;
}


/* ---------------------------------------------------------
   8. Footer link
   --------------------------------------------------------- */
.neoplasm-footer-link {
  text-align: center;
  font-size: 1.2em;
  margin-top: 24px;
}


/* =========================================================
   9. Vector 2022 – Sidebar behavior (FINAL, SAFE)
   =========================================================
   ✔ Sidebar visible by default
   ✔ Hamburger icon preserved
   ✔ Sidebar collapsible
   ✔ NO blank white column
   ========================================================= */
@media (min-width: 1000px) {

  /* Encourage sidebar to be visible on load */
  .skin-vector-2022 .vector-sidebar-container {
    visibility: visible;
    transform: translateX(0);
  }

  /* Keep the collapsible (hamburger) icon */
  .skin-vector-2022 .vector-main-menu-dropdown {
    display: inline-flex;
  }

  /* IMPORTANT:
     Do NOT add margin-left to mw-page-container
     Vector 2022 manages layout dynamically */
}


/* =========================================================
   End of file
   ========================================================= */

/* =========================================================
   Vector 2022 – Sidebar ALWAYS visible (desktop)
   ========================================================= */
@media (min-width: 1000px) {

  /* Force the sidebar into the "open" state */
  .skin-vector-2022 .vector-sidebar-container {
    transform: translateX(0) !important;
    visibility: visible !important;
  }

  /* Tell Vector layout that the sidebar is open */
  .skin-vector-2022 .mw-page-container {
    grid-template-columns: var(--vector-sidebar-width) 1fr !important;
  }

  /* Keep the hamburger icon (optional but recommended) */
  .skin-vector-2022 .vector-main-menu-dropdown {
    display: inline-flex;
  }
}