Jump to content

MediaWiki:Common.css: Difference between revisions

From Startup Mojave Wiki
No edit summary
No edit summary
Line 23: Line 23:
.mw-logo-wordmark {
.mw-logo-wordmark {
     font-family: "Montserrat", sans-serif !important;
     font-family: "Montserrat", sans-serif !important;
     font-weight: 800 !important; /* Slightly less bold than the page title */
     font-weight: 700 !important; /* Slightly less bold than the page title */
     font-size: 1.5em !important; /* Adjust size (smaller than page title) */
     font-size: 1.5em !important; /* Adjust size (smaller than page title) */
     text-transform: uppercase !important;
     text-transform: uppercase !important;

Revision as of 02:26, 26 February 2025

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

/* Style the wordmark in the site header */
.mw-logo-wordmark {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !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 it matches the page title */
}

/* Adjust the container if needed */
.mw-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

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