MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
EruIluvatar (talk | contribs) No edit summary Tag: Reverted |
EruIluvatar (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* 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. | /* 2. Force the sidebar and logo to 120px exactly */ | ||
#mw-panel { | |||
width: 120px !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
margin | |||
} | } | ||
#p-logo { | |||
width: 120px !important; | |||
height: 110px !important; | height: 110px !important; | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
} | } | ||
. | /* 3. The actual Logo image */ | ||
.mw-wiki-logo { | |||
width: 100px !important; | width: 100px !important; | ||
height: 100px !important; | height: 100px !important; | ||
margin-left: 10px !important; | margin-left: 10px !important; | ||
background-size: contain !important; | background-size: contain !important; | ||
} | } | ||
/* 4. | /* 4. The "Gap" Fix (Content Margin) */ | ||
.skin-vector-legacy # | /* 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; | |||
.skin-vector-legacy #mw- | |||
} | } | ||
Revision as of 08:24, 7 January 2026
/* 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;
}