Veidne:Infobox/styles.css

/* Main infobox */

.infobox.site-infobox {
  box-sizing: border-box;
  float: right;
  clear: right;

  width: 280px;
  margin: 0 0 1em 1em;

  border: 1px solid #a2a9b1;
  border-collapse: collapse;

  background-color: #f8f9fa;
  color: #202122;

  font-size: 90%;
}


/* Title */

.site-infobox .infobox-tituls-galvene {
  padding: 0.4rem 0;

  background-color: transparent;
  color: inherit;

  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}


/* Image */

.site-infobox .infobox-attels-cell {
  padding: 2px;
  text-align: center;
}

.site-infobox .infobox-attels-description {
  margin-top: 2px;
  padding: 0 6px;

  font-size: 90%;
  line-height: 1.25;
}


/* Label-and-data rows */

.site-infobox .infobox-lauks-label {
  width: 35%;
  padding: 0.25rem 0.35rem;

  background-color: #eaecf0;
  color: #202122;

  line-height: 1.15;
  text-align: left;
}

.site-infobox .infobox-lauks-data {
  padding: 0.25rem 0.35rem;

  background-color: transparent;
  color: inherit;

  line-height: 1.15;
}


/* Full-width row */

.site-infobox .infobox-rinda-saturs {
  padding: 0.25rem 0.35rem;
  text-align: center;
}


/* Section heading */

.site-infobox .infobox-sadala-galvene {
  padding: 0.25rem 0.35rem;

  background-color: var(--sarkans);
  color: #fff;

  text-align: center;
}


/* Dark mode */

html.client-darkmode .infobox.site-infobox,
html.skin-theme-clientpref-night .infobox.site-infobox {
  /* border-color: var(--dm-border, #4b5258); */
  background-color: var(--dm-content, #202325);
  color: var(--dm-text, #e4e6e8);
}

html.client-darkmode .site-infobox .infobox-lauks-label,
html.skin-theme-clientpref-night .site-infobox .infobox-lauks-label {
  background-color: var(--dm-raised, #32373b);
  color: var(--dm-text, #e4e6e8);
}

html.client-darkmode .site-infobox .infobox-lauks-data,
html.client-darkmode .site-infobox .infobox-rinda-saturs,
html.client-darkmode .site-infobox .infobox-attels-cell,
html.skin-theme-clientpref-night .site-infobox .infobox-lauks-data,
html.skin-theme-clientpref-night .site-infobox .infobox-rinda-saturs,
html.skin-theme-clientpref-night .site-infobox .infobox-attels-cell {
  background-color: transparent;
  color: inherit;
}

/*
 * A default title remains transparent.
 * An inline bg= parameter still overrides this declaration.
 */
html.client-darkmode .site-infobox .infobox-tituls-galvene,
html.skin-theme-clientpref-night .site-infobox .infobox-tituls-galvene {
  background-color: transparent;
  color: inherit;
}

/*
 * Semantic section colours remain unchanged in dark mode.
 */
html.client-darkmode .site-infobox .infobox-sadala-galvene,
html.skin-theme-clientpref-night .site-infobox .infobox-sadala-galvene {
  background-color: var(--sarkans);
  color: #fff;
}