Difference between revisions of "MediaWiki:Gadget-fixedWidth.css"

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
 
Line 1: Line 1:
/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
@media screen and (min-width: 1200px) {
@media screen and (min-width: 1300px) {
:root {
:root {
--fixed-width: 1200px;
--fixed-width: 1300px;
}
}

Latest revision as of 00:15, 28 January 2024

/** 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;
    }
}