|
|
| (3 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* 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;
| |
| }
| |