« 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 | Images responsives sélectives pour Citizen | ||
============================= */ | ============================= */ | ||
/* 1️⃣ Toutes les images normales */ | /* 1️⃣ Toutes les images normales restent fixes */ | ||
body img { | body img { | ||
display: block; | |||
margin-left: auto; | |||
display: block | margin-right: auto; | ||
margin-left: auto | |||
margin-right: auto | |||
} | } | ||
/* 2️⃣ | /* 2️⃣ Classe spéciale pour les images qui doivent s’adapter au mobile */ | ||
. | .mobile-responsive { | ||
max-width: 100%; | |||
max-width: 100% | height: auto; | ||
object-fit: contain; | |||
display: block; | |||
margin-left: auto; | |||
margin-right: auto; | |||
display: | |||
} | } | ||
/* | /* 3️⃣ Conteneur optionnel pour plusieurs images (galerie) */ | ||
.responsive-images { | .responsive-images { | ||
display: grid; | display: grid; | ||
| Ligne 63 : | Ligne 51 : | ||
border-radius: 4px; /* optionnel, style moderne */ | border-radius: 4px; /* optionnel, style moderne */ | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optionnel */ | box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optionnel */ | ||
} | |||
/* 4️⃣ 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; | |||
} | } | ||
| Ligne 68 : | Ligne 65 : | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.gallery, | .gallery, | ||
.responsive-images | .responsive-images { | ||
grid-template-columns: 1fr !important; | grid-template-columns: 1fr !important; | ||
gap: 6px !important; | gap: 6px !important; | ||
} | } | ||
} | } | ||
Version du 8 mars 2026 à 03:44
#footer {
display: none;
}
.last-modified {
display: none;
}
.citizen-dropdown-summary {
display: none;
}
/* Date modified */
.page-info {
display: none !important;
}
/* =============================
Images responsives sélectives pour Citizen
============================= */
/* 1️⃣ Toutes les images normales restent fixes */
body img {
display: block;
margin-left: auto;
margin-right: auto;
}
/* 2️⃣ Classe spéciale pour les images qui doivent s’adapter au mobile */
.mobile-responsive {
max-width: 100%;
height: auto;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}
/* 3️⃣ Conteneur optionnel pour plusieurs images (galerie) */
.responsive-images {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
align-items: start;
margin: 0 auto;
}
.responsive-images img {
width: 100%;
height: auto;
border-radius: 4px; /* optionnel, style moderne */
box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optionnel */
}
/* 4️⃣ 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;
}
/* 5️⃣ Mobile-first tweaks */
@media (max-width: 600px) {
.gallery,
.responsive-images {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
}