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

Aide

Dernière version du 7 août 2026 à 02:19

/* 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(139,56,81,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-footer li {
   color: #F5F5F5;
}

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

/* 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(142, 51, 155, 0.25);
   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: #A955D7;
}

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

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(216, 129, 129, 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;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--color-inverted-fixed,#fff);
    background-color: #C0025B;
    border-color: #C0025B
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #EF568F;
    border-color: #EF568F
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
    color: #fff;
    background-color: #8B0143;
    border-color: #8B0143;
}

/* 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;
}

/* Backgrounds */
/* Default */
body.skin-cosmos{
    background: url("/images/9/95/Nix2_Cover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
.cosmos-header {
    background-image: url("/images/0/0d/Tahicokahn_Illustration.png");
    background-position: right center;
    background-repeat: no-repeat;
}

/* Custom */

html:has(head link[rel="stylesheet"][href*="Mastaddon.css"])
.cosmos-header {
    background-image: url("/images/d/d9/MastaddonBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Nix.css"])
body.skin-cosmos{
    background-image: url("/images/2/2e/Nix-Tensions_de_Jarl_background.png");
    background-position: center bottom;
}

html:has(head link[rel="stylesheet"][href*="Akasen.css"])
body.skin-cosmos{
    background-image: url("/images/c/cc/AkasenBanner.png");
}

html:has(head link[rel="stylesheet"][href*="Akasen.css"])
.cosmos-header {
    background-image: url("/images/c/cc/AkasenBanner.png");
    background-position: right bottom;
}

html:has(head link[rel="stylesheet"][href*="Glycima.css"])
.cosmos-header {
    background-image: url("/images/0/0f/GlycimaBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Ecarlata.css"])
.cosmos-header {
    background-image: url("/images/2/28/EcarlataBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Tangereva.css"])
.cosmos-header {
    background-image: url("/images/5/52/TangerevaBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Cassanes.css"])
.cosmos-header {
    background-image: url("/images/0/0f/CassanesBanner.png");
    background-position: right center;
}