Aller au contenu

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

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
(118 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: #fafffa;
   --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 .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover {
  background: none;
   filter: none
}
.client-darkmode .cdx-thumbnail__image {
   filter: none;
  -webkit-filter: none;
}
}
.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 119 : Ligne 126 :
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
     color: #fff;
     color: #fff;
     background-color: #228922;
     background-color: #2cb22c;
     border-color: #228922;
     border-color: #2cb22c;
     border-top-color: #228922;
     border-top-color: #2cb22c;
     border-right-color: #228922;
     border-right-color: #2cb22c;
     border-bottom-color: #228922;
     border-bottom-color: #2cb22c;
     border-left-color: #228922;
     border-left-color: #2cb22c;
}
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
Ligne 181 : Ligne 188 :
     border-color: #228922
     border-color: #228922
}
}
.client-darkmode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
    color: #228922;
    background-color: #2cb22c;
    color: #fff;
    border-color: #2cb22c;
}
.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;
border-color: #228922
}
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
Ligne 190 : Ligne 203 :
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
     background-color: #ffffff;
     background-color: #ffffff;
    border: 1px solid #228922;
}
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: #228922;
     border: 1px solid #228922;
     border: 1px solid #228922;
}
}
.client-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
.client-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
    color: #228922;
}
.client-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
    background-color: #e3ffe5;
    color: var(--color-link);
}
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
    color: #fff;
    background-color: #2cb22c;
}
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
    background-color: #228922;
}
.client-darkmode .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive {
    color: var(--color-link);
}
.client-darkmode .cdx-text-input__input:enabled:focus {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922;
    outline: 1px solid transparent
}
.client-darkmode .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
.client-darkmode .vector-pinnable-element .mw-list-item a {
color: #228922
}
.client-darkmode .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
    color: var(--color-link-visited);
}
.client-darkmode #mediauploader-steps li.head {
     color: var(--color-link);
     color: var(--color-link);
    background-color: #ceefd4;
    font-weight: bold;
}
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.client-darkmode fieldset {
     background-color: #e3ffe5;
    border: 1px solid #ffffff;
    margin: 1em 0 1em 0;
    padding: 0 1em 1em;
}
.client-darkmode :focus {
    outline-color: var(--color-link);
}
.client-darkmode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--color-link);
}
.client-darkmode    input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
        border-color: #228922;
        box-shadow: inset 0 0 0 1px #228922
    }
.client-darkmode .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner::before, .client-js .mw-rcfilters-spinner::after {
    content: '';
    background-color: #228922;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation: rcfiltersBouncedelay 1600ms ease-in-out -160ms infinite both;
}
.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-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);
     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 286 : 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 825 : 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 835 : 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 843 : 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 894 : 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;