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.

/* ======================================================= */
/* GLOBAL BRANDING: HEADINGS, TITLES & LINES               */
/* ======================================================= */

/* 1. TEXT COLORS: Standard headings, main titles, and sticky header */
h1, h2, h3, h4, h5, h6,
.firstHeading,
.mw-page-title-main,
.page-heading,
.section-heading,
.vector-sticky-header-context-bar-primary,
.mw-headline,
.vector-pinnable-header-label { 
    color: #202122 !important;
}

/* 2. HEADING LINES (DESKTOP): Under Page Titles and Section Headings */
/* We specifically target .mw-body to ensure we hit the article content */
.mw-body h1, 
.mw-body h2,
.firstHeading,
#firstHeading {
    border-bottom: 1px solid #202122 !important;
}

/* FIX: REMOVE UNDERLINE FROM "CONTENTS" TITLE IN SIDEBAR */
h2.vector-pinnable-header-label {
    border-bottom: none !important;
}

/* 3. HEADING LINES (MOBILE): Fix Double Line Issue */
/* Apply border to the container only */
.skin-minerva .page-heading,
.skin-minerva .section-heading {
    border-bottom: 1px solid #202122 !important;
}
/* REMOVE border from the H1 inside the container to stop the double line */
.skin-minerva .page-heading h1,
.skin-minerva .page-heading .firstHeading {
    border-bottom: none !important;
}

/* 4. HORIZONTAL RULES: Standard (----) and content separators */
hr,
.mw-body hr,
.printfooter hr {
    background-color: #202122 !important;
    color: #202122 !important;
    height: 1px !important;
    border: none !important;
}

/* 5. FOOTER LINES (DESKTOP & MOBILE) */
/* Only put the border on the VERY TOP of the footer container */
#footer, 
.mw-footer,
.minerva-footer,
.printfooter {
    border-top: 1px solid #202122 !important;
}

/* FIX: REMOVE EXTRA LINES INSIDE MOBILE FOOTER */
/* Ensures no line appears between Tagline and Menu */
.minerva-footer .footer-content,
.minerva-footer .branding-box,
.minerva-footer-logo,
#footer-info,
#footer-places {
    border: none !important;
}

/* 6. MOBILE ICONS & ARROWS */
/* Darken the mobile chevron/arrow for collapsible sections */
.skin-minerva .section-heading .mw-ui-icon-wikimedia-expand-small {
    filter: grayscale(1) brightness(0.2);
}

/* 7. SUBTLE UI FIXES */
.mw-editsection, .mw-editsection a {
    color: #202122 !important;
    opacity: 0.7;
}

/* FIX: REMOVED THE VERTICAL BAR SEPARATOR CODE HERE */
/* The default "middle dot" will remain automatically */