ZdS largeur fixe

Arc Boost

https://arc.net/boost/86FB313B-210C-49D5-8D51-A0CD7ACEFA31

firefox-stylus.user.css

/* ==UserStyle==
@name           zds-fixed-width
@namespace      zestedesavoir
@description    Utiliser Zeste de Savoir avec une largeur fixe centrée sur grands écrans
@version        1.0.5
@author         Corentin Hatte (https://www.github.com/viki53)
@homepageURL    https://gist.github.com/viki53/aae4daaa1db246470516fa016ae1df64
@updateURL      https://gist.github.com/viki53/aae4daaa1db246470516fa016ae1df64/raw/firefox-stylus.user.css
@preprocessor   default
==/UserStyle== */

@-moz-document domain("zestedesavoir.com") {
	:root {
		--site-width: 1145px;
	}

	@media screen and (min-width: 1145px) {
		body:not(.flexpage) .main {
			margin: 0 auto;
			max-width: var(--site-width);
		}

		.header-container > header,
		.header-container > .sub-header {
			padding-left: calc((100vw - var(--site-width)) / 2);
			padding-right: calc((100vw - var(--site-width)) / 2);
		}

		body:not(.flexpage) .main .content-container {
			box-sizing: border-box;
			padding-left: 2rem;
			padding-right: 2rem;
		}

		.header-container .sub-header .header-right .header-dropdown,
		.header-container header .header-right .header-dropdown {
			right: calc((100vw - var(--site-width)) / 2);
		}

		.header-menu .header-dropdown {
			padding: 10px calc((100vw - var(--site-width)) / 2);
		}
	}
}

safari.userscripts.css

/* ==UserStyle==
@name           zds-fixed-width
@namespace      zestedesavoir
@match          https://*.zestedesavoir.com/*
@description    Utiliser Zeste de Savoir avec une largeur fixe centrée sur grands écrans
@version        1.0.5
@author         Corentin Hatte (https://www.github.com/viki53)
@homepageURL    https://gist.github.com/viki53/aae4daaa1db246470516fa016ae1df64
@updateURL      https://gist.github.com/viki53/aae4daaa1db246470516fa016ae1df64/raw/safari.userscripts.css
==/UserStyle== */

:root {
	--site-width: 1145px;
}

@media screen and (min-width: 1145px) {
	body:not(.flexpage) .main {
		margin: 0 auto;
		max-width: var(--site-width);
	}

	.header-container > header,
	.header-container > .sub-header {
		padding-left: calc((100vw - var(--site-width)) / 2);
		padding-right: calc((100vw - var(--site-width)) / 2);
	}

	body:not(.flexpage) .main .content-container {
		box-sizing: border-box;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.header-container .sub-header .header-right .header-dropdown,
	.header-container header .header-right .header-dropdown {
		right: calc((100vw - var(--site-width)) / 2);
	}

	.header-menu .header-dropdown {
		padding: 10px calc((100vw - var(--site-width)) / 2);
	}
}