Template:Infobox/styles.css

/* Original Sarim summary boxes. Loaded only where a box is transcluded. */
table.infobox.sarim-infobox {
  float: right;
  clear: right;
  width: 304px;
  max-width: 100%;
  margin: 0 0 1.3em 1.5em;
  padding: 0;
  border: 1px solid #b8a37e;
  border-collapse: collapse;
  table-layout: fixed;
  background: #f4ecd9;
  color: #3e3526;
  font-size: 13px;
  line-height: 1.5;
}
table.infobox.sarim-infobox caption.sarim-infobox-heading {
  padding: 13px 15px 12px;
  border: 1px solid #b8a37e;
  border-bottom: 0;
  background: #e3d2ae;
  color: #3e3526;
  text-align: center;
}
.sarim-infobox .sarim-infobox-kind {
  display: block;
  margin-bottom: 3px;
  color: #665538;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sarim-infobox .sarim-infobox-name {
  display: block;
  font: normal 22px/1.25 Georgia, "Times New Roman", serif;
  overflow-wrap: break-word;
}
.sarim-infobox .sarim-infobox-variant {
  display: block;
  margin-top: 6px;
  font-size: 12px;
}
table.infobox.sarim-infobox th,
table.infobox.sarim-infobox td {
  padding: 7px 11px;
  border: 0;
  border-bottom: 1px solid #ded0b4;
  vertical-align: top;
  overflow-wrap: break-word;
}
table.infobox.sarim-infobox th[scope="row"] {
  width: 47%;
  background: #eee3cb;
  font-weight: normal;
  text-align: left;
}
table.infobox.sarim-infobox td {
  text-align: left;
}
table.infobox.sarim-infobox th.sarim-infobox-section {
  padding: 7px 11px;
  background: #dbcaab;
  color: #4d3e28;
  font-weight: bold;
  text-align: left;
}
table.infobox.sarim-infobox td.sarim-infobox-image {
  padding: 14px;
  background: #f8f1e3;
  text-align: center;
}
.sarim-infobox .sarim-infobox-image img {
  max-width: 100%;
  height: auto;
}
.sarim-infobox .sarim-infobox-caption {
  margin-top: 8px;
  color: #6e6049;
  font-size: 12px;
}
table.infobox.sarim-infobox td.sarim-infobox-context {
  padding: 7px 11px;
  background: #eee1c3;
  color: #625039;
  font-size: 12px;
  text-align: center;
}
table.infobox.sarim-infobox td.sarim-infobox-notes {
  padding: 10px 11px;
  background: #f6efdf;
  color: #6a5b44;
  font-size: 12px;
}
.sarim-infobox .sarim-infobox-unit {
  color: #75674f;
  font-size: 11px;
  white-space: nowrap;
}
table.infobox.sarim-infobox.sarim-infobox-left {
  float: left;
  clear: left;
  margin: 0 1.5em 1.3em 0;
}
table.infobox.sarim-infobox.sarim-infobox-none {
  float: none;
  clear: both;
  margin: 1em 0;
}
@media (max-width: 720px) {
  table.infobox.sarim-infobox,
  table.infobox.sarim-infobox.sarim-infobox-left,
  table.infobox.sarim-infobox.sarim-infobox-none {
    float: none;
    clear: both;
    width: 100%;
    margin: 1em 0;
  }
}