MediaWiki:Common.css

/* 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-\+-Add-an-artist-or-venue a { font-weight: bold; }

/* Show the tagline under page titles */
#siteSub { display: block !important; font-size: 92%; color: #54595d; }

/* Invitation box on the main page */
.mp-invite { clear: both; margin: 1em 0; padding: 0.4em 1.2em 0.8em; border: 2px solid #6b4fa0; border-radius: 6px; background: #f6f2fc; }
.mp-invite h3 { margin-top: 0.4em; }
.mp-suggest-btn2 { background: #2a7a6f; }
.mp-invite a:hover .mp-suggest-btn2 { background: #1f5f56; }
.mp-invite a { text-decoration: none; }
@media screen { html.skin-theme-clientpref-night .mp-invite { background: #241d33; } }
@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mp-invite { background: #241d33; } }/* Main Page sponsor banner */
.mp-sponsor { clear: both; margin: 0 0 1.2em; padding: 0.8em 1.4em 1em; border: 2px solid #b8860b; border-radius: 6px; background: #fdf8e8; text-align: center; }
.mp-sponsor-title { font-size: 150%; font-weight: bold; font-family: 'Linux Libertine', Georgia, Times, serif; margin: 0.2em 0 0.3em; }
.mp-sponsor-text { font-size: 112%; font-style: italic; margin: 0 auto 0.5em; max-width: 46em; }
.mp-sponsor-about { font-size: 100%; margin: 0 auto; max-width: 52em; }
@media screen { html.skin-theme-clientpref-night .mp-sponsor { background: #2e2814; border-color: #a07a1a; } }
@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mp-sponsor { background: #2e2814; border-color: #a07a1a; } }