Common.css : Différence entre versions
De erg
Ligne 28 : | Ligne 28 : | ||
text-align: center; | text-align: center; | ||
background-color:#ccccff; | background-color:#ccccff; | ||
+ | } | ||
+ | |||
+ | /* Flexgal */ | ||
+ | div.flexgal { | ||
+ | box-sizing: border-box; | ||
+ | margin: 0; padding: 0; | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | justify-content: space-around; | ||
+ | } | ||
+ | |||
+ | div.flexgal div.item { | ||
+ | width: 300px; | ||
+ | display:flex; | ||
+ | align-items:center; | ||
+ | justify-content:center; | ||
+ | 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 */ | ||
} | } |
Version du 10 avril 2018 à 13:56
/* 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; } div.flexgal div.item { width: 300px; display:flex; align-items:center; justify-content:center; 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 */ }