HyperDimension.css

/* Header Site */

@media screen {

  .cosmos-header {
      background-color: rgba(232, 228, 239, 0.9);
  }

  #cosmos-footer {
     background-color: rgba(157, 149, 172, 0.95);
  }
  .cosmos-header::before {
     background: linear-gradient(to right, rgba(232, 228, 239, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
  }

}

1. cosmos-banner {

  background-color: #9D95AC;

}

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

  body::after {
  
  }

}

/* Tabber */ .tabber__tab[aria-selected='true'] {

   box-shadow: 0 -2px 0 #F5F5F5 inset;

}

.tabber__header {

   box-shadow: inset 0 -1px 0 0 #979797;

}

.tabber__tab:hover {

  box-shadow:inset 0 -2px 0 0 #F5F5F5;
  color: #F5F5F5;

}

/* Sommaire */

.skin-cosmos .toc {

  background-color: rgba(152, 152, 152, 0.25);

}

1. mw-content h2 {

  border-bottom: solid 1px #979797;

}

/* Liens */

1. mw-content a:not(.new) {

  color: #9663c6;

}

body a:not(.new) {

  color: #9663c6;

}

/* Page */

1. mw-content {

  background-color: rgba(84, 77, 98, 0.95);
  box-shadow: 0 4px 24px rgba(84, 77, 98, 0.7);

}

1. mw-content h2 {

       border-bottom: solid 1px #979797;

}

.warning {

   background-color: rgba(191, 191, 191, 0.95);

}

.quote {

   background-color: rgba(152, 152, 152, 0.95);

}

/* Header Article */

.cosmos-button-primary {

  background-color: #E8E4EF;
  color: #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,#000);
   background-color: #E8E4EF;
   border-color: #E8E4EF

}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {

   background-color: #E1C6F9;
   border-color: #E1C6F9

}

.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: #ffffff;
   background-color: #8B839E;
   border-color: #8B839E;

}

/* Infobox */

.portable-infobox {

  border: 1px solid #E8E4EF;
  color: #000000;

}

.portable-infobox h2 {

  border-bottom: solid 1px #8B839E;

}

.portable-infobox .pi-border-color {

  border-color: #E8E4EF;

}

.portable-infobox .pi-header {

  background-color: #E8E4EF;

}

.portable-infobox .pi-title {

  background-color: #E8E4EF;

}

.portable-infobox .pi-background {

   background-color: #5B5269

}

.portable-infobox .pi-horizontal-group-item:nth-child(even) {

   background-color: #5B5269

}

.portable-infobox .pi-media-collection-tabs {

   background-color: #5B5269;

}

.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {

   background-color: #5B5269

}

.portable-infobox .pi-data {

  background-color: #5B5269;

}

.portable-infobox .pi-secondary-background {

   background-color: #E8E4EF;

}

.portable-infobox .pi-media-collection .current {

  background-color: #8B839E;

}