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 */
}