Aller au contenu

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

MediaWiki:Vector.css (voir la source)

Version du 10 mars 2024 à 14:18

10 174 octets ajoutés ,  10 mars
aucun résumé des modifications
← Modification précédenteModification suivante →
Kharmitch (discussion | contributions)
Bureaucrate, commentadmin, emailconfirmed, Administrateurs d’interface, staff, Administrateur
62 734 modifications
Aucun résumé des modifications
Aucun résumé des modifications
(144 versions intermédiaires par 2 utilisateurs 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;
   --border-color-base: rgba(0, 0, 0, 0.3);
  --color-link-visited: #3c88ff;
   --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;
   --background-color-dp-03: #d4eccc;
   --background-color-dp-03: #d4eccc;
   --background-color-dp-04: #0c2205;
   --background-color-dp-04: #d4eccc;
   --background-color-dp-06: #0e2806;
   --background-color-dp-06: #d4eccc;
   --background-color-dp-08: #102f07;
   --background-color-dp-08: #102f07;
   --background-color-dp-12: #133608;
   --background-color-dp-12: #133608;
   --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;
   --color-warning: #ffcc33;
   --color-warning: #ffcc33;
   --color-link: green;
   --color-link: green;
   --color-link-visited: #144905;
   --color-link-visited: #0D590D;
   --border-color-base: rgba(0, 0, 0, 0.1);
   --border-color-base: #e6e6e6;
}
.client-darkmode {
  background: none;
}
}
.client-darkmode .cdx-thumbnail__image {
.client-darkmode .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover {
   filter: none;
   filter: none
  -webkit-filter: none;
}
}
.client-darkmode a,
.client-darkmode a,
Ligne 73 : Ligne 80 :
.client-darkmode .vector-menu-portal .vector-menu-content li a,
.client-darkmode .vector-menu-portal .vector-menu-content li a,
.client-darkmode .vector-menu-tabs li a,
.client-darkmode .vector-menu-tabs li a,
.client-darkmode .vector-toc .vector-toc-link {
    color: var(--color-link);
}
.client-darkmode .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
    color: var(--color-link);
}
.client-darkmode .sidebar-toc .sidebar-toc-link,
.client-darkmode .sidebar-toc .sidebar-toc-link,
.client-darkmode .vector-pinnable-header-toggle-button,
.client-darkmode .vector-pinnable-header-toggle-button,
Ligne 85 : Ligne 98 :
.client-darkmode .mw-parser-output a.external:visited,
.client-darkmode .mw-parser-output a.external:visited,
.client-darkmode .mw-parser-output a.extiw:visited,
.client-darkmode .mw-parser-output a.extiw:visited,
.mw-collapsible-toggle-default .mw-collapsible-text {
    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,
.client-darkmode .vector-menu-tabs li a:visited,
.client-darkmode .vector-menu-tabs li a:visited,
Ligne 92 : 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 107 : Ligne 123 :
   background-color: var(--box-background-color);
   background-color: var(--box-background-color);
   border-color: var(--border-color-base);
   border-color: var(--border-color-base);
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #fff;
    background-color: #2cb22c;
    border-color: #2cb22c;
    border-top-color: #2cb22c;
    border-right-color: #2cb22c;
    border-bottom-color: #2cb22c;
    border-left-color: #2cb22c;
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922;
    outline: 1px solid transparent
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
    border-color: #228922
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
    background-color: #228922;
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: #228922;
    border-color: #228922
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
    background-color: #228922;
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922,inset 0 0 0 2px #fff
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
    background-color: #228922;
    border-color: #228922
}
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
    background-color: #228922;
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
.client-darkmode .oo-ui-radioInputWidget [type='radio']:disabled + span {
    background-color: #228922;
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
    background-color: #228922;
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span::before {
    border-color: #228922
}
.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 {
    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 {
    background-color: #228922;
    border-color: #f8f9fa;
}
.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;
    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;
}
.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);
    background-color: #ceefd4;
    font-weight: bold;
}
.client-darkmode fieldset {
    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);
}
.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 180 : Ligne 408 :
/* Cadre de la barre latéral gauche */
/* Cadre de la barre latéral gauche */
#vector-main-menu {
#vector-main-menu {
  background: var(--background-main);
    margin-left: -14px;
    margin-top: 11px;
    padding: 6px 14px;
    background-color: #f8f9fa;
 
}
}
/* Barre latérale gauche + sommaire sticky */
/* Barre latérale gauche + sommaire sticky */
Ligne 191 : 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 728 : Ligne 969 :
   grid-template-areas:
   grid-template-areas:
     "welcome welcome welcome"
     "welcome welcome welcome"
     "anniv anniv anniv"
     "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 740 : Ligne 981 :
   border-bottom: solid 1px var(--border-color-base);
   border-bottom: solid 1px var(--border-color-base);
}
}
.homepage-25e {
.grande-annonce {
   grid-area: anniv;
   grid-area: serie;
   border: 1px solid var(--border-color-base);
   border: 1px solid var(--border-color-base);
   box-shadow: var(--box-shadow);
   box-shadow: var(--box-shadow);
Ligne 748 : 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 787 : Ligne 1 028 :
   margin: 0 50px 5px 50px;
   margin: 0 50px 5px 50px;
   border-bottom: 1px solid var(--border-color-base);
   border-bottom: 1px solid var(--border-color-base);
   text-shadow: 0 0 8px #829fce;
   text-shadow: 0 0 3px var(--color-link);
   color: #425b84;
   color: var(--color-link);
   font-weight: bold;
   font-weight: bold;
}
}
Ligne 796 : Ligne 1 037 :
   border-bottom: 1px solid var(--border-color-base);
   border-bottom: 1px solid var(--border-color-base);
   margin-bottom: 20px;
   margin-bottom: 20px;
   text-shadow: 0 0 8px #829fce;
   text-shadow: 0 0 6px var(--color-link);
   color: #425b84;
   color: var(--color-link);
}
}
.homepage-portal-fangames-list {
.homepage-portal-autres-list {
   list-style: none;
   list-style: none;
   margin: 0 !important;
   margin: 0 !important;
Récupérée de « https://fallout-wiki.com/Spécial:MobileDiff/146646...158572 »