Common.css : Différence entre versions
De erg
Ligne 37 : | Ligne 37 : | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-around; | justify-content: space-around; | ||
+ | align-items:center; | ||
} | } | ||
div.flexgal div.item { | div.flexgal div.item { | ||
width: 300px; | width: 300px; | ||
− | |||
− | |||
margin: 10px; | margin: 10px; | ||
text-align: center; | text-align: center; |
Version du 10 avril 2018 à 14:16
/* Le CSS placé ici sera appliqué à tous les habillages. */ .rssicon { display: inline-block; width: 32px; height: 32px; background-image: url(/mw/resources/assets/Feed-icon.png); } .hidden { display: none; } table.infobox { width: 30em; font-size: 90%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left; } table.infobox th.head { text-align: center; background-color:#ccccff; } /* Flexgal */ div.flexgal { box-sizing: border-box; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-around; align-items:center; } div.flexgal div.item { width: 300px; margin: 10px; text-align: center; } div.flexgal div.item p { margin: 0; padding: 0; /* padding + margin seem to conflict with the grid layout */ } a img { border: none; vertical-align: top; /* magically this cancels the containing anchor's bottom border */ }