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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Force Vector-like layout on all skins */
body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    background-color: #f8f9fa; /* Light gray background */
    color: #202122; /* Standard text color */
}

/* Adjust the header to match Vector */
#mw-head, #p-personal {
    background-color: #ffffff; /* White header */
    border-bottom: 1px solid #a2a9b1;
}

/* Ensure main content area looks like Vector */
#content, #mw-content-text {
    max-width: 960px;
    margin: auto;
    background: white;
    padding: 20px;
    border: 1px solid #c8ccd1;
    border-radius: 4px;
}

/* Sidebar styling to match Vector */
#mw-panel {
    background: #f8f9fa; /* Light gray background */
    border-right: 1px solid #a2a9b1;
    padding: 10px;
}

/* Sidebar links styling */
#mw-panel a {
    color: #0645ad;
    font-weight: bold;
}

/* Change the footer appearance */
#footer {
    background-color: #ffffff;
    color: #72777d;
    padding: 10px;
    border-top: 1px solid #a2a9b1;
}

/* Hide elements from other skins to mimic Vector */
.skin-monobook #p-cactions, .skin-timeless .mw-wiki-logo {
    display: none;
}

/* Ensure navigation tabs resemble Vector */
#p-cactions ul {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 5px;
    border-radius: 4px;
}

/* Make sure all pages have the Vector feel */
#firstHeading {
    font-size: 1.8em;
    font-weight: bold;
    color: #202122;
}