Utilisateur:Atsarb/vector.css

/*
  --------------------------------------------------- 
  Variables
  --------------------------------------------------- 
  Ces variables définissent les couleurs utilisés par
  le wiki.
  ---------------------------------------------------
*/

:root {
  --background-color-dp-00: #020601;
  --background-color-dp-01: #040d02;
  --background-color-dp-02: #071403;
  --background-color-dp-03: #091b04;
  --background-color-dp-04: #0c2205;
  --background-color-dp-06: #0e2806;
  --background-color-dp-08: #102f07;
  --background-color-dp-12: #133608;
  --background-color-dp-16: #153d09;
  --background-color-dp-24: #18440b;
  --background-color-overlay: rgba(0,0,0,0.99);
  --background-color-overlay--lighter: rgba(19,26,33,0.6);
  --background-color-framed: #040d02;
  --background-color-framed--hover: #091b04;
  --background-color-framed--active: #020601;
  --background-color-input: rgba(0,0,0,0.5);
  --background-color-icon: rgba(255,255,255,0.4);
  --background-color-icon--hover: rgba(255,255,255,0.6);
  --background-color-icon--active: rgba(255,255,255,0.2);
  --background-color-quiet--hover: rgba(255,255,255,0.07);
  --background-color-quiet--active: rgba(255,255,255,0.03);
  --background-color-primary--hover: #18440b;
  --background-color-primary--active: #26437f;
  --background-color-destructive: #b32424;
  --background-color-warning: #ac6600;
  --background-color-success: #14866d;
  --background-img: url(/skins/Vector/images/background/coolblack.png);
  --background-main: #050905;
  --box-background-color: #000300;
  --box-shadow: 0 0 10px #071403;
  --color-base: #c6c6c6;
  --color-base--emphasized: rgba(255,255,255,0.87);
  --color-base--subtle: rgba(255,255,255,0.38);
  --color-primary: #51E527;
  --color-primary--hover: #18440b;
  --color-primary--active: #2a4b8d;
  --color-destructive: #0066cc;
  --color-destructive--hover: #e35b5b;
  --color-destructive--active: #b32424;
  --color-warning: #ffcc33;
  --color-success: #090a0a;
  --color-link: #51E527;
  --color-link--hover: #18440b;
  --color-link--active: #2a4b8d;
  --color-link-new: #e35b5b;
  --color-link-new--hover: #fee7e6;
  --color-link-new--active: #b32424;
  --opacity-base--disabled: 0.2;
  --opacity-icon-base: 0.4;
  --opacity-icon-base--hover: 0.6;
  --opacity-icon-base--active: 0.2;
  --size-icon: 20px;
  --border-color-base: rgba(255,255,255,0.05);
  --border-color-base--lighter: rgba(255,255,255,0.02);
  --border-color-base--darker: rgba(255,255,255,0.14);
  --border-color-input: rgba(255,255,255,0.05);
  --border-color-input--hover: rgba(255,255,255,0.5);
  --border-radius--small: 4px;
  --border-radius--medium: 8px;
  --border-radius--large: 12px;
  --font-family-base: 'Roboto',system-ui,-apple-system,sans-serif;
  --font-family-serif: Georgia,serif;
  --font-family-monospace: 'SFMono-Regular','Menlo','Roboto Mono','Consolas','Liberation Mono','Courier New',monospace;
  --icon-filter-full: invert(1);
  --icon-filter-half: invert(0.5);
}

/*
  --------------------------------------------------- 
  Vector override
  --------------------------------------------------- 
  le style ci-dessous écrase les classes par défaut
  de l'habillage Vector.  
  ---------------------------------------------------
*/

