Last active
March 13, 2024 10:03
-
-
Save viki53/aae4daaa1db246470516fa016ae1df64 to your computer and use it in GitHub Desktop.
ZdS largeur fixe
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://arc.net/boost/86FB313B-210C-49D5-8D51-A0CD7ACEFA31 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==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); | |
| } | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==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); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment