« MediaWiki:Vector.css » : différence entre les versions

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
(32 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/*
/*Alerte (0)
Notification (0)
Liste de suivi
 
Outils personnels
Discussion
Brouillon
Préférences
Contributions
Se déconnecter
 
     ---------------------------------------------------  
     ---------------------------------------------------  
     Variables
     Variables
Ligne 21 : Ligne 31 :
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-main: #fff;
   --background-main: #fff;
   --box-background-color: #f6fafc;
   --box-background-color: #ffffff00;
   --box-shadow: 0 0 10px #a9ceea;
   --box-shadow: 0 0 10px #a9ceea;
   --color-base: black;
   --color-base: black;
   --color-warning: #ffcc33;
   --color-warning: #ffcc33;
   --color-link: #0645ad;
   --color-link: #0645ad;
  --color-link-visited: #3c88ff;
   --border-color-base: #f0f0f0;
   --border-color-base: #f0f0f0;
}
}
Ligne 38 : Ligne 49 :


:root.client-darkmode {
:root.client-darkmode {
   --background-color-dp-00: #020601;
   --background-color-dp-00: #03100000;
   --background-color-dp-01: #040d02;
   --background-color-dp-01: #040d02;
   --background-color-dp-02: #e5f4e0;
   --background-color-dp-02: #e5f4e0;
Ligne 48 : Ligne 59 :
   --background-color-dp-16: #153d09;
   --background-color-dp-16: #153d09;
   --background-color-dp-24: #18440b;
   --background-color-dp-24: #18440b;
   --background-img: no-repeat url(avt-necropolis-background.jpg);
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-main: #fff;
   --background-main: #fff;
   --box-background-color: #f6fafc;
   --box-background-color: #ffffff00;
   --box-shadow: 0 0 10px #f1fff2;
   --box-shadow: 0 0 10px #f1fff2;
   --color-base: black;
   --color-base: black;
Ligne 58 : Ligne 69 :
   --border-color-base: #e6e6e6;
   --border-color-base: #e6e6e6;
}
}
.client-darkmode .client-darkmode iframe, .client-darkmode .mw-no-invert, .client-darkmode td .diffchange, .client-darkmode .cdx-thumbnail__image, .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content, .client-darkmode .cdx-menu-item__thumbnail, .client-darkmode .cx-slitem__image, .client-darkmode .mwe-math-element, .client-darkmode .mw-mmv-overlay, .client-darkmode .mw-mmv-pre-image, .client-darkmode .mw-kartographer-map, .client-darkmode .mw-kartographer-mapDialog-map, .client-darkmode .ext-related-articles-card-list .ext-related-articles-card-thumb {
.client-darkmode .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover {
    filter: invert(1) hue-rotate(180deg);
  filter: none
    -webkit-filter: invert(1) hue-rotate(180deg);
}
.client-darkmode .client-darkmode img,.client-darkmode video,.client-darkmode svg {
    filter: invert hue-rotate(0deg)
}
}
.client-darkmode a,
.client-darkmode a,
Ligne 92 : Ligne 99 :
.client-darkmode .mw-parser-output a.extiw:visited,
.client-darkmode .mw-parser-output a.extiw:visited,
.mw-collapsible-toggle-default .mw-collapsible-text {
.mw-collapsible-toggle-default .mw-collapsible-text {
     color: var(--color-link);
     color: var(--color-link-visited);
}
}
.client-darkmode .vector-menu-portal .vector-menu-content li a:visited,
.client-darkmode .vector-menu-portal .vector-menu-content li a:visited,
Ligne 101 : Ligne 108 :
.client-darkmode .vector-dropdown .mw-list-item a:visited,
.client-darkmode .vector-dropdown .mw-list-item a:visited,
.client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a:visited {
.client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a:visited {
   color: var(--color-link-visited);
   color: var(--color-link);
}
}
.client-darkmode .infobox,
.client-darkmode .infobox,
Ligne 186 : Ligne 193 :
     border-color: #2cb22c;
     border-color: #2cb22c;
}
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
.client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
background-color: #228922;
background-color: #228922;
border-color: #228922
border-color: #228922
Ligne 250 : Ligne 257 :
     color: var(--color-link);
     color: var(--color-link);
}
}
    input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
.client-darkmode    input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
         border-color: #228922;
         border-color: #228922;
         box-shadow: inset 0 0 0 1px #228922
         box-shadow: inset 0 0 0 1px #228922
Ligne 271 : Ligne 278 :
     border-radius: 0.875em;
     border-radius: 0.875em;
     box-shadow: 0 1px 1px rgba(0,0,0,0.15);
     box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.client-darkmode .ve-init-mw-progressBarWidget {
    background-color: #fff;
    box-sizing: border-box;
    height: 0.875em;
    border: 1px solid #228922;
    border-radius: 0.875em;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.client-darkmode .ve-ce-focusableNode-highlight {
    background: #25ff007a;
    box-shadow: inset 0 0 0 1px #39bd49;
    position: absolute;
    overflow: hidden;
}
.client-darkmode input:active + .cdx-button.cdx-button--action-progressive {
    background-color: #60ea60;
    color: #ffffff;
    border-color: #60ea60
}
.client-darkmode input:focus:not(:active) + .cdx-button.cdx-button--action-progressive {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922 inset 0 0 0 2px #ffffff
}
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active {
    background-color: #eaf3ff;
    color: var(--color-link)
}
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description {
    color: var(--color-link);
}
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description {
    color: var(--color-link)
}
.client-darkmode .mwe-popups .mwe-popups-extract {
    color: var(--color-link);
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: var(--color-link);
    box-shadow: inset 0 0 0 1px var(--color-link)
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: var(--color-link);
    box-shadow: inset 0 0 0 1px var(--color-link),inset 0 0 0 2px #fff;
    outline: 1px solid transparent
}
.client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    border-color: var(--color-link);
    outline: 1px solid transparent;
    box-shadow: inset 0 0 0 1px var(--color-link)
}
.client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    border-color: var(--color-link)
}
.client-darkmode .ve-init-mw-progressBarWidget-bar {
    background-color: #228922;
    height: 0.875em;
}
}


Ligne 359 : Ligne 423 :
.vector-main-menu-action-opt-out {
.vector-main-menu-action-opt-out {
   display: none;
   display: none;
}
/* ---------------------------------- */
/* Liens interwiki de langue          */
/* ---------------------------------- */
.vector-dropdown .vector-menu-content-list {
    list-style: none;
    margin: 0;
}
}


Ligne 898 : Ligne 971 :
     "serie serie serie"
     "serie serie serie"
     "games games games"
     "games games games"
     "fangames fangames theme"
     "autres autres theme"
     "anecdotes anecdotes presentation"
     "anecdotes anecdotes presentation"
     "articleday articleday participation";
     "articleday articleday participation";
Ligne 908 : Ligne 981 :
   border-bottom: solid 1px var(--border-color-base);
   border-bottom: solid 1px var(--border-color-base);
}
}
.serie-tv {
.grande-annonce {
   grid-area: serie;
   grid-area: serie;
   border: 1px solid var(--border-color-base);
   border: 1px solid var(--border-color-base);
Ligne 916 : Ligne 989 :
   grid-area: games;
   grid-area: games;
}
}
.homepage-portal-fangames {
.homepage-portal-autres {
   grid-area: fangames;
   grid-area: autres;
}
}
.homepage-portal-theme {
.homepage-portal-theme {
Ligne 967 : Ligne 1 040 :
   color: var(--color-link);
   color: var(--color-link);
}
}
.homepage-portal-fangames-list {
.homepage-portal-autres-list {
   list-style: none;
   list-style: none;
   margin: 0 !important;
   margin: 0 !important;