MediaWiki:Mobile.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.

@media screen and (max-width: 720px) {
  .infobox {
    width: 100% !important;
    max-width: 270px;
    margin: 0.5em auto;
    font-size: 0.88em;
    line-height: 1.35em;
    border-collapse: collapse;
    background: #f9f9f9;
    color: #000;
  }

  .infobox td,
  .infobox th {
    padding: 0.25em 0.4em;
    border: 1px solid #aaa;
    vertical-align: top;
  }

  .infobox th {
    background-color: #f3f3f3;
    font-weight: normal;
    text-align: left;
  }

  .infobox-header {
    background-color: #cedff2;
    font-weight: bold;
    text-align: center;
  }

  .infobox-subheader {
    background-color: #dee3ea;
    font-weight: bold;
    text-align: center;
  }

  .infobox .mergedtoprow td,
  .infobox .mergedtoprow th {
    border-top: 0;
  }

  .infobox img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
  }

  .infobox .image {
    margin-bottom: 0.3em;
  }

  .infobox .navbox {
    margin-top: 0.5em;
    font-size: 0.8em;
  }

  .infobox caption {
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0;
  }
}