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 mobile infobox (full width) === */
@media screen and (max-width: 720px) {

  /* Infobox container */
  .infobox {
    float: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 -16px 16px -16px !important;
    border-left: none !important;
    border-right: none !important;
    box-sizing: border-box;
  }

  /* Infobox title */
  .infobox th[colspan="2"] {
    font-size: 1.3em;
    padding: 12px 10px !important;
    text-align: center;
  }

  /* Infobox image */
  .infobox img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
  }

  /* Image caption */
  .infobox caption,
  .infobox .infobox-caption {
    padding: 8px 10px;
    font-size: 0.9em;
  }

  /* Table cells spacing */
  .infobox td,
  .infobox th {
    padding: 8px 10px !important;
  }
}
.verified-icon {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 4px;
  white-space: nowrap;
}
/* Align name and verified badge in infobox title */
.infobox-above {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.infobox-above .verified-icon-inline {
  margin-left: 0;
}
/* Infobox title alignment fix */
.infobox-title-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.infobox-title-wrap .verified-badge {
  display: inline-flex;
  align-items: center;
}