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
Created page with "CSS placed here will be applied to all skins: .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 400px; } .infobox-title { font-size: 2em; text-align: center; } .infobox-image { text-align: center; } .infobox-table th { text-align: right; vertical-align: top; width: 120px; } .infobox-table td { vertical-align: top; }"
 
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


.infobox {
.infobox-subbox {
    background: #eee;
padding: 0;
    border: 1px solid #aaa;
border: none;
    float: right;
margin: -3px;
    margin: 0 0 1em 1em;
width: auto;
    padding: 1em;
min-width: 100%;
    width: 400px;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}
}
.infobox-title {
 
    font-size: 2em;
.infobox-3cols-child {
    text-align: center;
margin: auto;
}
}
.infobox-image {
 
    text-align: center;
.infobox .navbar {
font-size: 100%;
}
}
.infobox-table th {
 
     text-align: right;
@media (min-width: 640px) {
     vertical-align: top;
  body.skin--responsive .infobox-table {
     width: 120px;
     display: table !important;
}
  }
.infobox-table td {
  body.skin--responsive .infobox-table > caption {
     vertical-align: top;
    display: table-caption !important;
  }
  body.skin--responsive .infobox-table > tbody {
     display: table-row-group;
  }
  body.skin--responsive .infobox-table tr {
     display: table-row !important;
  }
  body.skin--responsive .infobox-table th,
  body.skin--responsive .infobox-table td {
     padding-left: inherit;
    padding-right: inherit;
  }
}
}

Revision as of 13:04, 15 February 2025

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

.infobox-subbox {
	padding: 0;
	border: none;
	margin: -3px;
	width: auto;
	min-width: 100%;
	font-size: 100%;
	clear: none;
	float: none;
	background-color: transparent;
}

.infobox-3cols-child {
	margin: auto;
}

.infobox .navbar {
	font-size: 100%;
}

@media (min-width: 640px) {
  body.skin--responsive .infobox-table {
    display: table !important;
  }
  body.skin--responsive .infobox-table > caption {
    display: table-caption !important;
  }
  body.skin--responsive .infobox-table > tbody {
    display: table-row-group;
  }
  body.skin--responsive .infobox-table tr {
    display: table-row !important;
  }
  body.skin--responsive .infobox-table th,
  body.skin--responsive .infobox-table td {
    padding-left: inherit;
    padding-right: inherit;
  }
}