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.

/* CSS placed here will be applied to all skins */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.mw-logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centers the logo above the text */
    height: auto !important;
    padding: 10px 0;
}
.mw-logo-icon {
    width: 120px !important;  /* Adjust size as needed */
    height: 120px !important;
    max-width: none !important;
    max-height: none !important;
    margin-bottom: 8px !important; /* Gap between logo and title */
}
.mw-logo-wordmark {
    display: block !important; /* Bring it back, but as a block */
    text-align: center !important;
    height: auto !important;
    width: auto !important;
}
.mw-header {
    height: auto !important;
    min-height: 160px !important; 
}

/* 5. Fix the 'Sticky Header' (when you scroll down) */
/* We usually want it back to normal when scrolling so it doesn't eat the screen */
.vector-sticky-header .mw-logo {
    flex-direction: row !important;
    padding: 0 !important;
}

.vector-sticky-header .mw-logo-icon {
    width: 35px !important;
    height: 35px !important;
    margin-bottom: 0 !important;
}