« MediaWiki:Common.css » : différence entre les versions
De Wiki des possibles
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(4 versions intermédiaires par le même utilisateur non affichées) | |||
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 { | |||
list-style: none; | |||
} | |||
.wdp-menu li a { | |||
display: flex; | |||
min-height: 80px; | |||
padding: 10px; | |||
justify-content: center; | |||
text-align: center; | |||
align-items: center; | |||
width: 100%; | |||
} | |||
@media (min-width: 640px) { | |||
.wdp-livret { | .wdp-livret { | ||
display: flex; | display: flex; | ||
Ligne 38 : | Ligne 59 : | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
} | |||
@media (max-width: 640px) { | |||
div.floatright { | |||
float: none; | |||
text-align: center; | |||
} | |||
} |
Version actuelle datée du 13 septembre 2023 à 13:31
/* 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 { list-style: none; } .wdp-menu li a { 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; } }