MediaWiki:Common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* Le CSS placé ici sera appliqué à tous les habillages. */
.index-div-item
{
   width: 100%;
}

.index-div-item pre:first-child 
{
 display: none !important;
}

@media screen and (min-width: 1024px)
{
 .index-div-item 
 {
   margin-right: 15px;
 }

.item1
{
  width: 75%;
}

.item2
{
  width: 25%;
}

.index-div
{
   display: flex;
   width: 99%;
}
}

/** Infobox */

.portable-infobox {
    background: #79aaf3;
}

.portable-infobox .pi-title {
    background-color: #4471e2;
}


.portable-infobox .pi-header {
    background-color: #4471e2;
}


@media screen and (min-width:1024px)
{
/* Conteneur du carrousel */
#caroussel slideshow {
  display: block;
  width: 100%;        /* largeur automatique (peut être fixe si tu veux) */
  height: 350px;      /* hauteur fixe */
  margin: auto;
  overflow: hidden;
  position: relative;
  background: #000;   /* fond noir si l’image n’occupe pas tout */
}

/* Images à l’intérieur */
.slideshow img {
  height: 350px;      /* hauteur fixe */
  width: auto;        /* largeur automatique pour garder les proportions */
  max-width: 100%;    /* évite que ça déborde */
  object-fit: contain; /* garde l’image entière, bandes noires possibles */
  display: block;
  margin: auto;
}

/* Légende */
.caroussel-caption {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  font-size: 14px;
}

}

@media screen and (max-width:1023px)
{
 #caroussel 
 {
  width: 100%;
 }

.slideshow img
{
  max-height: 350px;
  width: auto;
}

.caroussel-caption
{
   text-align: center;
   width: 100%;
}
}

.oo-ui-fieldLayout-field {
  color: black !important;
}

#lastmod
{
  color: black;
}