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 15 : Ligne 15 :
     display: none !important;
     display: none !important;
}
}
/* Images adaptatives seulement si on leur met la classe mobile-responsive */
 
 
 
/* =============================
  Images et galeries responsives pour Citizen
  ============================= */
 
/* 1️⃣ Images adaptatives mobiles seulement */
.mobile-responsive {
.mobile-responsive {
   max-width: 100%;
   max-width: 100%;
Ligne 25 : Ligne 32 :
}
}


/* Conteneur optionnel pour plusieurs images (galerie responsive) */
/* 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;
   margin: 0 auto;
  width: 100%;      /* occupe toute la largeur disponible */
   margin: 0 auto;   /* centré sur la page */
  clear: both;      /* texte suivant toujours en dessous */
  grid-auto-flow: row; /* remplissage ligne par ligne */
}
}


Ligne 36 : Ligne 46 :
   width: 100%;
   width: 100%;
   height: auto;
   height: auto;
  display: block;
}
}


/* Galeries MediaWiki <gallery> adaptatives */
/* 3️⃣ Galeries MediaWiki <gallery> adaptatives */
.gallery {
.gallery {
   display: grid !important;
   display: grid !important;
Ligne 44 : Ligne 55 :
   gap: 8px !important;
   gap: 8px !important;
   max-width: 100% !important;
   max-width: 100% !important;
  overflow-x: hidden !important;
}
}


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

Version du 8 mars 2026 à 03:50

#footer {
    display: none;
}

.last-modified {
    display: none;
}

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

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



/* =============================
   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 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  width: 100%;      /* occupe toute la largeur disponible */
  margin: 0 auto;   /* centré sur la page */
  clear: both;      /* texte suivant toujours en dessous */
  grid-auto-flow: row; /* remplissage ligne par ligne */
}

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

/* 3️⃣ Galeries MediaWiki <gallery> adaptatives */
.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;
}

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