MediaWiki:Vector.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.

/* Import Montserrat font with multiple weights */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');

/* Base font for entire site */
body, body.mw-special, .mw-body, #content {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

/* ----- MAIN PAGE TITLE ----- */
.mw-body-header h1#firstHeading,
.mw-body-header h1#firstHeading span.mw-page-title-main,
.mw-special h1#firstHeading,
body.special h1#firstHeading {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #000 !important;
}

/* ----- SITE WORDMARK ----- */
/* Consolidated wordmark styling - works on all pages */
.mw-logo-wordmark,
body.special .mw-logo-wordmark,
.mw-specialpages .mw-logo-wordmark,
.vector-header-container .mw-logo-wordmark,
body.mw-special .mw-logo-wordmark {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.3em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #000 !important;
}

/* Logo container styling */
.mw-logo-container,
body.special .mw-logo-container,
.mw-specialpages .mw-logo-container,
body.mw-special .mw-logo-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 0 !important;
}

/* ----- HEADINGS ----- */
h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
}

h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

/* ----- TEXT FORMATTING ----- */
/* Italics and emphasis */
em, i {
    font-family: "Montserrat", sans-serif;
    font-style: italic;
    font-weight: 300;
}

/* Bold text */
strong, b {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

/* Code blocks */
pre, code {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 3px;
}

/* ----- UI ELEMENTS ----- */
/* Navigation */
#p-navigation, #mw-panel,
body.special #p-navigation, body.special #mw-panel,
body.mw-special #p-navigation, body.mw-special #mw-panel {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

/* Footer */
#footer, body.special #footer, body.mw-special #footer {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

/* Form elements */
button, input, select, textarea,
body.special button, body.special input, body.special select, body.special textarea {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}