MediaWiki:Gadget-fixedWidth.css

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search

Note: After saving, 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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/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;
    }
}