×
Créer un nouvel article
Écrivez le titre de votre page ici :
Nous avons actuellement 193 articles sur RDWiki. Saisissez votre nom d’article au-dessus de ou cliquez sur un des titres ci-dessous et commencez à écrire !



RDWiki
RDWiki
193Articles
  Modifications récentes

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

VisuelWikicode
Page créée avec « →Header Site : @media screen { .cosmos-header { background-color: rgba(255, 255, 255, 0.9); } #cosmos-footer { background-color: rgba(240, 240, 240, 0.95); } .cosmos-header::before { background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5)), linear-gradient(to left, rgba(255, 255, 255, 0) 200px, #FFFFFF 530px); } } #cosmos-banner { background-color: #F7F7F7; } @media screen and (min-w... »
 
Aisuuuuu (discussion | contributions)
Werum, Bureaucrates, Administrateurs d’interface, Page Ownership admin, Administrateurs
2 126 modifications
Aucun résumé des modifications
 
(34 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
@media screen {
@media screen {
   .cosmos-header {
   .cosmos-header {
       background-color: rgba(255, 255, 255, 0.9);
       background-color: rgba(232, 228, 239, 0.9);
   }
   }


   #cosmos-footer {
   #cosmos-footer {
       background-color: rgba(240, 240, 240, 0.95);
       background-color: rgba(157, 149, 172, 0.95);
   }
   }
   .cosmos-header::before {
   .cosmos-header::before {
       background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5)), linear-gradient(to left, rgba(255, 255, 255, 0) 200px, #FFFFFF 530px);
       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);
   }
   }
}
#cosmos-footer li {
  color: #3C3C3C;
}
}


#cosmos-banner {
#cosmos-banner {
   background-color: #F7F7F7;
   background-color: #8A7B9B;
}
}


@media screen and (min-width: 850px) {
@media screen and (min-width: 850px) {
   body::after {
   body::after {
      background-color: #F0F0F0;
 
   }
   }
}
}
Ligne 27 : Ligne 30 :
/* Tabber */
/* Tabber */
.tabber__tab[aria-selected='true'] {
.tabber__tab[aria-selected='true'] {
     box-shadow: 0 -2px 0 #E0E0E0 inset;
     box-shadow: 0 -2px 0 #8C67DA inset;
}
}


.tabber__header {
.tabber__header {
     box-shadow: inset 0 -1px 0 0 #D0D0D0;
     box-shadow: inset 0 -1px 0 0 #7E7391;
}
}


.tabber__tab:hover {
.tabber__tab:hover {
   box-shadow:inset 0 -2px 0 0 #E0E0E0;
   box-shadow:inset 0 -2px 0 0 #8C67DA;
   color: #A0A0A0;
   color: #8C67DA;
}
}


Ligne 42 : Ligne 45 :


.skin-cosmos .toc {
.skin-cosmos .toc {
   background-color: rgba(240, 240, 240, 0.25);
   background-color: rgba(126, 98, 185, 0.25);
}
 
#mw-content h2 {
  border-bottom: solid 1px #D0D0D0;
}
}


Ligne 52 : Ligne 51 :


#mw-content a:not(.new) {
#mw-content a:not(.new) {
   color: #A0A0A0;
   color: #8C67DA;
}
}


body a:not(.new) {
body a:not(.new) {
   color: #A0A0A0;
   color: #8C67DA;
}
}


Ligne 62 : Ligne 61 :


#mw-content {
#mw-content {
   background-color: rgba(250, 250, 250, 0.95);
   background-color: rgba(63, 57, 72, 0.95);
   box-shadow: 0 4px 24px rgba(200, 200, 200, 0.7);
   box-shadow: 0 4px 24px rgba(63, 57, 72, 0.7);
}
}


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


.warning {
.warning {
     background-color: rgba(245, 245, 245, 0.95);
     background-color: rgba(174, 165, 201, 0.95);
}
}


.quote {
.quote {
     background-color: rgba(240, 240, 240, 0.95);
     background-color: rgba(126, 98, 185, 0.95);
}
}


Ligne 81 : Ligne 80 :


.cosmos-button-primary {
.cosmos-button-primary {
   background-color: #F0F0F0;
   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 {
.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);
     color: var(--color-inverted-fixed,#000);
     background-color: #E0E0E0;
     background-color: #E8E4EF;
     border-color: #E0E0E0;
     border-color: #E8E4EF
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
     background-color: #D0D0D0;
     background-color: #E1C6F9;
     border-color: #D0D0D0;
     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 {
.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: #000;
     color: #ffffff;
     background-color: #C0C0C0;
     background-color: #8B839E;
     border-color: #C0C0C0;
     border-color: #8B839E;
}
}


Ligne 104 : Ligne 104 :


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


.portable-infobox h2 {
.portable-infobox h2 {
   border-bottom: solid 1px #D0D0D0;
   border-bottom: solid 1px #8B839E;
}
}


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


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


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


.portable-infobox .pi-background {
.portable-infobox .pi-background {
     background-color: #F7F7F7;
     background-color: #5B5269
}
}


.portable-infobox .pi-horizontal-group-item:nth-child(even) {
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
     background-color: #F7F7F7;
     background-color: #5B5269
}
}


.portable-infobox .pi-media-collection-tabs {
.portable-infobox .pi-media-collection-tabs {
     background-color: #F7F7F7;
     background-color: #5B5269;
}
}


.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
     background-color: #F7F7F7;
     background-color: #5B5269
}
}


.portable-infobox .pi-data {
.portable-infobox .pi-data {
   background-color: #F7F7F7;
   background-color: #5B5269;
}
}


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


.portable-infobox .pi-media-collection .current  {
.portable-infobox .pi-media-collection .current  {
   background-color: #D0D0D0;
   background-color: #8B839E;
  color: #000000;
}
}

Dernière version du 9 juillet 2025 à 21:15

/* 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-footer li {
  color: #3C3C3C;

}

  1. cosmos-banner {
  background-color: #8A7B9B;

}

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

  body::after {
  
  }

}

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

   box-shadow: 0 -2px 0 #8C67DA inset;

}

.tabber__header { 

   box-shadow: inset 0 -1px 0 0 #7E7391;

}

.tabber__tab:hover { 

  box-shadow:inset 0 -2px 0 0 #8C67DA;
  color: #8C67DA;

}

/* Sommaire */

.skin-cosmos .toc { 

  background-color: rgba(126, 98, 185, 0.25);

}

/* Liens */

  1. mw-content a:not(.new) {
  color: #8C67DA;

}

body a:not(.new) { 

  color: #8C67DA;

}

/* Page */

  1. mw-content {
  background-color: rgba(63, 57, 72, 0.95);
  box-shadow: 0 4px 24px rgba(63, 57, 72, 0.7);

}

  1. mw-content h2 {
       border-bottom: solid 1px #7E7391;

}

.warning { 

   background-color: rgba(174, 165, 201, 0.95);

}

.quote { 

   background-color: rgba(126, 98, 185, 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;

}

.portable-infobox h2 { 

  border-bottom: solid 1px #8B839E;

}

.portable-infobox .pi-border-color { 

  border-color: #E8E4EF;

}

.portable-infobox .pi-header { 

  background-color: #E8E4EF;
  color: #000000;

}

.portable-infobox .pi-title { 

  background-color: #E8E4EF;
  color: #000000;

}

.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;
  color: #000000;

}

Récupérée de "http://rdwiki.rd-creations.com/index.php?title=HyperDimension.css&oldid=1239"