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

/* Artists Wiki infobox */
.infobox {
	float: right; clear: right; margin: 0 0 1em 1.4em; width: 22em; max-width: 100%;
	border: 1px solid #a2a9b1; background: #f8f9fa; color: #202122;
	font-size: 88%; line-height: 1.5em; padding: 0.2em; border-spacing: 3px;
}
.infobox th, .infobox td { vertical-align: top; text-align: left; padding: 0.2em 0.4em; }
.infobox th { width: 38%; }
.infobox .infobox-title {
	text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em;
	background: #e8dff5; color: #202122;
}
.infobox .infobox-image { text-align: center; }
.infobox .infobox-caption { font-size: 90%; padding-top: 0.2em; }
@media screen and (max-width: 720px) {
	.infobox { float: none; width: 100%; margin: 0 0 1em 0; }
}
@media screen { html.skin-theme-clientpref-night .infobox { background: #202122; color: #eaecf0; border-color: #54595d; }
	html.skin-theme-clientpref-night .infobox .infobox-title { background: #3b2f52; color: #eaecf0; } }
@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .infobox { background: #202122; color: #eaecf0; border-color: #54595d; }
	html.skin-theme-clientpref-os .infobox .infobox-title { background: #3b2f52; color: #eaecf0; } }

/* Main page */
.mp-grid { display: flex; flex-wrap: wrap; gap: 1em; margin-top: 1em; }
.mp-box { flex: 1 1 18em; border: 1px solid #c8ccd1; border-radius: 4px; padding: 0.6em 1em; }
.mp-box h2 { margin-top: 0.2em; border-bottom: none; font-size: 120%; }
.mp-intro { font-size: 112%; }

.infobox .infobox-subtitle { font-size: 80%; font-weight: normal; }
.infobox .infobox-disciplines { text-align: center; font-style: italic; padding-bottom: 0.4em; }
.infobox .infobox-header { text-align: center; background: #efeaf7; font-weight: bold; }
@media screen { html.skin-theme-clientpref-night .infobox .infobox-header { background: #2c2440; } }
@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .infobox .infobox-header { background: #2c2440; } }

/* Suggest an artist button */
.mp-suggest { margin: 1em 0; }
.mp-suggest a { text-decoration: none !important; }
.mp-suggest-btn { display: inline-block; background: #6b4fa0; color: #fff; font-weight: bold; padding: 0.45em 1em; border-radius: 4px; margin-right: 0.6em; }
.mp-suggest a:hover .mp-suggest-btn { background: #573f85; }
#n-Special\:SuggestArtist a, #n-suggestartist a { font-weight: bold; }