/* Fonds d'écran principal */
body {
  background: var(--background-img);
  color: var(--color-base);
}
/* Taille de la police */
.mw-body-content {
	font-size: 14px;
}
/* Couleur des liens et du texte */
a,
a:visited,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
.vector-menu-tabs li a,
.vector-menu-dropdown li a,
.toctogglelabel {
  color: var(--color-link);
}
a.new,
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
  color: var(--color-link-new);
}
h1,
h2,
h3,
h4,
h5,
h6,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
.vector-menu-portal h3,
.mw-body,
.parsoid-body,
.tocnumber,
.mw-footer li {
  color: var(--color-base);
}
/* Liens externes, on enlève l'image */
.mw-parser-output .external {
  background-image: none;
  padding-right: 0;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #fdca00;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: #fdca00;
}
/* Menu de gauche */
#mw-panel {
  background: none;
  border-right: none;
}
.vector-menu-portal h3 {
  background: none;
  border-bottom: 1px solid var(--border-color-base--darker);
}
/* En-tête de la page & Barre d'actions de l'article */
#mw-page-base,
.vector-menu-tabs li,
.vector-menu-tabs .selected,
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3 {
  background: none;
}
.vector-menu-dropdown .vector-menu-content {
  background: var(--background-color-dp-02);
  border: 1px solid var(--border-color-base--darker);
}
/* Barre de recherche et suggestions */
#searchInput {
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
  color: var(--color-base);
}
#searchButton {
  filter: var(--icon-filter-full);
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus {
  border-color: var(--color-link);
  box-shadow: var(--box-shadow);
}
.suggestions-results {
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
}
.suggestions-result,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions-special .special-query {
  color: var(--color-base);
}
.suggestions-special {
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
}
/* Cadre du contenu */
.mw-page-container {
  background: var(--background-main);
  border-left: 1px solid var(--border-color-base--darker);
  border-right: 1px solid var(--border-color-base--darker);
}
.mw-body {
  border-top: 1px solid var(--border-color-base--darker);
}
/* Titres */
h1, h2 {
  border-bottom: 1px solid var(--border-color-base--darker);
}
/* Table des matières */
.toc {
  background: var(--box-background-color);
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color-base--darker);
}
/* Listes */
ul {
  list-style: '– ';
}
/* Balise <code> */
code {
  padding: 0px 3px 0px 3px;
  color: var(--color-base);
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
}
/* Balises <pre> */
pre {
  background-color: var(--box-background-color);
  color: var(--color-base);
  border: 1px solid var(--border-color-base--darker);
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
  box-shadow: inset 2.75em 0 0 var(--background-color-dp-01);
}
.mw-highlight .linenos {
  color: var(--color-link);
}
.mw-highlight .nf,
.mw-highlight .nc {
    color: #FFEF00;
}
/* Balise <gallery> */
li.gallerybox div.thumb {
  background: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
}
/* Barre des catégories */
.catlinks {
  background: var(--box-background-color);
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color-base--darker);
}
/* Icônes d'alerte et de notification */
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
  opacity: 1;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge,
#mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button::before,
#mw-sidebar-button::before,
#mw-indicator-mw-helplink a,
.mw-ui-icon-wikimedia-userAvatar::before,
.mw-ui-icon-wikimedia-userTalk::before,
.mw-ui-icon-wikimedia-settings::before,
.mw-ui-icon-wikimedia-unStar::before,
.mw-ui-icon-wikimedia-userContributions::before,
.mw-ui-icon-wikimedia-logOut::before,
.vector-menu-dropdown h3::after,
.mw-ui-icon-wikimedia-ellipsis::before {
  filter: var(--icon-filter-full)
}
#pt-notifications-alert .mw-echo-notifications-badge::after,
#pt-notifications-notice .mw-echo-notifications-badge::after {
  background-color: var(--color-destructive);
}
/* Références */
ol.references li:target, sup.reference:target {
  background-color: var(--background-color-dp-06);
}
/* Pied de page */
.mw-footer {
  border-top: 1px solid var(--border-color-base--darker);
}
/* Images en vignette */
div.thumbinner {
  border: 1px solid var(--border-color-base--darker);
  background-color: var(--box-background-color);
}
.thumbimage {
  background: none;
  border: 1px solid var(--border-color-base--darker);
}
/* Barre d'outils inférieure */
.client-js .mw-edittools-section {
  display: inline;
}
.vector-user-links .vector-user-menu .vector-menu-content-item:hover, .vector-user-links .vector-user-menu .mw-list-item > a:hover {
  background-color: var(--background-color-dp-04);
}
.vector-user-links .vector-user-menu .vector-menu-content-item-logout {
  border-color: var(--border-color-base--darker);
}
.wvui-typeahead-search {
  background-color: var(--background-color-dp-00);
  border-color: var(--border-color-base--darker);
}
.wvui-typeahead-search {
  border-color: var(--border-color-base--darker);
}
.wvui-input__input:not([disabled]) {
  background-color: var(--background-color-dp-00);
  color: var(--color-base);
  border-color: var(--border-color-base--darker);
}
.wvui-button--framed:not([disabled]):hover {
  background-color: var(--background-color-dp-04);
  color: var(--color-base);
}
.wvui-button--framed:not([disabled]) {
  border-color: var(--border-color-base--darker);
}
.wvui-button:not([disabled]):focus {
  border-color: var(--color-link);
  box-shadow: inset 0 0 0 1px var(--color-link);
}
.wvui-button--framed:not([disabled]) {
  background-color: var(--background-color-dp-02);
  border-color: var(--border-color-base--darker);
}
.wvui-button:not([disabled]) {
  color: var(--color-base);
  opacity: 1;
}
.wvui-input__input:not([disabled]):hover {
  border-color: var(--color-link);
}
.wvui-input__input:not([disabled]):focus {
  border-color: var(--color-link);
  box-shadow: inset 0 0 0 1px var(--color-link);
}
.wvui-typeahead-search__suggestions {
  background-color: var(--background-color-dp-00);
  border-color: var(--border-color-base--darker);
}
.wvui-typeahead-suggestion__title {
  color: var(--color-base);
}
.wvui-typeahead-search__suggestions__footer {
  color: var(--color-base);
  border-top-color: var(--border-color-base--darker);
}
.wvui-typeahead-suggestion--active,
.wvui-typeahead-search__suggestions__footer {
  background-color: var(--background-color-dp-04);
}
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.vector-user-links .vector-user-menu .vector-menu-content-item,
.vector-user-links .vector-user-menu .mw-list-item > a {
  color: var(--color-link);
}
/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
.ns-talk #mw-content-text dd {
    margin: 0;
    padding: 0;
}
.ns-talk #mw-content-text dl {
    border-top: solid 1px var(--border-color-base--darker);
    border-left: solid 1px var(--border-color-base--darker);
    padding-top: 0.5em;
    padding-left: 0.5em;
    margin-left: 1em;
}
.ns-talk #mw-content-text dl,
.ns-talk #mw-content-text dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl dl {
    background: var(--background-color-dp-02);
}
.ns-talk #mw-content-text dl dl,
.ns-talk #mw-content-text dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl dl dl {
    background: var(--background-main);
}

