Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 09:05, 15 February 2022

/* CSS placed here will be applied to all skins */

/* Le CSS placé ici sera appliqué à tous les habillages. */

/*Barres colorées du haut*/
@media screen and (max-width: 850px)
{
.color-right, .color-middle, .color-left {
    background: #93192d;
}
}
@media screen and (max-width: 850px)
{
.color-middle {
    background: #5a05e0;
}
}
.color-right {
    background: #5e5e5e;
}

.color-left {
    background: #5e5e5e;
}
.color-middle {
    background: #5a05e0;
}

/*Fin barres colorées du haut*/


/*Autre barres colorées */
.mw-body h1.firstHeading {
    border-bottom: solid 4px #5a05e0;
}
.tools-inline li.selected {
    border-bottom-color: #5a05e0;
}
#mw-content-container {
    border-bottom: solid 4px #5a05e0;
}

/*Fin autres barres colorées*/


#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
    border-bottom: solid 2px #5a05e0;
}

#mw-content-container {
  background-color: #919191;
}

#mw-content {
  background-color: #e8e8e8;
}

/*Infobox*/
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}

.testTable {
    width: 200px;
    float: right;
}

.wikitable{
    float: right;
}

/* Fin infobox */

/* Sommaire + logo */
#toc::after{
    clear: both;
}

.mw-wiki-logo.fallback{
    height: 5em;
}

/* Fin Sommaire + logo*/

/* Blocs infos*/
.wrapperBA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(30px,auto);
  min-width: 270px;
  max-width: 370px;
  background: white;
  border: 1px solid #aaa;
  padding: 1em;
  margin-left: 1em;
}
.wrapperMG {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(30px,auto);
  min-width: 270px;
  max-width: 370px;
  background: white;
  border: 1px solid #aaa;
  padding: 1em;
  margin-left: 1em;
}
.titleBA{
  /*grid-column: 3;
  grid-row: 1;*/
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1;
  text-align: center;
  background-color: #5a05e0;
  color: #FFFFFF;
  font-size: 120%;
  padding: 1em;
}
.titleMG{
  /*grid-column: 3;
  grid-row: 1;*/
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1;
  text-align: center;
  background-color: black;
  color: #FFFFFF;
  font-size: 120%;
  padding: 1em;
}
.image{
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2;
  padding: 1em;
  text-align: center;
}
.known {
  grid-column: 1;
  grid-row: 3;
}
.knownField {
  grid-column: 2;
  grid-row: 3;
}
.country {
  grid-column: 1;
  grid-row: 4;
}
.countryField {
  grid-column: 2;
  grid-row: 4;
}
.genres {
  grid-column: 1;
  grid-row: 5;
}
.genresField {
  grid-column: 2;
  grid-row: 5;
}
.years {
  grid-column: 1;
  grid-row: 6;
}
.yearsField {
  grid-column: 2;
  grid-row: 6;
}
.website {
  grid-column: 1;
  grid-row: 7;
}
.websiteField{
  grid-column: 2;
  grid-row: 7;
}
.genresOrigines {
  grid-column: 1;
  grid-row: 2;
}
.genresOriginesField {
  grid-column: 2;
  grid-row: 2;
}
.world {
  grid-column: 1;
  grid-row: 3;
}
.worldField {
  grid-column: 2;
  grid-row: 3;
}
.subgenres {
  grid-column: 1;
  grid-row: 4;
}
.subgenresField {
  grid-column: 2;
  grid-row: 4;
}

.titreGras {
  font-weight: bold;
  width: 100px 30%;
}

.mw-parser-output p br {
  display: none;
}


@media (min-width: 850px) { 
  .wrapperBA, .wrapperMG {
      float:right;
  }
}
@media (max-width: 850px) { 
  .wrapperBA, .wrapperMG {
      margin: auto;
  }
}

/* Fin blocs infos */