MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* =========================================================
   Neoplasm / HemOnc – Global Site Styles (FINAL)
   ========================================================= */


/* ---------------------------------------------------------
   0. Global font size
   --------------------------------------------------------- */
body {
  font-size: 12px; /* change to 13–15px if you want larger overall text */
}


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


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

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


/* ---------------------------------------------------------
   3. Main Page hero title (authoritative)
   Use this instead of styling .neoplasm-title directly,
   because VisualEditor may strip spans but keeps the wrapper div.
   --------------------------------------------------------- */
.page-Main_Page .neoplasm-title-wrapper {
  display: block;
  width: 100%;
  text-align: center;
  margin: 1.2rem auto 1.6rem auto;

  font-family: Georgia, "Times New Roman", "Nimbus Roman", "Liberation Serif", serif;
  font-size: 1.9em;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #111;
}


/* ---------------------------------------------------------
   4. Optional: If you still use <span class="neoplasm-title"> anywhere
   (kept consistent with the wrapper)
   --------------------------------------------------------- */
.neoplasm-title {
  font-family: Georgia, "Times New Roman", "Nimbus Roman", "Liberation Serif", serif;
  font-size: 1.5em; /* smaller than wrapper; adjust if needed */
  font-weight: 600;
  color: #003366;
  margin: 12px 0 20px 0;
}


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

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


/* ---------------------------------------------------------
   6. 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;
}


/* ---------------------------------------------------------
   7. 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; }


/* ---------------------------------------------------------
   8. 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;
}


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

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


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


/* =========================================================
   11. Vector 2022 – Sidebar (FINAL SAFE VERSION)
   Keeps sidebar normal + collapsible, avoids blank white column.
   Also includes your spacing + font-size tweaks.
   ========================================================= */
@media (min-width: 900px) {

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

  /* Slightly tighter padding in sidebar */
  .skin-vector-2022 .vector-sidebar {
    padding-left: 0.5rem;
    padding-right: 0.75rem;
  }

  .skin-vector-2022 .vector-menu {
    margin-left: 0;
  }

  .skin-vector-2022 .vector-menu-content {
    padding-left: 0.25rem;
  }

  /* Sidebar heading + link sizing */
  .skin-vector-2022 .vector-menu-heading {
    font-size: 1.05em;
  }

  .skin-vector-2022 .vector-menu-content a {
    font-size: 1.0em;
  }
}

/* =========================================================
   End of file
   ========================================================= */
/* =========================
   Change red table text to dark blue
   ========================= */

/* Disease labels inside neoplasm tables */
.neoplasm-table td,
.neoplasm-table th {
  color: #003366;
}
.neoplasm-cell {
  color: #003366;
}

/* =========================
   FORCE table text to dark blue
   ========================= */

/* Override any inline red color in neoplasm tables */
.neoplasm-table td,
.neoplasm-table th,
.neoplasm-table td *,
.neoplasm-table th * {
  color: #003366 !important;
}
/* ==========================================
   Force red subtype cells to dark blue
   (override inline styles inside table cells)
   ========================================== */

.neoplasm-table td[style*="color"],
.neoplasm-table td span[style*="color"] {
  color: #003366 !important;
}