MediaWiki:Cosmos.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* Header Site */

.cosmos-header__top-container {
    height: 100px;
}

.cosmos-header__local-navigation {
   height: 64px;
}

@media screen {
   .cosmos-header {
       background-color: rgba(192, 2, 91, 0.9);
       background-size: 50%;
   }

   #cosmos-footer {
      width: 100%;
      border: 0;
      margin: 0;
      background-color: rgba(103, 56, 77, 0.95);
   }

   .cosmos-header::before {
      background: linear-gradient(to right, rgba(192, 2, 91, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
   }
}

#cosmos-banner {
   background-color: #590900;
}

@media screen and (min-width: 850px) {
   body::after {
   
   }
}

/* Tabber */
.tabber__tab[aria-selected='true'] {
    box-shadow: 0 -2px 0 #8100C0 inset;
}

.tabber__header {
    box-shadow: inset 0 -1px 0 0 #8A354A;
}

.tabber__tab:hover {
   box-shadow:inset 0 -2px 0 0 #8100C0;
   color: #C00000;
}

/* Sommaire */

.skin-cosmos .toc {
   background-color: rgba(154, 52, 147, 0.50);
   padding:1%;
   border-radius:5px;
   border: white 2px double;
   margin-right:15px;
   float: left;
   font-weight: bold;
}

#mw-content .toc > ul {
   border-top: solid 1px transparent;
}

#mw-content h2 {
   border-bottom: solid 1px #7A3052;
}

/* Liens */

a {
   color: #8200C1;
}

#mw-content a:not(.new) {
   color: #8200C0;
}

body a:not(.new) {
   color: #8200C0;
}

a:active {
     color: #ECC4C4;
}

a.new {
    color: #BF5959;
}

/* Page */

#mw-content {
   background-color: rgba(88, 39, 54, 0.95);
   color: #ffffff;
   box-shadow: 0 4px 24px rgba(88, 39, 54, 0.7);
}

#mw-content h2 {
   border-bottom: solid 1px #8A354A;
}

.warning {
   background-color: rgba(191, 117, 117, 0.95);
   padding:1%;
   border-radius:5px;
   border: white 2px double;
   margin-bottom:15px;
   color:white;
}

.quote {
   background-color: rgba(152, 54, 54, 0.95);
   padding:1%;
   border-radius:5px;
   border: white 2px double;
   margin-bottom:15px;
   color:white;
}

/* Header Article */

.cosmos-button-primary {
   background-color: #C0025B;
}

/* Infobox */

.portable-infobox {
   border: 1px solid #C00000;
}

.portable-infobox h2 {
   border-bottom: solid 1px #C00000;
}

.portable-infobox .pi-border-color {
   border: 1px solid #C00000;
}

.portable-infobox .pi-header {
   background-color: #C00000;
}

.portable-infobox .pi-title {
   background-color: #C00000;
}

.portable-infobox .pi-background {
    background-color: #6F2222
}

.portable-infobox .pi-horizontal-group-item:nth-child(even) {
    background-color: #6F2222
}

.portable-infobox .pi-media-collection-tabs {
    background-color: #6F2222;
}

.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
    background-color: #6F2222
}

.portable-infobox .pi-data {
   background-color: #6F2222;
}

.portable-infobox .pi-secondary-background {
    background-color: #C00000;
}

.portable-infobox .pi-media-collection .current  {
   background-color: #8A354A;
   color : #ffffff;
}