Common.css : Différence entre versions
De erg
Ligne 33 : | Ligne 33 : | ||
div.flexgal { | div.flexgal { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
− | margin: 0; padding: 0; | + | margin: 0; |
+ | padding: 0; | ||
} | } | ||
div.flexgal div.item { | div.flexgal div.item { | ||
+ | display: flexbox; | ||
} | } | ||
div.flexgal div.item p { | div.flexgal div.item p { | ||
Ligne 49 : | Ligne 51 : | ||
div.pubdate { | div.pubdate { | ||
clear: both; | clear: both; | ||
+ | } | ||
+ | |||
+ | .Media { | ||
+ | display: flex; | ||
+ | align-items: flex-start; | ||
+ | } | ||
+ | |||
+ | .Media-figure { | ||
+ | margin-right: 1em; | ||
+ | } | ||
+ | |||
+ | .Media-body { | ||
+ | flex: 1; | ||
} | } |
Version du 12 septembre 2018 à 20:30
/* 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; } div.flexgal div.item { display: flexbox; } 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 */ } div.pubdate { clear: both; } .Media { display: flex; align-items: flex-start; } .Media-figure { margin-right: 1em; } .Media-body { flex: 1; }