/* ------------------------------ */
/* MediaWiki:Sitenotice           */
/* ------------------------------ */

.avt-sitenotice {
  border: 1px solid var(--border-color-base--darker);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.avt-sitenotice a {
  color: var(--color-link) !important;
}

/* ------------------------------------- */
/* Spécial:Modifications récentes        */
/* ------------------------------------- */

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
  border-bottom: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: var(--background-color-dp-12);
  border-color: var(--border-color-base--darker);
  color: var(--color-base);
}
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert),
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
  filter: var(--icon-filter-half);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
  background-color: var(--background-color-dp-02);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button  {
  color: var(--color-link);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--background-color-dp-02);
  border: 1px solid var(--border-color-base--darker);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
  background-color: var(--background-color-dp-04);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: var(--background-color-dp-06);
  border-color: var(--border-color-base--darker);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  border: 1px solid var(--border-color-base--darker);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background-color: var(--background-color-dp-02);
  border: 1px solid var(--border-color-base--darker);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: var(--background-color-dp-24);
  border-color: var(--color-link);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
  background-color: var(--color-link);
  border-color: var(--color-link);
}
.oo-ui-popupWidget-popup {
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
  color: var(--color-base);
}
.mw-rcfilters-ui-datePopupWidget {
  border-top: 1px solid var(--border-color-base--darker);
}
.mw-plusminus-pos {
  color: var(--color-destructive);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
  background-color: var(--background-color-dp-00);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
  border-bottom: 1px solid var(--border-color-base--darker);
  background-color: var(--background-color-dp-00);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
  border-bottom: 1px solid var(--border-color-base--darker);
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
  background-color: var(--background-color-dp-08);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--color-base);
}
.mw-rcfilters-ui-menuSelectWidget-footer {
  background-color: var(--background-color-dp-00);
  border-top: 1px solid var(--border-color-base--darker);
}

/* ------------------------ */
/* Spécial:Messages_système */
/* ------------------------ */

.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
  border: 1px solid var(--border-color-base--darker);
  background-color: var(--box-background-color);
}

/* ------------------------------ */
/* Spécial:Préférences            */
/* ------------------------------ */

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
  border-color: var(--border-color-base--darker);
  background: var(--box-background-color);
}
.oo-ui-tabSelectWidget-framed {
  background-color: var(--background-color-dp-02);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  background-color: var(--background-color-dp-06);
  color: var(--color-base);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
  border-bottom-color: var(--border-color-base--darker);
}
.mw-prefs-buttons {
  background-color: var(--background-color-dp-02);
  border-top: 1px solid var(--border-color-base--darker);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
  background-color: var(--background-color-dp-00);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
  background-color: var(--background-color-dp-04);
}

