« MediaWiki:Common.css » : différence entre les versions
De Wiki des possibles
m (Aligner les images au centre sur les petits écrans) Balise : Révoqué |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 32 : | Ligne 32 : | ||
margin: 15px; | margin: 15px; | ||
} | } | ||
.wdp-menu ul { | |||
margin: 15px 0; | |||
display: grid; | |||
justify-items: center; | |||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); | |||
grid-gap: 15px; | |||
} | |||
.wdp-menu li a { | |||
list-style: none; | |||
display: flex; | |||
min-height: 80px; | |||
padding: 10px; | |||
justify-content: center; | |||
text-align: center; | |||
align-items: center; | |||
width: 100%; | |||
} | |||
@media (min-width: 640px) { | @media (min-width: 640px) { | ||
.wdp-livret { | .wdp-livret { | ||
Version du 13 septembre 2023 à 13:28
/* Le CSS placé ici sera appliqué à tous les habillages. */
.wdp-index {
display: grid;
justify-items: center;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 15px;
text-align: center;
}
.wdp-index .wdp-axe {
width: 100%;
}
.wdp-axe {
}
.wdp-axe ul {
list-style: none;
margin-left: 0;
}
.wdp-axe ul a {
display: inline-block;
}
.wdp-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wdp-logos img {
margin: 15px;
}
.wdp-menu ul {
margin: 15px 0;
display: grid;
justify-items: center;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 15px;
}
.wdp-menu li a {
list-style: none;
display: flex;
min-height: 80px;
padding: 10px;
justify-content: center;
text-align: center;
align-items: center;
width: 100%;
}
@media (min-width: 640px) {
.wdp-livret {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
}
@media (max-width: 640px) {
div.floatright {
float: none;
text-align: center;
}
}
