MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ============================= */
/* Wikipedia-style Infobox Look */
/* ============================= */

.infobox {
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-collapse: collapse;
  color: #202122;
  font-size: 90%;
}

.infobox-above {
  background: #eaecf0;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  padding: 8px;
}

.infobox th,
.infobox td {
  padding: 6px 8px;
  vertical-align: top;
}

.infobox th {
  background: #eaecf0;
  text-align: left;
}

.infobox img {
  max-width: 100%;
  height: auto;
}

/* ============================= */
/* Desktop infobox alignment */
/* ============================= */

@media screen and (min-width: 721px) {
  .infobox {
    width: 22em;
    float: right;
    margin: 0 0 1em 1em;
  }
}

/* ============================= */
/* Mobile infobox (let Minerva handle width) */
/* ============================= */

@media screen and (max-width: 720px) {
  .infobox {
    width: auto;
    float: none;
    margin: 0 0 1em 0;
  }
}