/* ------------------------ */
/* Spécial:Recherche        */
/* ------------------------ */

.search-types .current a {
  color: var(--color-base);
}
.mw-search-profile-tabs {
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
}
.search-types .current a,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
  color: var(--color-base);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background-color: var(--box-background-color);
  color: inherit;
  border: 1px solid var(--border-color-base--darker);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator{
  filter: var(--icon-filter-full)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
  box-shadow: inset 0 0 0 1px var(--color-link);
  border-color: var(--color-link);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  background-color: var(--background-color-dp-12);
  border-color: var(--border-color-base--darker);
  color: var(--color-base);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
  border-color: var(--border-color-base--darker);
}
.oo-ui-menuSelectWidget {
  background-color: var(--box-background-color);
  border: 1px solid var(--border-color-base--darker);
  box-shadow: var(--box-shadow);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
  background: var(--background-color-dp-02);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
  background-color: var(--box-background-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background-color: var(--box-background-color);
  color: var(--color-base);
  border: 1px solid var(--border-color-base--darker);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
  filter: invert(0.7);
}
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-namespace-selection {
  background: linear-gradient(rgba(0,0,0,0.1), var(--box-background-color) 0.5em);
  border-color: var(--border-color-base--darker);
}
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
  background: var(--box-background-color);
  color: var(--color-base);
}
.mw-advancedSearch-fieldContainer fieldset {
  border-top: solid 1px var(--border-color-base--darker);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
  background-color: var(--box-background-color);
}
.oo-ui-tagMultiselectWidget-handle {
  border: 1px solid var(--border-color-base--darker);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
  color: var(--color-base);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
  border-color: var(--color-link);
  box-shadow: var(--box-shadow)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: var(--background-color-dp-00);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: var(--background-color-dp-06);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
  background-color: var(--background-color-dp-06);
}
.oo-ui-tagItemWidget {
  border-color: var(--border-color-base--darker);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  background-color: var(--background-color-dp-06);
  color: var(--color-base);
  border-color: var(--border-color-base--darker);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
  background-color: var(--background-color-dp-06);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: var(--background-color-dp-02);
  color: var(--color-link);
}
.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
  background-color: var(--background-color-dp-06);
  color: var(--color-base);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color: var(--background-color-dp-24);
  color: var(--color-base);
  border-color: var(--border-color-base--darker);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
  border-color: var(--color-link);
  box-shadow: var(--box-shadow);
}
.mw-advancedSearch-namespace-border {
  border-top: 4px solid var(--border-color-base--darker);
  border-bottom: 1px solid var(--border-color-base--darker);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected {
  background-color: var(--background-color-dp-04);
  border-color: var(--color-link);
}

/* ------------------------ */
/* Editeur de wikicode      */
/* ------------------------ */

.editOptions {
	background-color: var(--box-background-color);
	color: var(--color-base);
	border-color: var(--border-color-base--darker);
}
.oo-ui-processDialog-navigation {
  background-color: var(--background-color-dp-02);
}
.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot {
    outline: 1px solid var(--border-color-base--darker);
}
.oo-ui-window-body {
  background-color: var(--background-main);
}
.oo-ui-window-foot {
  background-color: var(--background-color-dp-02);
}
.oo-ui-fieldLayout-header,
.oo-ui-processDialog-location,
.oo-ui-messageDialog-message,
.mw-summary-preview,
.ve-ui-mwSaveDialog-summaryLabel,
.ve-ui-mwSaveDialog-license {
	color: var(--color-base);
}
.ve-ui-mwSaveDialog-summary {
    background-color: var(--border-color-base--darker);
}
.oo-ui-inputWidget-input {
	color: var(--color-base) !important;;
}
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
    border-right-color: var(--border-color-base--darker);
    border-left-color: transparent;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
    outline: 1px solid var(--color-link);
}
.ve-ui-mwSaveDialog-options {
    background-color: var(--background-color-dp-02);
    border-color: var(--border-color-base--darker);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	background-color: var(--background-color-dp-24);
	border-color: var(--background-color-dp-24);
	color: var(--color-base);
}
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
	border-bottom: 1px solid var(--border-color-base--darker);
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline: 11px solid var(--border-color-base--darker);
}
.oo-ui-icon-wikiText, .mw-ui-icon-wikiText::before {
  filter: var(--icon-filter-full)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: var(--color-base);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: var(--background-color-dp-06);
  border-color: var(--color-link);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: var(--background-color-dp-06);
  color: var(--color-base);
  border-color: var(--border-color-base--darker);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
  border-bottom-color: var(--border-color-base--darker);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
  border-bottom-color: var(--background-color-dp-00);
}

