Actions

MediaWiki

Common.css : Différence entre versions

De erg

 
(7 révisions intermédiaires par le même utilisateur non affichées)
Ligne 33 : Ligne 33 :
 
div.flexgal {
 
div.flexgal {
 
   box-sizing: border-box;
 
   box-sizing: border-box;
   margin: 0; padding: 0;
+
   margin: 0;
  display: flex;
+
  padding: 0;
  flex-wrap: wrap;
 
  justify-content: space-around;
 
 
}
 
}
  
 
div.flexgal div.item {
 
div.flexgal div.item {
  width: 300px;
+
   display: flexbox;
   display:flex;
 
  align-items:center;
 
  justify-content:center;
 
  margin: 10px;
 
  text-align: center;
 
 
}
 
}
 
div.flexgal div.item p {
 
div.flexgal div.item p {
Ligne 55 : Ligne 48 :
 
   vertical-align: top; /* magically this cancels the containing anchor's bottom border */
 
   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 actuelle datée du 11 septembre 2019 à 10: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; }