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

Aide

Version du 20 mai 2025 à 05:54

/* Header Site */

@media screen {

  .cosmos-header {
      background-color: rgba(138, 237, 195, 0.9);
  }

  #cosmos-footer {
     background-color: rgba(67, 146, 113, 0.95);
  }

  .cosmos-header::before {
     background: linear-gradient(to right, rgba(138, 237, 195, 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: #00457F;

}

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

  body::after {
  
  }

}

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

   box-shadow: 0 -2px 0 #6AD76C inset;

}

.tabber__header {

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

}

.tabber__tab:hover {

  box-shadow:inset 0 -2px 0 0 #6AD76C;
  color: #B5F9DD;

}

/* Sommaire */

.skin-cosmos .toc {

  background-color: rgba(98, 156, 99, 0.25);

}

/* Liens */

mw-content a:not(.new) {

  color: #6AD76C;

}

body a:not(.new) {

  color: #6AD76C;

}

/* Page */

mw-content {

  background-color: rgba(32, 94, 68, 0.95);
  box-shadow: 0 4px 24px rgba(32, 94, 68, 0.7);

}

mw-content h2 {

       border-bottom: solid 1px #0F9DD4;

}

.warning {

   background-color: rgba(106, 171, 107, 0.95);

}

.quote {

   background-color: rgba(67, 146, 113, 0.95);

}

/* Header Article */

.cosmos-button-primary {

  background-color: #8AEDC3;

}

.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: #8AEDC3;
   border-color: #8AEDC3

}

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

   background-color: #B5F9DD;
   border-color: #B5F9DD

}

.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: #0185B7;
   border-color: #0185B7;

}

/* Infobox */

.portable-infobox {

  border: 1px solid #00A2E6;

}

.portable-infobox h2 {

  border-bottom: solid 1px #0185B7;

}

.portable-infobox .pi-border-color {

  border-color: #00A2E6;

}

.portable-infobox .pi-header {

  background-color: #00A2E6;

}

.portable-infobox .pi-title {

  background-color: #00A2E6;

}

.portable-infobox .pi-background {

   background-color: #2D4F5B

}

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

   background-color: #2D4F5B

}

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

   background-color: #2D4F5B;

}

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

   background-color: #2D4F5B

}

.portable-infobox .pi-data {

  background-color: #2D4F5B;

}

.portable-infobox .pi-secondary-background {

   background-color: #00A2E6;

}

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

  background-color: #0185B7;

}

@@ Ligne 3 : / Ligne 3 : @@
 @media screen {
     .cosmos-header {
-        background-color: rgba(125, 245, 195, 0.9);
+        background-color: rgba(138, 237, 195, 0.9);
     }
     #cosmos-footer {
-       background-color: rgba(57, 152, 113, 0.95);
+       background-color: rgba(67, 146, 113, 0.95);
     }
     .cosmos-header::before {
-       background: linear-gradient(to right, rgba(125, 245, 195, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
+       background: linear-gradient(to right, rgba(138, 237, 195, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
     }
 }
@@ Ligne 20 : / Ligne 20 : @@
 #cosmos-banner {
-    background-color: #007E95;
+    background-color: #00457F;
 }
@@ Ligne 31 : / Ligne 31 : @@
 /* Tabber */
 .tabber__tab[aria-selected='true'] {
-     box-shadow: 0 -2px 0 #82F189 inset;
+     box-shadow: 0 -2px 0 #6AD76C inset;
 }
 .tabber__header {
-     box-shadow: inset 0 -1px 0 0 #64CEE1;
+     box-shadow: inset 0 -1px 0 0 #0F9DD4;
 }
 .tabber__tab:hover {
-    box-shadow:inset 0 -2px 0 0 #82F189;
+    box-shadow:inset 0 -2px 0 0 #6AD76C;
-    color: #F57A7A;
+    color: #B5F9DD;
 }
@@ Ligne 46 : / Ligne 46 : @@
 .skin-cosmos .toc {
-    background-color: rgba(57, 152, 113, 0.25);
+    background-color: rgba(98, 156, 99, 0.25);
 }
@@ Ligne 52 : / Ligne 52 : @@
 #mw-content a:not(.new) {
-    color: #82F189;
+    color: #6AD76C;
 }
 body a:not(.new) {
-    color: #82F189;
+    color: #6AD76C;
 }
@@ Ligne 62 : / Ligne 62 : @@
 #mw-content {
-    background-color: rgba(25, 99, 68, 0.95);
+    background-color: rgba(32, 94, 68, 0.95);
-    box-shadow: 0 4px 24px rgba(25, 99, 68, 0.7);
+    box-shadow: 0 4px 24px rgba(32, 94, 68, 0.7);
 }
 #mw-content h2 {
-         border-bottom: solid 1px #64CEE1;
+         border-bottom: solid 1px #0F9DD4;
 }
 .warning {
-     background-color: rgba(143, 210, 146, 0.95);
+     background-color: rgba(106, 171, 107, 0.95);
 }
 .quote {
-     background-color: rgba(57, 152, 113, 0.95);
+     background-color: rgba(67, 146, 113, 0.95);
 }
@@ Ligne 81 : / Ligne 81 : @@
 .cosmos-button-primary {
-    background-color: #5BA989;
+    background-color: #8AEDC3;
 }
 .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: #5BA989;
+     background-color: #8AEDC3;
-     border-color: #5BA989
+     border-color: #8AEDC3
 }
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
-     background-color: #F57A7A;
+     background-color: #B5F9DD;
-     border-color: #F57A7A
+     border-color: #B5F9DD
 }
 .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: #519176;
+     background-color: #0185B7;
-     border-color: #519176;
+     border-color: #0185B7;
 }
@@ Ligne 104 : / Ligne 104 : @@
 .portable-infobox {
-    border: 1px solid #5BA989;
+    border: 1px solid #00A2E6;
 }
 .portable-infobox h2 {
-    border-bottom: solid 1px #519176;
+    border-bottom: solid 1px #0185B7;
 }
 .portable-infobox .pi-border-color {
-    border-color: #5BA989;
+    border-color: #00A2E6;
 }
 .portable-infobox .pi-header {
-    background-color: #5BA989;
+    background-color: #00A2E6;
 }
 .portable-infobox .pi-title {
-    background-color: #5BA989;
+    background-color: #00A2E6;
 }
 .portable-infobox .pi-background {
-     background-color: #50676B
+     background-color: #2D4F5B
 }
 .portable-infobox .pi-horizontal-group-item:nth-child(even) {
-     background-color: #50676B
+     background-color: #2D4F5B
 }
 .portable-infobox .pi-media-collection-tabs {
-     background-color: #50676B;
+     background-color: #2D4F5B;
 }
 .portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
-     background-color: #50676B
+     background-color: #2D4F5B
 }
 .portable-infobox .pi-data {
-    background-color: #50676B;
+    background-color: #2D4F5B;
 }
 .portable-infobox .pi-secondary-background {
-     background-color: #5BA989;
+     background-color: #00A2E6;
 }
 .portable-infobox .pi-media-collection .current  {
-    background-color: #519176;
+    background-color: #0185B7;
 }