Aller au contenu

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

aucun résumé des modifications
Kharmitch (discussion | contributions)
Aucun résumé des modifications
Aucun résumé des modifications
(145 versions intermédiaires par 3 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 {
.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 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 108 : Ligne 124 :
   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;
     Legacy
    border-color: #2cb22c;
     ---------------------------------------------------  
    border-top-color: #2cb22c;
     le style ci-dessous doit être maintenu tant           
    border-right-color: #2cb22c;
     que les modèles associés sont encore utilisés.  
    border-bottom-color: #2cb22c;
     Ces classes doivent être supprimées.     
    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;
}
 
/*
     ---------------------------------------------------  
     Legacy
     ---------------------------------------------------  
     le style ci-dessous doit être maintenu tant           
     que les modèles associés sont encore utilisés.  
     Ces classes doivent être supprimées.     
    ---------------------------------------------------
*/
 
/* Arrière-plan partagé */
.va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url(/skins/Vector/images/background/foggy.png)!important}
 
/* Modèle:Docparam */
.va-docparam{background:#678e6c;border:1px dotted #d9d9d9;margin-bottom:3px;overflow:auto;padding:0 2px 0 20px;text-indent:-20px}.va-docparam-icon{float:left;margin:0;padding:0;width:20px}.va-docparam-default{float:right;font-size:10px}.va-docparam-params{font-family:monospace;color:#000}.va-docparam-desc{margin:0;padding:0 0 5px 20px}
 
/* Modèle:Console */
.va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555}
 
/* Modèle:Introduction */
.va-intro-image{padding-left:2px;padding-right:2px}.va-intro td{padding-bottom:2px}.va-intro-header{font-size:16px;font-weight:700}.va-intro-bullets{font-size:11px;line-height:16px;vertical-align:top;font-family:sans-serif}
 
/* Modèle:Plus */
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}
 
/* MediaWiki:Newarticle */
.mw-newarticletext,.mw-newarticletextanon{border:1px solid #383838;margin-bottom:10px;padding:10px;background-color:rgba(58,58,58,.2)}.mw-newarticletext h2,.mw-newarticletextanon h2{border:none;color:#51e527;padding:0;margin:10px 0 13px 0}.new-article-game{color:#51e527}
 
/*
    ---------------------------------------------------
    Extension override
    ---------------------------------------------------
    le style ci-dessous écrase les classes ajoutées
    par les extensions MediaWiki
    ---------------------------------------------------
*/
 
/* ------------------------------ */
/* Extension:TabberNeue          */
/* ------------------------------ */
 
.tabber__header {
  box-shadow: none;
}
.tabber__tabs {
  margin-bottom: 1em;
}
 
/*
    ---------------------------------------------------
    Vector override
    ---------------------------------------------------
    le style ci-dessous écrase les classes par défaut
    de l'habillage Vector. 
     ---------------------------------------------------
*/
*/


/* Arrière-plan partagé */
/* Fond principal */
.va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url(/skins/Vector/images/background/foggy.png)!important}
body {
  background: var(--background-img);
  background-size: cover;
  background-attachment: fixed;
}
/* Cadre central */
.mw-page-container {
  background: var(--background-main);
  border-left: 1px solid var(--border-color-base);
  border-right: 1px solid var(--border-color-base);
}
/* Cadre de la barre latéral gauche */
#vector-main-menu {
    margin-left: -14px;
    margin-top: 11px;
    padding: 6px 14px;
    background-color: #f8f9fa;


/* Modèle:Docparam */
}
.va-docparam{background:#678e6c;border:1px dotted #d9d9d9;margin-bottom:3px;overflow:auto;padding:0 2px 0 20px;text-indent:-20px}.va-docparam-icon{float:left;margin:0;padding:0;width:20px}.va-docparam-default{float:right;font-size:10px}.va-docparam-params{font-family:monospace;color:#000}.va-docparam-desc{margin:0;padding:0 0 5px 20px}
/* Barre latérale gauche + sommaire sticky */
 
.sidebar-toc,
/* Modèle:Console */
.vector-toc-enabled .mw-sidebar {
.va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555}
  background-color: var(--background-main);
 
  border-width: 0px;
/* Modèle:Introduction */
}
.va-intro-image{padding-left:2px;padding-right:2px}.va-intro td{padding-bottom:2px}.va-intro-header{font-size:16px;font-weight:700}.va-intro-bullets{font-size:11px;line-height:16px;vertical-align:top;font-family:sans-serif}
/* Cacher l'option permettant de switcher vers l'ancien Vector */
.vector-main-menu-action-opt-out {
  display: none;
}


