Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 13:12, 9 May 2025 by Little meow meow (talk | contribs) (add infobox styling)

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.
/* CSS placed here will be applied to all skins */

img {
	image-rendering: pixelated;
}

.infobox {
  background:var(--body-light);
  border:1px solid var(--body-border);
  font-size:0.85em;
  width:300px;
  margin:0.5em 0 1em 1em;
  border-collapse:collapse;
  box-shadow:0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
  float:right;
  table-layout:fixed;
  word-break:break-word
}
.infobox .infobox-header {
  color:var(--infobox-text-color);
  font-size:1.15em;
  line-height:1.4em;
  background:var(--body-dark);
  padding:0.5em 0
}
.infobox .infobox-header a {
  color:inherit;
  font-size:1.15em;
  font-weight:bold
}
.infobox .infobox-subheader {
  background:var(--body-dark);
  color:var(--infobox-text-color);
  line-height:2em
}
.infobox .infobox-subheader a {
  color:inherit
}
.infobox .infobox-subheader + .infobox-subheader {
  border-left:2px solid var(--body-light)
}
.infobox .infobox-image {
  text-align:center
}
.infobox .infobox-image.inventory-image {
  height:32px
}
.infobox .infobox-image a.image + a.image {
  margin-left:0.1em
}
.infobox .infobox-image img {
  max-width:300px;
  height:auto
}
.infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {
  text-align:right;
  vertical-align:top;
  border-right:2px solid var(--body-dark);
  padding:0.25em 0.5em
}
.infobox td {
  padding:0.25em 0.5em;
  line-height:1.6em
}
.infobox td.infobox-nested {
  padding:0.25em 0;
  line-height:1em
}
.infobox th ~ td {
  vertical-align:top
}
.infobox .infobox-padding {
  height:0.5em;
  padding:0;
  border:0
}
.infobox .infobox-nested {
  text-align:center
}
.infobox .infobox-nested + .infobox-nested {
  border-left:2px solid var(--body-dark)
}
.infobox .infobox-cell-hidden {
  display:none
}
.infobox .infobox-full-width-content {
  max-width:300px;
  text-align:center;
  overflow:hidden;
  padding:0
}
.infobox .infobox-caption {
  font-weight:bold
}
.infobox select {
  max-width:300px
}