« MediaWiki:Common.css » : différence entre les versions
Page de l’interface de MediaWiki
Autres actions
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 | |||
/* ============================= | |||
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 | /* 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;
}
}