Template:Infobox/styles.css: Difference between revisions

/* Wikipedia-style infobox (TemplateStyles, Minerva-safe) */
table.infobox{
  float:right; clear:right;
  border:1px solid #a2a9b1; background:#fff;
  border-collapse:separate; border-spacing:0;
  font-size:88%; line-height:1.5;
  width: 280px; max-width: 100%;
  margin:0 0 1em 1em;
}
table.infobox .infobox-title{
  background:#f8f9fa; text-align:center; font-weight:700;
  padding:.45em .6em; font-size:110%; border-bottom:1px solid #a2a9b1;
}
table.infobox .infobox-image{ text-align:center; padding:.6em; }
table.infobox .infobox-image img{ max-width:100%; height:auto; border-radius:6px; }
table.infobox .infobox-caption{
  text-align:center; color:#54595d; font-size:90%; padding:0 .6em .5em;
}
table.infobox th, table.infobox td{
  padding:.4em .6em; border-top:1px solid #eaecf0; vertical-align:top;
}
table.infobox th{ text-align:left; background:#f8f9fa; width:38%; }
table.infobox .infobox-below{
  text-align:center; padding:.5em .6em; background:#f8f9fa; border-top:1px solid #a2a9b1;
}

/* Mobile (Minerva): full-width, no float */
@media (max-width:900px){
  table.infobox{ float:none; margin:0 0 1em 0; width:100%; }
}