Jump to content

MediaWiki:Common.css

From Startup Mojave Wiki
Revision as of 02:27, 26 February 2025 by Michael Norton (talk | contribs)

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.
/* CSS placed here will be applied to all skins */

/* 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');

/* Stronger selector to override MediaWiki defaults */
.mw-body-header h1#firstHeading, 
.mw-body-header h1#firstHeading span.mw-page-title-main {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #000 !important;
}

/* Apply Montserrat as the default font */
body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400; /* Regular weight */
}

/* Ensure the wordmark uses Montserrat */
.mw-logo-container .mw-logo-wordmark {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 800 !important; /* Slightly less bold than the page title */
    font-size: 1.5em !important; /* Adjust size (smaller than page title) */
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #000 !important;
}

/* Ensure the container does not override the text */
.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; /* Extra bold for main headings */
    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;
}

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

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

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

/* Navigation menus */
#p-navigation, #mw-panel {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

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

/* Sidebar */
#mw-panel {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

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