« Smargaros.css » : différence entre les versions

Aide

Dernière version du 29 juillet 2026 à 00:40

/* Header Site */

@media screen {
   .cosmos-header {
       background-color: rgba(130, 242, 141, 0.9);
   }

   #cosmos-footer {
      background-color: rgba(62, 151, 71, 0.95);
   }

   .cosmos-header::before {
      background: linear-gradient(to right, rgba(130, 242, 141, 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: #3A6734;
}

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

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

.tabber__header {
    box-shadow: inset 0 -1px 0 0 #9DED92;
}

.tabber__tab:hover {
   box-shadow:inset 0 -2px 0 0 #66B4F2;
   color: #AFF8B7;
}

/* Sommaire */

.skin-cosmos .toc {
   background-color: rgba(23, 103, 167, 0.25);
}

/* Liens */

#mw-content a:not(.new) {
   color: #66B4F2;
}

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

/* Page */

#mw-content {
   background-color: rgba(31, 78, 37, 0.95);
   box-shadow: 0 4px 24px rgba(31, 78, 37, 0.7);
}

#mw-content h2 {
        border-bottom: solid 1px #9DED92;
}

.warning {
    background-color: rgba(24, 120, 195, 0.95);
}

.quote {
    background-color: rgba(62, 151, 71, 0.95);
}

/* Header Article */

.cosmos-button-primary {
   background-color: #82F28D;
   color: #000000;
   /* stroke: #000000; */
}

#cosmos-actionsList-dropdownIcon {
   /* fill: #000000; */
}

.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: #82F28D;
    border-color: #82F28D
}

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

.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: #89DB80;
    border-color: #89DB80;
}

/* Infobox */

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

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

.portable-infobox .pi-border-color {
   border-color: #A1EE95;
}

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

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

.portable-infobox .pi-background {
    background-color: #314C2C
}

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

.portable-infobox .pi-media-collection-tabs {
    background-color: #314C2C;
}

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

.portable-infobox .pi-data {
   background-color: #314C2C;
}

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

.portable-infobox .pi-media-collection .current  {
   background-color: #89DB80;
}