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.

/* 1. Reset the box-sizing to ensure padding doesn't add to the width */
#mw-panel, #content, #p-logo {
    box-sizing: border-box !important;
}

/* 2. Force the sidebar and logo to 120px exactly */
#mw-panel {
    width: 120px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#p-logo {
    width: 120px !important;
    height: 110px !important;
    margin-bottom: 0 !important;
}

/* 3. The actual Logo image */
.mw-wiki-logo {
    width: 100px !important;
    height: 100px !important;
    margin-left: 10px !important;
    background-size: contain !important;
}

/* 4. The "Gap" Fix (Content Margin) */
/* We use a high-priority selector to force the gap to 120px */
body.skin-vector-legacy #content,
body.skin-vector-legacy #mw-head-base,
body.skin-vector-legacy #footer {
    margin-left: 120px !important;
}