https://wiki.instants.dev/w/index.php?action=history&feed=atom&title=MediaWiki%3ACitizen.css 2026-11-12T20:53:17Z Historique des versions pour cette page sur le wiki MediaWiki 1.46.2 https://wiki.instants.dev/w/index.php?title=MediaWiki:Citizen.css&diff=217&oldid=prev 2026-10-02T21:48:48Z

<p>Page blanchie</p> <a href="https://wiki.instants.dev/w/index.php?title=MediaWiki:Citizen.css&amp;diff=217&amp;oldid=216">Voir les modifications</a>

Bashyred https://wiki.instants.dev/w/index.php?title=MediaWiki:Citizen.css&diff=216&oldid=prev 2026-10-02T21:47:22Z

<p>Page créée avec « @font-face { font-family: &#039;Departure Mono&#039;; src: url( &#039;/fonts/DepartureMono-Regular.woff2&#039; ) format( &#039;woff2&#039; ), url( &#039;/fonts/DepartureMono-Regular.woff&#039; ) format( &#039;woff&#039; ); font-display: swap; font-feature-settings: &#039;locl&#039;; } :root { --dm-amber: #ffa133; --dm-pumpkin: #e47b1a; --dm-flux: #c8be50; --dm-foam: #bccabb; --dm-enamel: #eeeeee; --dm-cement: #c0c0c0; --dm-aluminum: #cccccc; --dm-ash: #8e8e8e; --dm-mud: #8a8a6f; --dm-clay: #6c6c58; --d... »</p> <p><b>Nouvelle page</b></p><div>@font-face {<br /> font-family: &#039;Departure Mono&#039;;<br /> src:<br /> url( &#039;/fonts/DepartureMono-Regular.woff2&#039; ) format( &#039;woff2&#039; ),<br /> url( &#039;/fonts/DepartureMono-Regular.woff&#039; ) format( &#039;woff&#039; );<br /> font-display: swap;<br /> font-feature-settings: &#039;locl&#039;;<br /> }<br /> <br /> :root {<br /> --dm-amber: #ffa133;<br /> --dm-pumpkin: #e47b1a;<br /> --dm-flux: #c8be50;<br /> --dm-foam: #bccabb;<br /> --dm-enamel: #eeeeee;<br /> --dm-cement: #c0c0c0;<br /> --dm-aluminum: #cccccc;<br /> --dm-ash: #8e8e8e;<br /> --dm-mud: #8a8a6f;<br /> --dm-clay: #6c6c58;<br /> --dm-smoke: #666666;<br /> --dm-dark: #444444;<br /> --dm-soot: #333333;<br /> --dm-carbon: #222222;<br /> --dm-black: #141414;<br /> --dm-flick: cubic-bezier( 0.36, 2.09, 0.07, -1.52 );<br /> <br /> --font-family-citizen-base: &#039;Departure Mono&#039;;<br /> --font-family-citizen-serif: &#039;Departure Mono&#039;;<br /> --font-family-citizen-monospace: &#039;Departure Mono&#039;;<br /> <br /> --border-radius-base: 0;<br /> --border-radius-medium: 0;<br /> --border-radius-large: 0;<br /> --border-radius-pill: 0;<br /> --border-radius-sharp: 0;<br /> <br /> --color-surface-0: var( --dm-enamel );<br /> --color-surface-1: #e4e4e4;<br /> --color-surface-1--hover: #dadada;<br /> --color-surface-1--active: var( --dm-aluminum );<br /> --color-surface-2: #dadada;<br /> --color-surface-2--hover: var( --dm-aluminum );<br /> --color-surface-2--active: var( --dm-cement );<br /> --color-surface-3: var( --dm-aluminum );<br /> --color-surface-4: var( --dm-cement );<br /> --background-color-base: var( --color-surface-0 );<br /> <br /> --color-emphasized: var( --dm-carbon );<br /> --color-base: var( --dm-dark );<br /> --color-base--hover: var( --dm-soot );<br /> --color-subtle: var( --dm-smoke );<br /> --color-placeholder: var( --dm-clay );<br /> --color-disabled: var( --dm-ash );<br /> <br /> --color-progressive: #9a4f00;<br /> --color-progressive--hover: #7d4000;<br /> --color-progressive--active: #6a3600;<br /> --background-color-progressive: var( --dm-amber );<br /> --background-color-progressive--hover: #ffb35c;<br /> --background-color-progressive--active: var( --dm-pumpkin );<br /> --color-inverted-primary: var( --dm-carbon );<br /> <br /> --color-link: var( --dm-soot );<br /> --color-link--hover: #9a4f00;<br /> --color-link--active: #7d4000;<br /> --color-visited: var( --dm-soot );<br /> <br /> --border-color-base: var( --dm-cement );<br /> --border-color-subtle: #d6d6d6;<br /> --border-color-muted: #e0e0e0;<br /> --border-color-interactive: var( --dm-ash );<br /> --border-color-interactive--hover: var( --dm-smoke );<br /> --border-color-progressive: var( --dm-pumpkin );<br /> --border-color-progressive--focus: var( --dm-pumpkin );<br /> <br /> --dm-heading-fg: var( --dm-soot );<br /> --dm-heading-bg: var( --dm-aluminum );<br /> --dm-label: var( --dm-clay );<br /> --dm-highlight: var( --dm-foam );<br /> }<br /> <br /> :root.skin-theme-clientpref-night,<br /> :root.skin-theme-clientpref-black {<br /> --color-surface-0: var( --dm-carbon );<br /> --color-surface-1: #2a2a2a;<br /> --color-surface-1--hover: var( --dm-soot );<br /> --color-surface-1--active: #3a3a3a;<br /> --color-surface-2: var( --dm-soot );<br /> --color-surface-2--hover: #3a3a3a;<br /> --color-surface-2--active: var( --dm-dark );<br /> --color-surface-3: #3a3a3a;<br /> --color-surface-4: var( --dm-dark );<br /> <br /> --color-emphasized: var( --dm-enamel );<br /> --color-base: var( --dm-cement );<br /> --color-base--hover: var( --dm-enamel );<br /> --color-subtle: var( --dm-ash );<br /> --color-placeholder: var( --dm-mud );<br /> --color-disabled: var( --dm-smoke );<br /> <br /> --color-progressive: var( --dm-amber );<br /> --color-progressive--hover: #ffb35c;<br /> --color-progressive--active: var( --dm-pumpkin );<br /> <br /> --color-link: var( --dm-enamel );<br /> --color-link--hover: var( --dm-amber );<br /> --color-link--active: var( --dm-pumpkin );<br /> --color-visited: var( --dm-enamel );<br /> <br /> --border-color-base: var( --dm-dark );<br /> --border-color-subtle: var( --dm-soot );<br /> --border-color-muted: #2a2a2a;<br /> --border-color-interactive: var( --dm-smoke );<br /> --border-color-interactive--hover: var( --dm-ash );<br /> --border-color-progressive: var( --dm-amber );<br /> --border-color-progressive--focus: var( --dm-amber );<br /> <br /> --dm-heading-fg: var( --dm-soot );<br /> --dm-heading-bg: var( --dm-ash );<br /> --dm-label: var( --dm-mud );<br /> --dm-highlight: var( --dm-clay );<br /> }<br /> <br /> @media ( prefers-color-scheme: dark ) {<br /> :root.skin-theme-clientpref-os {<br /> --color-surface-0: var( --dm-carbon );<br /> --color-surface-1: #2a2a2a;<br /> --color-surface-1--hover: var( --dm-soot );<br /> --color-surface-1--active: #3a3a3a;<br /> --color-surface-2: var( --dm-soot );<br /> --color-surface-2--hover: #3a3a3a;<br /> --color-surface-2--active: var( --dm-dark );<br /> --color-surface-3: #3a3a3a;<br /> --color-surface-4: var( --dm-dark );<br /> --color-emphasized: var( --dm-enamel );<br /> --color-base: var( --dm-cement );<br /> --color-base--hover: var( --dm-enamel );<br /> --color-subtle: var( --dm-ash );<br /> --color-placeholder: var( --dm-mud );<br /> --color-disabled: var( --dm-smoke );<br /> --color-progressive: var( --dm-amber );<br /> --color-progressive--hover: #ffb35c;<br /> --color-progressive--active: var( --dm-pumpkin );<br /> --color-link: var( --dm-enamel );<br /> --color-link--hover: var( --dm-amber );<br /> --color-link--active: var( --dm-pumpkin );<br /> --color-visited: var( --dm-enamel );<br /> --border-color-base: var( --dm-dark );<br /> --border-color-subtle: var( --dm-soot );<br /> --border-color-muted: #2a2a2a;<br /> --border-color-interactive: var( --dm-smoke );<br /> --border-color-interactive--hover: var( --dm-ash );<br /> --border-color-progressive: var( --dm-amber );<br /> --border-color-progressive--focus: var( --dm-amber );<br /> --dm-heading-fg: var( --dm-soot );<br /> --dm-heading-bg: var( --dm-ash );<br /> --dm-label: var( --dm-mud );<br /> --dm-highlight: var( --dm-clay );<br /> }<br /> }<br /> <br /> html {<br /> font-synthesis: none;<br /> -webkit-font-smoothing: antialiased;<br /> -moz-osx-font-smoothing: grayscale;<br /> }<br /> <br /> ::selection {<br /> color: var( --color-surface-0 );<br /> background-color: var( --color-emphasized );<br /> }<br /> <br /> .mw-body-content a {<br /> text-decoration: underline;<br /> text-decoration-thickness: 1px;<br /> text-underline-offset: 0.2em;<br /> transition: color 150ms var( --dm-flick );<br /> }<br /> <br /> .mw-body-content a:hover {<br /> text-decoration-color: currentColor;<br /> }<br /> <br /> .mw-body-content a.new {<br /> text-decoration-style: dashed;<br /> }<br /> <br /> .firstHeading {<br /> font-size: 44px;<br /> line-height: 1;<br /> letter-spacing: 0;<br /> }<br /> <br /> .firstHeading .mw-page-title-main {<br /> color: var( --dm-heading-fg );<br /> background-color: var( --dm-heading-bg );<br /> box-decoration-break: clone;<br /> -webkit-box-decoration-break: clone;<br /> }<br /> <br /> .firstHeading .mw-page-title-main::after {<br /> content: &#039;&#039;;<br /> display: inline-block;<br /> width: 0.5em;<br /> height: 0.9em;<br /> margin-left: 0.1em;<br /> vertical-align: -0.05em;<br /> animation: dm-blink 1s infinite steps( 1 );<br /> }<br /> <br /> @keyframes dm-blink {<br /> 0%, 100% { background-color: transparent; }<br /> 50% { background-color: var( --dm-amber ); }<br /> }<br /> <br /> @media ( prefers-reduced-motion: reduce ) {<br /> .firstHeading .mw-page-title-main::after {<br /> animation: none;<br /> }<br /> }<br /> <br /> .mw-body-content .mw-heading2 {<br /> border-bottom: 0;<br /> }<br /> <br /> .mw-body-content h2 {<br /> display: inline;<br /> font-size: 22px;<br /> line-height: 1.2;<br /> color: var( --dm-heading-fg );<br /> background-color: var( --dm-heading-bg );<br /> box-decoration-break: clone;<br /> -webkit-box-decoration-break: clone;<br /> }<br /> <br /> .mw-body-content h3 {<br /> font-size: 22px;<br /> }<br /> <br /> .mw-body-content h4,<br /> .mw-body-content h5,<br /> .mw-body-content h6 {<br /> font-size: 16.5px;<br /> text-transform: uppercase;<br /> color: var( --dm-label );<br /> }<br /> <br /> .citizen-menu__heading,<br /> .citizen-toc-heading,<br /> .citizen-footer,<br /> #siteSub,<br /> #contentSub,<br /> .mw-normal-catlinks &gt; a:first-child {<br /> font-size: 11px;<br /> text-transform: uppercase;<br /> letter-spacing: 0;<br /> color: var( --dm-label );<br /> }<br /> <br /> .citizen-menu__card,<br /> .citizen-search__form,<br /> .citizen-dropdown-details .citizen-menu__card {<br /> border: 1px solid var( --border-color-interactive );<br /> box-shadow: none;<br /> }<br /> <br /> .mw-body-content blockquote {<br /> border-left: 7px solid var( --dm-mud );<br /> padding: 8px 0 8px 12px;<br /> margin-inline: 0;<br /> background: none;<br /> }<br /> <br /> .mw-body-content .wikitable,<br /> .mw-body-content table.smwtable,<br /> .mw-body-content table.smwtable-clean,<br /> .mw-body-content .smw-table,<br /> .mw-body-content .smwfact,<br /> .mw-body-content .infobox {<br /> border: 1px solid var( --border-color-base );<br /> border-radius: 0;<br /> box-shadow: none;<br /> background-color: transparent;<br /> }<br /> <br /> .mw-body-content .wikitable &gt; * &gt; tr &gt; th,<br /> .mw-body-content table.smwtable th,<br /> .mw-body-content table.smwtable-clean th,<br /> .mw-body-content .smwfact .smwfactboxhead {<br /> font-size: 11px;<br /> text-transform: uppercase;<br /> font-weight: normal;<br /> color: var( --dm-label );<br /> background-color: var( --color-surface-1 );<br /> border-color: var( --border-color-base );<br /> }<br /> <br /> .mw-body-content .wikitable &gt; * &gt; tr &gt; td,<br /> .mw-body-content table.smwtable td,<br /> .mw-body-content table.smwtable-clean td {<br /> border-color: var( --border-color-base );<br /> }<br /> <br /> .mw-body-content .wikitable &gt; * &gt; tr:hover &gt; td,<br /> .mw-body-content table.smwtable tr:hover &gt; td {<br /> background-color: var( --color-surface-1 );<br /> }<br /> <br /> .mw-body-content pre,<br /> .mw-body-content code {<br /> border-radius: 0;<br /> border: 1px solid var( --border-color-subtle );<br /> background-color: var( --color-surface-1 );<br /> }<br /> <br /> .mw-body-content b,<br /> .mw-body-content strong {<br /> font-weight: normal;<br /> color: var( --color-emphasized );<br /> background-color: var( --dm-highlight );<br /> }</div>

Bashyred