/* ------------------------ */
/* Espace de nom Fichier    */
/* ------------------------ */

fieldset {
	border-color: var(--border-color-base--darker);
}
#filetoc {
	border: 1px solid var(--border-color-base--darker);
	background-color: var(--box-background-color);
}

/* ------------------------ */
/* Visionneuse de média     */
/* ------------------------ */

.mw-ui-button,
.mw-ui-button:visited,
.mw-mmv-options-dialog-header,
.mw-mmv-options-text-header,
.mw-mmv-options-text-body,
.mw-ui-button.mw-ui-quiet {
  color: var(--color-base);
}
.mw-ui-button {
  background-color: var(--background-color-dp-04);
  color: var(--color-base);
  border: 1px solid var(--border-color-base--darker);
}
.mw-ui-button:focus,
.mw-ui-button:active,
.mw-ui-button:hover,
.mw-ui-button.is-on {
  background-color: var(--background-color-dp-24);
  color: var(--color-base);
  border-color: var(--color-link);
  box-shadow: var(--box-shadow);
}
.mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon::before,
.mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon::before {
  filter: invert(0.65);
}
.mw-mmv-post-image, .mw-mmv-image-metadata {
  color: var(--color-base);
  background-color: var(--box-background-color);
  border-top: 1px solid var(--border-color-base--darker);
}
.mw-ui-button.mw-ui-progressive {
  background-color: var(--background-color-dp-04);
  border: 1px solid var(--border-color-base--darker);
  border-radius: 0;
}
.mw-ui-button.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button.mw-ui-progressive:hover {
  background-color: var(--background-color-dp-24);
  border: 1px solid var(--color-link);
  box-shadow: var(--box-shadow);
}
.mw-mmv-dialog {
  background-color: var(--background-color-dp-00);
  border: 1px solid var(--border-color-base--darker);
  box-shadow: var(--box-shadow);
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
  background-color: var(--background-color-dp-00);
  border-color: var(--border-color-base--darker);
}
.mw-mmv-dialog .mw-mmv-dialog-warning {
  background: none;
  color: var(--color-warning);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
  background: none;
  color: var(--color-base);
}
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs {
  border-bottom: 1px solid var(--border-color-base--darker);
}
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-selected, .mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  border-bottom: 3px solid var(--color-link);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: var(--background-color-dp-03);
}

/*
  --------------------------------------------------- 
  Extension override
  --------------------------------------------------- 
  le style ci-dessous écrase les classes définies
  par les extensions.
  ---------------------------------------------------
*/

/* ------------------------ */
/* Extension:CategoryTree   */
/* ------------------------ */

.CategoryTreeToggle {
  color: var(--color-link);
}

/* ------------------------ */
/* Extension:CodeMirror     */
/* ------------------------ */

.CodeMirror {
  color: var(--color-base);
}
/* https://meta.wikimedia.org/wiki/Community_Tech/Wikitext_editor_syntax_highlighting */
.cm-mw-template,
.cm-mw-template-name,
.cm-mw-template-argument-name,
.cm-mw-template-delimiter,
.cm-mw-template-bracket,
.cm-mw-template-ground,
.cm-mw-template2-ground,
.cm-mw-template3-ground {
    color: #fd8700;
}
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-link {
    color: #51E527;
}
.cm-mw-link-tosection {
    color: #42bb20;
}
.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition {
    color: #ff58ff;
}
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket {
    color: #fdca00;
}
.cm-mw-exttag-name,
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute,
.cm-mw-htmltag-name,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-attribute {
    color: #00ffea;
}
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
    color: #f11a1a;
}

/* ------------------------ */
/* Extension:Flow           */
/* ------------------------ */

