Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
A Year's in review of the independent DanTDM Wiki Learn More >, Thank you!

MediaWiki:Gadget-fixedWidth.css

MediaWiki interface page
Revision as of 20:00, 22 May 2026 by ScrapBlox (talk | contribs) (Adding support to toggle between full width & fixed width on Desktop)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
/** Credits to Minecraft Wiki & ffxiv for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css  || https://ffxiv.consolegameswiki.com/wiki/MediaWiki:Gadget-fixedWidth.css **/
@media screen and (min-width: 1300px) {
	:root {
		--fixed-width: 1300px;
	}
	
	body {
	    max-width: var(--fixed-width);
	    margin: auto;
	}
	
	#mw-head {
	    max-width: var(--fixed-width);
	    right: unset;
	}
	
	#mw-panel {
		left: unset;
	}
	
	.vector-search-box-inner {
		width: min(20vw, calc(var(--fixed-width) / 5));
	}
	
	body .mw-notification-area {
		right: calc(50% - min(50%, var(--fixed-width) / 2));
	}
	
	div#mw-page-base::after {
	    position: relative;
	    display: block;
	    width: 0;
	    right: calc(16px - min(100%, var(--fixed-width)))
	}

    .mw-body {
        border-right-width: 1px !important;
    }
}