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.

/* Logo: top center, responsive */
#p-logo {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
    z-index: 1000;
    width: auto;
}
.mw-wiki-logo {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 200px !important;
    height: 75px !important;
    display: block;
}
/* Align everything to the bottom of the logo (5px + 75px = 80px) */
#mw-head {
    top: 80px;
}
#mw-head-base {
    height: 80px;
}
#mw-page-base {
    padding-top: 80px;
}
@media screen and (max-width: 720px) {
    .mw-wiki-logo { width: 130px !important; height: 50px !important; }
    #mw-head { top: 55px; }
    #mw-head-base { height: 55px; }
    #mw-page-base { padding-top: 55px; }
}