Différences entre les versions de « MediaWiki:Common.scss »

De Encyclopédie francophone de la Roue du Temps
Aller à la navigation Aller à la recherche
Ligne 1 : Ligne 1 :
@charset "UTF-8";
$color-black: #000000;
 
$color-documentation: #ecfcf4;
$color-separator: #a2a9b1;
$color-border-grey: #aaaaaa;
 
$colors-information-box: (
    light-yellow: #ffeda6,
    light-blue: #9fd6f2,
    light-green: #ddffdd,
    light-red: #ee6c6c,
    blue: #1E90FF,
);
$colors-ajah: (
    blue: #0e427c,
    red: #6b0632,
    white: #c1c6c0,
    green: #03221d,
    brown: #1b140c,
    yellow: #89590f,
    grey: #2e3231,
);
 
/* == Outils == */
/* == Outils == */
.clearfix {
.clearfix {
Ligne 15 : Ligne 37 :
.mw-documentation {
.mw-documentation {
   padding: 1em 1em 0.8em;
   padding: 1em 1em 0.8em;
   background: #ecfcf4;
   background: $color-documentation;
   border: 1px solid #aaaaaa;
   border: 1px solid $color-border-grey;
}
}


Ligne 26 : Ligne 48 :
   margin-top: 1.5em;
   margin-top: 1.5em;
   padding-top: 0.5em;
   padding-top: 0.5em;
   border-top: 1px solid #a2a9b1;
   border-top: 1px solid $color-separator;
}
}


Ligne 35 : Ligne 57 :
   margin-top: 1em;
   margin-top: 1em;
   background: #fdfdfd;
   background: #fdfdfd;
   border: 1px solid #aaaaaa;
   border: 1px solid $color-border-grey;
   font-size: 0.75rem;
   font-size: 0.75rem;
}
}
Ligne 58 : Ligne 80 :
}
}


.mw-navigation tr:nth-child(2n+1) td {
.mw-navigation tr:nth-child(2n + 1) td {
   background: #eaecf0;
   background: #eaecf0;
}
}


.mw-navigation .mw-navigation {
.mw-navigation .mw-navigation{
   width: calc(100% + 6px);
   width: calc(100% + 6px);
   margin: -3px;
   margin: -3px;
   background: transparent;
   background: transparent;
   border: none;
   border: none; }
}


.mw-navigation .mw-navigation tr:nth-child(2n+1) td {
.mw-navigation .mw-navigation tr:nth-child(2n + 1) td {
   background: none;
   background: none;
}
}
Ligne 117 : Ligne 138 :
}
}


.mw-information-box table {
.mw-information-box table {
   width: 100%;
   width: 100%;
}
}
Ligne 133 : Ligne 154 :
   padding: 0.25em 1em;
   padding: 0.25em 1em;
   font-weight: bold;
   font-weight: bold;
   text-align: center;
   text-align: center;  
   background: #cccccc;
   background: #cccccc;
}
}


/* Déclinaisons de couleur */
/* Déclinaisons de couleur */
.mw-information-box.light-yellow .mw-title,
@each $name, $color in $colors-information-box {
.mw-information-box.light-yellow .mw-section-title {
   .mw-information-box.#{$name} .mw-title,
   background: #ffeda6;
  .mw-information-box.#{$name} .mw-section-title {
}
    background: $color;
 
  }
.mw-information-box.light-blue .mw-title,
.mw-information-box.light-blue .mw-section-title {
  background: #9fd6f2;
}
 
.mw-information-box.light-green .mw-title,
.mw-information-box.light-green .mw-section-title {
  background: #ddffdd;
}
 
.mw-information-box.light-red .mw-title,
.mw-information-box.light-red .mw-section-title {
  background: #ee6c6c;
}
}


/* Déclinaisons d'ajah */
/* Déclinaisons d'ajah */
.mw-information-box.blue-ajah .mw-title,
@each $name, $color in $colors-ajah {
.mw-information-box.blue-ajah .mw-section-title {
   .mw-information-box.#{$name}-ajah .mw-title,
   background: #0e427c;
  .mw-information-box.#{$name}-ajah .mw-section-title {
}
    background: $color;
 
  }
.mw-information-box.blue-black-ajah .mw-title,
.mw-information-box.blue-black-ajah .mw-section-title {
  background: linear-gradient(to right, #0e427c 0%, #0e427c 75%, #000000 90%);
}


.mw-information-box.red-ajah .mw-title,
   .mw-information-box.#{$name}-black-ajah .mw-title,
.mw-information-box.red-ajah .mw-section-title {
   .mw-information-box.#{$name}-black-ajah .mw-section-title {
   background: #6b0632;
   background: linear-gradient(to right, $color 0%, $color 75%, $color-black 90%);
}
   }
 
