« MediaWiki:Common.css » : différence entre les versions
De Wiki des possibles
(ajouter les règles CSS pour modifier l'ordre des éléments dans le menu de navigation (MediaWiki:Sidebar)) |
Aucun résumé des modifications |
||
(8 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* 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; | |||
} | |||
} | } |
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; } }