MediaWiki:Common.css: Difference between revisions

From WickedGov, the Massachusetts civics wiki
Jump to navigation Jump to search
different lock icon for cascadingprotection
Line 74: Line 74:
}
}


/* System messages styled similarly to fmbox (from enwp) */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}
/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: var(--background-color-warning-subtle, #fef6e7);
}


/* Infoboxes */
/* Infoboxes */

Revision as of 22:35, 15 January 2025

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

/* Remove bullets when there are multiple edit page warnings */
/* From en.wikipedia.org/wiki/MediaWiki:Common.css */
ul.permissions-errors {
	margin: 0;
}
ul.permissions-errors > li {
	list-style: none;
}

/* Suppressed content should be double-stricken in dark black */
.mw-history-suppressed {
	color:#202122 !important;
text-decoration:line-through !important;
	text-decoration-style:double !important;
}

/* Hide certain messages displayed only to certain groups */
.hidden-by-default {
	display:none;
}

/* Nowrap from [[wikipedia:MediaWiki:Common.css]] */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* Display [[MediaWiki:Tagline]] */
#siteSub {
    display: block; font-weight: normal; font-size: normal;
}
/* But hide it on the Main Page */
.page-WickedGov_Main_Page #siteSub {
    display: none;
}

/* Built-in protection indicators */
#mw-indicator-protection-sysop > a.mw-protection-indicator-icon--lock {
    background-color: rgba(0,0,0,0);
    mask-image: none !important;
    background-image: url('https://uploads.wickedgov.org/thumb/4/44/Full-protection-shackle.svg/30px-Full-protection-shackle.svg.png');
    background-repeat: no-repeat;
    background-size: contain;
}
#mw-indicator-protection-sysop-cascade > a.mw-protection-indicator-icon--lock {
    background-color: rgba(0,0,0,0);
    mask-image: none !important;
    background-image: url('https://uploads.wickedgov.org/thumb/0/0f/Cascade-protection-shackle.svg/30px-Cascade-protection-shackle.svg.png');
    background-repeat: no-repeat;
    background-size: contain;
}
#mw-indicator-protection-autoconfirmed > a.mw-protection-indicator-icon--lock {
    background-color: rgba(0,0,0,0);
    mask-image: none !important;
    background-image: url('https://uploads.wickedgov.org/thumb/1/1b/Semi-protection-shackle.svg/30px-Semi-protection-shackle.svg.png');
    background-repeat: no-repeat;
    background-size: contain;
}
#mw-indicator-protection-editextendedprotected > a.mw-protection-indicator-icon--lock {
    background-color: rgba(0,0,0,0);
    mask-image: none !important;
    background-image: url('https://uploads.wickedgov.org/thumb/8/8c/Extended-protection-shackle.svg/30px-Extended-protection-shackle.svg.png');
    background-repeat: no-repeat;
    background-size: contain;
}
#mw-indicator-protection-editofficeprotected > a.mw-protection-indicator-icon--lock {
    background-color: rgba(0,0,0,0);
    mask-image: none !important;
    background-image: url('https://uploads.wickedgov.org/thumb/6/62/Office-protection-shackle.svg/30px-Office-protection-shackle.svg.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/* System messages styled similarly to fmbox (from enwp) */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
 * the edit-protected notice and the special:Contribs for blocked users
 * The latter has specificity of 3 classes so we have to triple up here.
 */
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: var(--background-color-error-subtle, #ffdbdb);
	padding: 0.25em 0.9em;
	box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
	border-color: #fc3;
	background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Infoboxes */
/* From [[wikipedia:MediaWiki:Common.css]] */
.infobox {
	border: 1px solid #a2a9b1;
	color: black;
	padding: 0.2em;
	font-size: 88%;
	line-height: 1.5em;
	border-spacing: 3px;
}

@media screen {
	.infobox {
		background-color: #f8f9fa;
    }
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
	}
    
	.infobox .nowrap {
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		/* @noflip */
		margin: 0.5em 0 0.5em 1em;
		/* @noflip */
		float: right;
		/* @noflip */
		clear: right;
		width: 22em;
	}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}