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

body.skin--responsive.skin-minerva .mw-parser-output .infobox {
  float:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  font-size:90%;
  position:relative;
  border:1px solid var(--border-color-muted,#dadde3);
  margin-bottom:2em;
  color:var(--color-base,#202122);
  background-color:var(--background-color-interactive-subtle,#f8f9fa);
  display:flex;
  flex:1 1 100%;
  flex-flow:column nowrap;
  width:100% !important;
  max-width:100% !important;
  text-align:start
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox caption {
  padding:10px 10px 0;
  text-align:center
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox th,
body.skin--responsive.skin-minerva .mw-parser-output .infobox td {
  vertical-align:top;
  border:0;
  border-bottom:1px solid var(--border-color-muted,#dadde3);
  padding:7px 10px
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox tbody > tr > td,
body.skin--responsive.skin-minerva .mw-parser-output .infobox tbody > tr > th {
  flex:1 0
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox td:only-child,
body.skin--responsive.skin-minerva .mw-parser-output .infobox th:only-child {
  width:100%
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox tr:last-child th,
body.skin--responsive.skin-minerva .mw-parser-output .infobox tr:last-child td {
  border:0
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox > tbody,
body.skin--responsive.skin-minerva .mw-parser-output .infobox > caption {
  display:flex;
  flex-flow:column nowrap
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox > tbody > tr {
  min-width:100%;
  display:flex;
  flex-flow:row nowrap
}
@media all and (min-width:640px) {
  body.skin-minerva.skin--responsive .mw-parser-output .infobox {
    margin:0.5em 0 1em 35px !important;
    max-width:320px !important;
    width:auto !important;
    float:right !important;
    clear:right !important
  }
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox .infobox-caption {
  padding:10px 10px 0;
  text-align:center;
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox .infobox-caption * {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.skin--responsive.skin-minerva .mw-parser-output .infobox td img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}
/* Warz Score: override auto-centering so it aligns left on mobile */
body.skin--responsive.skin-minerva .mw-parser-output .kwc-warz-score img {
  margin-left: 0 !important;
  margin-right: auto !important;
}