مدیاویکی:Common.css

.infobox {
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  color: black;
  margin: 0 0 1em 1em;
  padding: 0.2em;
  font-size: 90%;
  line-height: 1.5em;
  width: 250px;
  float: left;
  clear: right;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* header cells */
.infobox th {
  background-color: #ddd;
  text-align: center;
  padding: 0.3em;
}

/* data cells */
.infobox td {
  padding: 0.3em;
}

/* حالت تاریک با توجه به کلاس dark-mode که جاوااسکریپت اضافه می‌کند */
body.dark-mode .infobox {
  background-color: #222 !important;
  color: #ddd !important;
  border: 1px solid #555 !important;
}

body.dark-mode .infobox th {
  background-color: #444 !important;
  color: #ddd !important;
}

body.dark-mode .infobox td {
  color: #ccc !important;
}