.mw-information-box.red-black-ajah .mw-title,
.mw-information-box.red-black-ajah .mw-section-title {
  background: linear-gradient(to right, #6b0632 0%, #6b0632 75%, #000000 90%);
}
 
.mw-information-box.white-ajah .mw-title,
.mw-information-box.white-ajah .mw-section-title {
  background: #c1c6c0;
}
 
.mw-information-box.white-black-ajah .mw-title,
.mw-information-box.white-black-ajah .mw-section-title {
   background: linear-gradient(to right, #c1c6c0 0%, #c1c6c0 75%, #000000 90%);
}
 
.mw-information-box.green-ajah .mw-title,
.mw-information-box.green-ajah .mw-section-title {
  background: #03221d;
}
 
.mw-information-box.green-black-ajah .mw-title,
.mw-information-box.green-black-ajah .mw-section-title {
  background: linear-gradient(to right, #03221d 0%, #03221d 75%, #000000 90%);
}
 
.mw-information-box.brown-ajah .mw-title,
.mw-information-box.brown-ajah .mw-section-title {
  background: #1b140c;
}
 
.mw-information-box.brown-black-ajah .mw-title,
.mw-information-box.brown-black-ajah .mw-section-title {
   background: linear-gradient(to right, #1b140c 0%, #1b140c 75%, #000000 90%);
}
 
.mw-information-box.yellow-ajah .mw-title,
.mw-information-box.yellow-ajah .mw-section-title {
  background: #89590f;
}
 
.mw-information-box.yellow-black-ajah .mw-title,
.mw-information-box.yellow-black-ajah .mw-section-title {
  background: linear-gradient(to right, #89590f 0%, #89590f 75%, #000000 90%);
}
 
.mw-information-box.grey-ajah .mw-title,
.mw-information-box.grey-ajah .mw-section-title {
   background: #2e3231;
}
 
.mw-information-box.grey-black-ajah .mw-title,
.mw-information-box.grey-black-ajah .mw-section-title {
  background: linear-gradient(to right, #2e3231 0%, #2e3231 75%, #000000 90%);
}
}


Ligne 237 : Ligne 187 :
/* == Cartes */
/* == Cartes */
.map-container {
.map-container {
  display: inline-block;
    display: inline-block;
  max-width: 100%;
    max-width: 100%;
  border: 1px solid #c8ccd1;
    border: 1px solid #c8ccd1;
  overflow: auto;
    overflow: auto;
}
}

Version du 18 août 2023 à 15:36

$color-black: #000000; $color-documentation: #ecfcf4; $color-separator: #a2a9b1; $color-border-grey: #aaaaaa; $colors-information-box: ( light-yellow: #ffeda6, light-blue: #9fd6f2, light-green: #ddffdd, light-red: #ee6c6c, blue: #1E90FF, ); $colors-ajah: ( blue: #0e427c, red: #6b0632, white: #c1c6c0, green: #03221d, brown: #1b140c, yellow: #89590f, grey: #2e3231, ); /* == Outils == */ .clearfix { clear: both; } /* == Citations == */ .mw-body-content blockquote { margin-left: 0; margin-right: 0; padding: 8px 16px; } /* == Documentation de modèle == */ .mw-documentation { padding: 1em 1em 0.8em; background: $color-documentation; border: 1px solid $color-border-grey; } .mw-documentation p:first-child { margin-top: 0; } .mw-documentation-footer { margin-top: 1.5em; padding-top: 0.5em; border-top: 1px solid $color-separator; } /* == Navigation == */ .mw-navigation { clear: both; width: 100%; margin-top: 1em; background: #fdfdfd; border: 1px solid $color-border-grey; font-size: 0.75rem; } .mw-navigation .mw-title { padding-left: 1em; padding-right: 1em; background: #a7d7f9; font-size: 0.85rem; } .mw-navigation tr th:not(.mw-title) { width: 150px; padding-left: 1em; padding-right: 1em; background: #eaf3ff; vertical-align: middle; } .mw-navigation tr:nth-child(2n) td { background: #f6f6f6; } .mw-navigation tr:nth-child(2n + 1) td { background: #eaecf0; } .mw-navigation .mw-navigation{ width: calc(100% + 6px); margin: -3px; background: transparent; border: none; } .mw-navigation .mw-navigation tr:nth-child(2n + 1) td { background: none; } .mw-navigation + .mw-navigation { margin-top: 0.5em; } /* == Boîtes d'informations == */ .mw-information-box { float: right; box-sizing: border-box; clear: right; min-width: 200px; max-width: 300px; margin: 0 0 0.5em 1em; padding: 5px; background: #f9f9f9; border: 1px solid #aaaaaa; color: #000000; font-size: 0.9em; } .mw-information-box .mw-title { box-sizing: border-box; margin: 0; padding: 0.25em 1em; background: #cccccc; font-size: 1.25em; font-weight: bold; line-height: 1.5em; text-align: center; } .mw-information-box .mw-sub-title { text-align: center; } .mw-information-box .image img { max-width: 100%; height: auto; } .mw-information-box .mw-caption { font-size: 80%; text-align: center; } .mw-information-box table { width: 100%; } .mw-information-box th:not(.mw-section-title), .mw-information-box td { vertical-align: top; } .mw-information-box th:not(.mw-section-title) { text-align: left; } .mw-information-box .mw-section-title { padding: 0.25em 1em; font-weight: bold; text-align: center; background: #cccccc; } /* Déclinaisons de couleur */ @each $name, $color in $colors-information-box { .mw-information-box.#{$name} .mw-title, .mw-information-box.#{$name} .mw-section-title { background: $color; } } /* Déclinaisons d'ajah */ @each $name, $color in $colors-ajah { .mw-information-box.#{$name}-ajah .mw-title, .mw-information-box.#{$name}-ajah .mw-section-title { background: $color; } .mw-information-box.#{$name}-black-ajah .mw-title, .mw-information-box.#{$name}-black-ajah .mw-section-title { background: linear-gradient(to right, $color 0%, $color 75%, $color-black 90%); } } /* == Arbres généalogiques == */ .family-tree { max-height: 400px; overflow-y: auto; } /* == Cartes */ .map-container { display: inline-block; max-width: 100%; border: 1px solid #c8ccd1; overflow: auto; }
Récupérée de « https://encyclo.rouedutemps.fr/index.php?title=MediaWiki:Common.scss&oldid=21560 »