Common.css : Différence entre versions
De erg
(Page créée avec « →Le CSS placé ici sera appliqué à tous les habillages. : .rssicon { display: inline-block; width: 32px; height: 32px; background-image: url(/mw/resources/assets/Feed... ») |
|||
| (13 révisions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 6 : | Ligne 6 : | ||
background-image: url(/mw/resources/assets/Feed-icon.png); | 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; | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | .Media-figure { | ||
| + | margin-right: 1em; | ||
| + | } | ||
| + | |||
| + | .Media-body { | ||
| + | flex: 1; | ||
| + | } | ||
| + | |||
| + | /* simplify the footer links */ | ||
| + | ul#poweredby, li#footer-disclaimer { display: none; } | ||
Version du 11 septembre 2019 à 12:51
/* 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;
margin-bottom: 1em;
}
.Media-figure {
margin-right: 1em;
}
.Media-body {
flex: 1;
}
/* simplify the footer links */
ul#poweredby, li#footer-disclaimer { display: none; }