« 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 18 : | Ligne 18 : | ||
/* | /* Conteneur responsive correct pour Citizen */ | ||
.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%; | width: 100%; | ||
margin: 0 auto; /* | 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; | |||
} | } | ||
| Ligne 49 : | Ligne 40 : | ||
} | } | ||
/* | /* Galeries MediaWiki <gallery> */ | ||
.gallery { | .gallery { | ||
display: grid !important; | display: grid !important; | ||
| Ligne 58 : | Ligne 49 : | ||
} | } | ||
/* | /* Mobile 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; | ||
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;
}