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

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
Line 33: Line 33:
    right: calc(16px - min(100%, var(--fixed-width)))
    right: calc(16px - min(100%, var(--fixed-width)))
}
}
     .mw-body {
     .mw-body {
         border-right-width: 1px;
         border-right-width: 1px !important;
     }
     }
}
}

Revision as of 23:12, 2 January 2024

/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
@media screen and (min-width: 1200px) {
	:root {
		--fixed-width: 1200px;
	}
	
	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;
    }
}