/* Modèle:Plus */
/* ---------------------------------- */
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}
/* Liens interwiki de langue          */
/* ---------------------------------- */


/* MediaWiki:Newarticle */
.vector-dropdown .vector-menu-content-list {
.mw-newarticletext,.mw-newarticletextanon{border:1px solid #383838;margin-bottom:10px;padding:10px;background-color:rgba(58,58,58,.2)}.mw-newarticletext h2,.mw-newarticletextanon h2{border:none;color:#51e527;padding:0;margin:10px 0 13px 0}.new-article-game{color:#51e527}
    list-style: none;
 
    margin: 0;
/*
}
    ---------------------------------------------------
    Extension override
    ---------------------------------------------------
    le style ci-dessous écrase les classes ajoutées
    par les extensions MediaWiki
    ---------------------------------------------------
*/


/* ------------------------------ */
/* ------------------------------ */
/* Extension:TabberNeue           */
/* MediaWiki:Sitenotice           */
/* ------------------------------ */
/* ------------------------------ */


.tabber__header {
.avt-sitenotice {
   box-shadow: none;
   border: 1px solid var(--border-color-base);
}
  background-color: var(--box-background-color);
.tabber__tabs {
  box-shadow: var(--box-shadow);
   margin-bottom: 1em;
  padding: 5px;
  display: flex;
  align-items: center;
   justify-content: center;
  gap: 10px;
}
}


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


/* Fond principal */
.avt-gallery-list-page {
body {
   text-align: center;
  background: var(--background-img);
   margin: 0.3em 0 0 0 !important;
   background-size: cover;
   background-attachment: fixed;
}
}
/* Cadre central */
.avt-gallery-list-page li.gallerybox div.thumb {
.mw-page-container {
   border: none;
   background: var(--background-main);
   background-color: transparent;
   border-left: 1px solid var(--border-color-base);
  border-right: 1px solid var(--border-color-base);
}
}
/* Cadre de la barre latéral gauche */
.avt-gallery-list-page li.gallerybox div.thumb img {
#vector-main-menu {
   transition: transform 0.2s;
   background: var(--background-main);
}
}
/* Barre latérale gauche + sommaire sticky */
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
.sidebar-toc,
   transform: scale(1.5);
.vector-toc-enabled .mw-sidebar {
   background-color: var(--background-main);
  border-width: 0px;
}
/* Cacher l'option permettant de switcher vers l'ancien Vector */
.vector-main-menu-action-opt-out {
  display: none;
}
}


/* ------------------------------ */
/* ----------------------- */
/* MediaWiki:Sitenotice          */
/* ------------------------------ */
 
.avt-sitenotice {
  border: 1px solid var(--border-color-base);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
 
/* ----------------------- */
/* Galerie pages-listes    */
/* ----------------------- */
 
.avt-gallery-list-page {
  text-align: center;
  margin: 0.3em 0 0 0 !important;
}
.avt-gallery-list-page li.gallerybox div.thumb {
  border: none;
  background-color: transparent;
}
.avt-gallery-list-page li.gallerybox div.thumb img {
  transition: transform 0.2s;
}
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
  transform: scale(1.5);
}
 
/* ----------------------- */
/* Tables MediaWiki        */
/* Tables MediaWiki        */
/* ----------------------- */
/* ----------------------- */
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;
Ligne 1 651 : Ligne 1 892 :
   font-size: 0.8em;
   font-size: 0.8em;
   line-height: 1.6;
   line-height: 1.6;
}
/* ---------------------------------- */
/* Modèle:Référence Dialogue          */
/* ---------------------------------- */
.reference-dial {
  display: table;
}
.reference-dial-character {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
}
.reference-dial-text {
  display: table-cell;
}
.reference-dial-row {
  display: table-row;
}
}