Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« MediaWiki:Common.css » : différence entre les versions

Page de l’interface de MediaWiki
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
Balise : Révoqué
Ligne 18 : Ligne 18 :




/* =============================
/* Conteneur responsive correct pour Citizen */
  Images et galeries responsives pour Citizen
  ============================= */
 
/* 1️⃣ Images adaptatives mobiles seulement */
.mobile-responsive {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}
 
/* 2️⃣ Conteneur responsive pour plusieurs images (galerie) */
.responsive-images {
.responsive-images {
   display: grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   gap: 10px;
   gap: 10px;
   width: 100%;     /* occupe toute la largeur disponible */
   width: 100%;
   margin: 0 auto;  /* centré sur la page */
   margin: 0 auto;
   clear: both;      /* texte suivant toujours en dessous */
   display: block;      /* force le conteneur à être un bloc */
   grid-auto-flow: row; /* remplissage ligne par ligne */
}
 
.responsive-images::after {
   content: "";
  display: table;      /* clearfix pour que le texte suivant se place en dessous */
   clear: both;
}
}


Ligne 49 : Ligne 40 :
}
}


/* 3️⃣ Galeries MediaWiki <gallery> adaptatives */
/* Galeries MediaWiki <gallery> */
.gallery {
.gallery {
   display: grid !important;
   display: grid !important;
Ligne 58 : Ligne 49 :
}
}


/* 4️⃣ Mobile-first tweaks */
/* Mobile tweaks */
@media (max-width: 600px) {
@media (max-width: 600px) {
   .gallery,
   .gallery,
   .responsive-images {
   .responsive-images {
     grid-template-columns: 1fr !important; /* 1 colonne sur mobile */
     grid-template-columns: 1fr !important;
     gap: 6px !important;
     gap: 6px !important;
   }
   }
}
/* Classe pour les images mobiles */
.mobile-responsive {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}
}

Version du 8 mars 2026 à 03:54

#footer {
    display: none;
}

.last-modified {
    display: none;
}

.citizen-dropdown-summary {
display: none;
}

/* Date modified */
.page-info {
    display: none !important;
}



/* Conteneur responsive correct pour Citizen */
.responsive-images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  width: 100%;
  margin: 0 auto;
  display: block;       /* force le conteneur à être un bloc */
}

.responsive-images::after {
  content: "";
  display: table;      /* clearfix pour que le texte suivant se place en dessous */
  clear: both;
}

.responsive-images img {
  width: 100%;
  height: auto;
  display: block;
}

/* Galeries MediaWiki <gallery> */
.gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .gallery,
  .responsive-images {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}

/* Classe pour les images mobiles */
.mobile-responsive {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}