Template:Infobox/styles.css: Difference between revisions

table.infobox{
  float:right;
  clear:right;
  width:22em;
  max-width:100%;
  margin:0 0 1em 1.4em;
  border:1px solid #a2a9b1;
  border-collapse:collapse;
  background:#f8f9fa;
  color:#202122;
  font-size:88%;
  line-height:1.5;
}
table.infobox .infobox-title{
  padding:.45em .6em;
  text-align:center;
  font-weight:700;
  font-size:125%;
  color:#202122;
  background:#eaecf0;
  border:1px solid #a2a9b1;
  border-width:0 0 1px;
}
table.infobox .infobox-image{
  padding:.5em;
  text-align:center;
  background:#ffffff;
}
table.infobox .infobox-image img{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
  border:1px solid #c8ccd1;
  border-radius:0;
  box-shadow:none;
}
table.infobox .infobox-caption{
  padding:0 .6em .6em;
  text-align:center;
  color:#54595d;
  font-size:95%;
  background:#ffffff;
}
table.infobox th,
table.infobox td{
  padding:.35em .6em;
  border:1px solid #eaecf0;
  vertical-align:top;
}
table.infobox th{
  width:35%;
  text-align:left;
  color:#202122;
  background:#eaecf0;
  font-weight:600;
}
table.infobox td{
  color:#202122;
  background:#ffffff;
}
table.infobox td a.external{
  overflow-wrap:anywhere;
}
@media (max-width:980px){
  table.infobox{
    float:none;
    width:100%;
    margin:0 0 1em;
  }
}
@media (max-width:720px){
  table.infobox{
    font-size:84%;
    line-height:1.4;
  }
  table.infobox .infobox-title{
    padding:.38em .5em;
    font-size:112%;
  }
  table.infobox .infobox-image{
    padding:.35em;
  }
  table.infobox th,
  table.infobox td{
    padding:.3em .45em;
  }
}