Vorlage:BS/styles.css

.bstable { background-color: transparent; border-collapse: collapse; line-height: 1.2; margin: 4px; padding: 0; }
.bstable1, .bsradroute { margin: 12px; } /* Vorlage:BS-table1 legacy import */
.bsutable { margin: 4px 0 4px 4px; }     /* Vorlage:BSu-table legacy import */

 /* line-height, font-size, etc. can be a factor for oversized table cells
    when the icon dimension should be the only factor determining height of
    the table cells in BS-table's icon column; these columns do not hold text,
    choose a font-size such that icon height (usually 20px) is most significant
    for the height calculations in the icon column  */
.bs-icon { font-size: 8px; color: #202122; }
.bs-icon img { background: #F9F9F9; }

.BSTo > div, .BSTu > div {
 position: relative;
 height: 0;
}
.BSTo .bs-icon, .BSTu .bs-icon {
 position: absolute;
 left: 0;
 right: 0;
 width: 100%;
 z-index: 1;
}
.BSTo .bs-icon { top: 0; }
.BSTu .bs-icon { bottom: 0; }
.BSM .bs-icon {
 position: relative;
 z-index: 2;
}

.bstable td {
 text-align: center;
 vertical-align: middle;
 border: none;
 padding: 0;
 white-space: nowrap;
}
.bstable .BSM-km, .bstable .BSM-ele {
 text-align: right;
 padding: 0 0.5em;
 font-size: 80%;
}
.bstable .BSM-ele {
 padding: 0 0 0 0.5em;
}
.bstable .BSM-txt,
.bstableend,
.bstable td[colspan="4"],
.bstable td[colspan="5"],
.bstable td[colspan="6"] {
 text-align: left;
 width: 100%;
}
.bstableend hr {
 text-align: center;
}

/* let text determine the height of BSM-txt containing icons; the latter are
   still drawn, overflowing the row, if their height was specified in excess
*/
.bstable .BSM-txt span[typeof="mw:File"] {
 display: inline-block;
 max-height: 16px;
}

/* support dark mode and infobox instances with a non-default background color;
   writing this as one rule is currently rejected by mediawiki/templatestyles:
   .bs-icon img {
    background: var(--bs-icon-background, var(--background-color-neutral-subtle, #F9F9F9));
   }
*/
@supports (color: var(--customprop)) {
 .bs-icon {
  background: var(--background-color-neutral-subtle, #F9F9F9);
 }
 .bs-icon img {
  background: var(--bs-icon-background, transparent);
 }
}

/* def icon height is 20px which works for 1rem (standard font size); if the UI
   is configured with big font size (..pref-2) then icon edges are not stacked
   seamlessly anymore; this pref causes line and thus row heights > 20px and
   icon img height should adapt with e.g. calc(1.25*var(--font-size-medium))
 - equiv to calc(1.25*1.25rem) (..pref-2) or calc(1.25*20px) if 1rem == 16px
 - min-height as to yield the height property to rare uses of the PX param
 - may need adaptions for other font-size modifying skins, other than vector
*/
html.vector-feature-custom-font-size-clientpref-2 .bs-icon img {
 min-height: calc(1.25*20px);
 width: auto;
}

/* def Vorlage:BS-daten */
html.skin-theme-clientpref-night .hintergrundfarbe-datei img {
 background-color: #c8ccd1;
}