Difference between revisions of "MediaWiki:Common.css"

Revision as of 09:57, 4 February 2022

/* 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: black;
}
}
@media screen and (max-width: 850px)
{
.color-middle {
    background: #93192d;
}
}
.color-right {
    background: black;
}

.color-left {
    background: black;
}
.color-middle {
    background: #93192d;
}

/*Fin barres colorées du haut*/


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

/*Fin autres barres colorées*/


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



.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;
}

#toc:after{
    clear: both;
}

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



.wrapperTest {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(30px,auto);
  width: 300px;
  border: 1px black solid;
}
.titre7{
  /*grid-column: 3;
  grid-row: 1;*/
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1;
  text-align: center;
  background-color: #93192d;
  color: #FFFFFF;
  font-size: 120%;
  padding: 1em;
  text-align: center;
}
.one {
  grid-column: 1;
  grid-row: 2;
}
.detail1 {
  grid-column: 2;
  grid-row: 2;
}
.two {
  grid-column: 1;
  grid-row: 3;
}
.detail2 {
  grid-column: 2;
  grid-row: 3;
}
.three {
  grid-column: 1;
  grid-row: 4;
}
.detail3 {
  grid-column: 2;
  grid-row: 4;
}
.four {
  grid-column: 1;
  grid-row: 5;
}
.detail4 {
  grid-column: 2;
  grid-row: 5;
}
.five {
  grid-column: 1;
  grid-row: 6;
}
.detail5{
  grid-column: 2;
  grid-row: 6;
}
.six {
  grid-column: 1;
  grid-row: 7;
}
.detail6 {
  grid-column: 2;
  grid-row: 7;
}