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: Difference between revisions

MediaWiki interface page
extract infobox styling
No edit summary
 
Line 3: Line 3:
img {
img {
image-rendering: pixelated;
image-rendering: pixelated;
}
/* Template:Infobox */
.infobox {
  background:var(--background-color-neutral);
  border:1px solid var(--border-color-base);
  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(--background-color-disabled);
  padding:0.5em 0
}
.infobox .infobox-header a {
  color:inherit;
  font-size:1.15em;
  font-weight:bold
}
.infobox .infobox-subheader {
  background:var(--background-color-disabled);
  color:var(--infobox-text-color);
  line-height:2em
}
.infobox .infobox-subheader a {
  color:inherit
}
.infobox .infobox-subheader + .infobox-subheader {
  border-left:2px solid var(--background-color-neutral)
}
.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(--background-color-disabled);
  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(--background-color-disabled)
}
.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
}
}

Latest revision as of 01:01, 10 May 2025

/* CSS placed here will be applied to all skins */

img {
	image-rendering: pixelated;
}

/* Template:Infobox */
.infobox {
  background:var(--background-color-neutral);
  border:1px solid var(--border-color-base);
  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(--background-color-disabled);
  padding:0.5em 0
}
	
.infobox .infobox-header a {
  color:inherit;
  font-size:1.15em;
  font-weight:bold
}
	
.infobox .infobox-subheader {
  background:var(--background-color-disabled);
  color:var(--infobox-text-color);
  line-height:2em
}
	
.infobox .infobox-subheader a {
  color:inherit
}
	
.infobox .infobox-subheader + .infobox-subheader {
  border-left:2px solid var(--background-color-neutral)
}
	
.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(--background-color-disabled);
  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(--background-color-disabled)
}
	
.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
}