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

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
(120 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 19 : Ligne 29 :
   --background-color-dp-16: #edf5fa;
   --background-color-dp-16: #edf5fa;
   --background-color-dp-24: #f6fafc;
   --background-color-dp-24: #f6fafc;
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-img: no-repeat url(avt-main-fotv-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-fotv-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 197 : Ligne 210 :
}
}
.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: var(--color-link);
     color: #228922;
}
}
.client-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
.client-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
Ligne 205 : Ligne 218 :
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
     color: #fff;
     color: #fff;
     background-color: #228922;
     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 {
.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;
     background-color: #228922;
}
}
 
.client-darkmode .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive {
/*
    color: var(--color-link);
     ---------------------------------------------------  
}
     Legacy
.client-darkmode .cdx-text-input__input:enabled:focus {
     ---------------------------------------------------  
    border-color: #228922;
     le style ci-dessous doit être maintenu tant           
    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;
}
 
/*
     ---------------------------------------------------  
     Legacy
     ---------------------------------------------------  
     le style ci-dessous doit être maintenu tant           
     que les modèles associés sont encore utilisés.  
     que les modèles associés sont encore utilisés.  
     Ces classes doivent être supprimées.     
     Ces classes doivent être supprimées.     
Ligne 297 : 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 820 : Ligne 955 :
body.action-view.page-Portail_Fallout_New_Vegas #firstHeading,
body.action-view.page-Portail_Fallout_New_Vegas #firstHeading,
body.action-view.page-Portail_Fallout_Shelter #firstHeading,
body.action-view.page-Portail_Fallout_Shelter #firstHeading,
body.action-view.page-Portail_Fallout_Tactics #firstHeading {
body.action-view.page-Portail_Fallout_Tactics #firstHeading,
.action-view.page-Portail_Fallout_-_Série_télévisée #firstHeading {
   position: absolute;
   position: absolute;
   top: -5000px;
   top: -5000px;
Ligne 836 : Ligne 972 :
     "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 846 : Ligne 982 :
   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 854 : Ligne 990 :
   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 905 : Ligne 1 041 :
   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;
Ligne 1 748 : Ligne 1 884 :
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: -3px 0px;
   background-position: -3px 0px;
}
.portal-logo-fo76 {
  background-image: url(/images/2/21/FO76_portail_resident_min.png);
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.portal-logo-fotv {
  background-image: url(/images/d/df/FOTV_portail_Goule_Lucy_Maximus_min.png);
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
}