MediaWiki:Common.css
Appearance
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
========================================================= */
/* Force dark blue in neoplasm tables EXCEPT the quick-links table */
.neoplasm-table:not(.neoplasm-table--quicklinks) td,
.neoplasm-table:not(.neoplasm-table--quicklinks) th,
.neoplasm-table:not(.neoplasm-table--quicklinks) td *,
.neoplasm-table:not(.neoplasm-table--quicklinks) th * {
color: #003366 !important;
}