.flow-post,
.flow-post .flow-author,
.flow-post-meta-actions a::after,
.flow-topic-meta,
.flow-ui-editorControlsWidget-termsLabel,
.flow-ui-editorWidget-wikitextHelpLabel {
  color: var(--color-base);
}
.mw-ui-anchor.mw-ui-progressive.mw-ui-quiet,
.flow-post-meta,
a.flow-timestamp-anchor,
a.flow-timestamp-anchor:visited {
  color: var(--color-link);
}
.flow-topic-titlebar {
  background-color: var(--background-color-dp-01);
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color-base--darker);
}
.mw-ui-icon-ellipsis::before,
.mw-ui-icon-speechBubbles::before,
.mw-ui-icon-before::before {
  filter: var(--icon-filter-full)
}
.flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) {
  background-color: var(--box-background-color);
}
.flow-ui-editorWidget-focused .flow-ui-editorWidget-editor {
  border-color: var(--color-link);
  box-shadow: var(--box-shadow);
}
.flow-ui-editorWidget-editor {
  border-color: var(--border-color-base--darker);
}
.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before {
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color-base--darker);
}
.flow-ui-navigationWidget {
  border-bottom-color: var(--border-color-base--darker);
}
div > .flow-menu ul {
  background: var(--background-color-dp-01);
  border-color: var(--border-color-base--darker);
  box-shadow: var(--box-shadow);
}
div > .flow-menu ul > section:not(:first-of-type) > li:first-of-type, div > .flow-menu ul li.flow-menu-section:not(:first-of-type) {
  border-top-color: var(--border-color-base--darker);
}
input[type="checkbox"]:hover + .mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:hover,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {
    background-color: var(--background-color-dp-04);
    color: var(--color-base);
    border-color: var(--border-color-base--darker);
}

/* ------------------------ */
/* Extension:Tabber         */
/* ------------------------ */

ul.tabbernav {
  border-bottom: 1px solid var(--border-color-base--darker);
}
ul.tabbernav li a {
  background: var(--background-color-dp-00);
  border: 1px solid var(--border-color-base--darker);
}
ul.tabbernav li a:link {
  color: var(--color-link);
}
.tabber .tabbertab {
  border: 1px solid var(--border-color-base--darker);
  border-top: 0;
}
ul.tabbernav li.tabberactive a {
  background-color: var(--background-color-dp-04);
  border-bottom: 1px solid var(--border-color-base--darker);
}
ul.tabbernav li a:hover {
  color: var(--color-link);
  background: var(--background-color-dp-04);
  border-color: var(--border-color-base--darker);
}
ul.tabbernav li.tabberactive a:hover {
  color: var(--color-base);
  background: var(--background-color-dp-06);
  border-bottom: 1px solid var(--border-color-base--darker);
}

/* ------------------------ */
/* Extension:Popup          */
/* ------------------------ */

.mwe-popups {
  background-color: var(--background-color-dp-00);	
  border: 1px solid var(--border-color-base--darker);
  box-shadow: var(--box-shadow);
}
.mwe-popups .mwe-popups-container,
.mwe-popups .mw-parser-output,
.mwe-popups .mwe-popups-extract {
  background-color: var(--background-color-dp-00);
  color: var(--color-base);
}
.mwe-popups .mw-ui-icon {
  filter: invert(0.7);
}
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract::after {
  background-image: linear-gradient(rgba(255,255,255,0), var(--background-color-dp-00));
}
.mwe-popups.mwe-popups-no-image-pointer::before {
  border-bottom: 8px solid var(--border-color-base--darker);
}
.mwe-popups.mwe-popups-no-image-pointer::after {
  border-bottom: 11px solid var(--background-color-dp-00);
}
.mwe-popups.flipped-y::before {
  border-top: 8px solid var(--border-color-base--darker);
}
.mwe-popups.flipped-y::after {
  border-top: 11px solid var(--background-color-dp-00);
}
.mwe-popups.flipped-x-y::before {
  border-top: 9px solid var(--border-color-base--darker);
}
.mwe-popups.flipped-x-y::after {
  border-top: 12px solid var(--background-color-dp-00);
}
.mwe-popups.mwe-popups-image-pointer::before {
  border-bottom: 9px solid var(--border-color-base--darker);
}
.mwe-popups.mwe-popups-image-pointer::after {
  border-bottom: 12px solid var(--border-color-base--darker);
}
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
  background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
  background-image: -moz-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
  background-image: -o-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
  background-image: linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
}
.mwe-popups .mwe-popups-extract[dir="rtl"]::after {
  background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
  background-image: -moz-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
  background-image: -o-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
  background-image: linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
}

/* ------------------------ */
/* Extension:Math           */
/* ------------------------ */

.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: hue-rotate(180deg) var(--icon-filter-full);
}