MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
/* NOTE: ALL OF THIS CSS IS PLACED HERE AS A WORK-AROUND; IN THE FUTURE, IT MAY NEED TO BE SPLIT BACK INTO ORIGINALLY INDICATED PAGES. */

/* {{pp|small=yes}} */
/* Module:Documentation/styles.css */
.documentation,
.documentation-metadata {
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	clear: both;
}

.documentation {
	margin: 1em 0 0 0;
	padding: 1em;
}

.documentation-metadata {
	margin: 0.2em 0; /* same margin left-right as .documentation */
    font-style: italic;
    padding: 0.4em 1em; /* same padding left-right as .documentation */
}

.documentation-startbox {
	padding-bottom: 3px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 1ex;
}

.documentation-heading {
	font-weight: bold;
	font-size: 125%;
}

.documentation-clear { /* Don't want things to stick out where they shouldn't. */
	clear: both;
}

.documentation-toolbar {
	font-style: normal;
	font-size: 85%;
}

/* {{pp|small=yes}} */
/* LGBTdb:Main Page/styles.css */

#mp-topbanner {
	box-sizing: border-box;
	border-color: #ddd;
	background-color: #f9f9f9;
}

.mp-bordered,
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
	border-width: 1px;
	border-style: solid;
}

#mp-topbanner,
.mp-h2,
#mp-left {
	color: #000;
}

#mp-welcomecount {
	margin: 0.4em;
	text-align: center;
}

#mp-welcome {
	font-size: 162%;
	padding: 0.1em;
}

#mp-welcome h1 {
	font-size: inherit;
	font-family: inherit;
	display: inline;
	border: none;
}

#mp-welcome h1::after { /* Timeless bottom border */
	content: none;
}

#mp-free {
	font-size: 95%;
}

#articlecount {
	font-size: 85%;
}

#mp-banner {
	margin-top: 4px;
	padding: 0.5em;
	background-color: #fffaf5;
	border-color: #f2e0ce;
}

.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
	margin: 0.5em;
	padding: 0.2em 0.4em;
	font-size: 120%;
	font-weight: bold;
	font-family: inherit;
}

h2.mp-h2::after { /* Remove borders in Timeless */
	border: none;
}

.mp-later {
	font-size: 85%;
	font-weight: normal;
}

#mp-upper {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 0;
	border-spacing: 0;
	border-collapse: separate;
}

#mp-upper .mid-table {
	border-color: transparent;
}

#mp-left {
	width: 55%;
	border-color: #cef2e0;
	background: #f5fffa;
}

#mp-right {
	 width: 45%;
	 border-color: #cedff2;
	 background: #f5faff;
}

#mp-left,
#mp-right {
	 padding: 0;
	 vertical-align: top;
}

#mp-left .mp-h2 {
	background: #cef2e0;
	border-color: #a3bfb1;
}

#mp-right .mp-h2 {
	background: #cedff2;
	border-color: #a3b0bf;
}

#mp-tfa,
#mp-dyk,
#mp-itn,
#mp-otd,
#mp-other-lower > div {
	padding: 0.1em 0.6em;
}

#mp-dyk-h2,
#mp-otd-h2 {
	clear: both;
}

#mp-middle {
	margin-top: 4px;
	border-color: #f2cedd;
	background: #fff5fa;
}

#mp-middle,
#mp-lower,
#mp-other-lower {
	overflow: auto;
}

#mp-tfl-h2 {
	background: #f2cedd;
	border-color: #bfa3af;
}

#mp-tfl {
	padding: 0.3em 0.7em;
}

#mp-lower {
	margin-top: 4px;
	border-color: #ddcef2;
	background: #faf5ff;
}

#mp-tfp-h2 {
	background: #ddcef2;
	border-color: #afa3bf;
}

#mp-tfp {
	 margin: 0.1em 0.4em 0.6em;
}

#mp-other-lower {
	padding: 0;
	border-color: #e2e2e2;
	margin-top: 4px;
}

#mp-dyk,
#mp-otd,
#mp-other-lower {
	padding-bottom: 0.5em;
}

#mp-other-lower .mp-h2 {
	background: #eee;
	border-color: #ddd;
	color: #222;
}

@media (max-width: 875px) {
	body.skin--responsive table,
	body.skin--responsive tr,
	body.skin--responsive td,
	body.skin--responsive tbody {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	body.skin--responsive #mp-tfp tr:first-child td:first-child a {
		text-align: center;
		display: table;
		margin: 0 auto;
	}
}

/* https://phabricator.wikimedia.org/T293232 - Minerva doesn't have this style. */
div.hlist.inline ul,
div.hlist.inline li,
div.hlist.inline {
    display: inline;
}

/* {{pp|small=y}} */
/* Module:Message box/ombox.css */

.ombox {
	margin: 4px 0;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;    /* Default "notice" gray */
	background-color: #f8f9fa;
	box-sizing: border-box;
}

/* For the "small=yes" option. */
.ombox.mbox-small {
	font-size: 88%;
	line-height: 1.25em;
}

.ombox-speedy {
	border: 2px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}

.ombox-delete {
	border: 2px solid #b32424;    /* Red */
}

.ombox-content {
	border: 1px solid #f28500;    /* Orange */
}

.ombox-style {
	border: 1px solid #fc3;       /* Yellow */
}

.ombox-move {
	border: 1px solid #9932cc;    /* Purple */
}

.ombox-protection {
	border: 2px solid #a2a9b1;    /* Gray-gold */
}

.ombox .mbox-text {
	border: none;
	/* @noflip */
	padding: 0.25em 0.9em;
	width: 100%;
}

.ombox .mbox-image {
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;
	text-align: center;
}

.ombox .mbox-imageright {
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;
	text-align: center;
}

/* An empty narrow cell */
.ombox .mbox-empty-cell {
	border: none;
	padding: 0;
	width: 1px;
}

.ombox .mbox-invalid-type {
	text-align: center;
}

@media (min-width: 720px) {
	.ombox {
		margin: 4px 10%;
	}
	
	.ombox.mbox-small {
		/* @noflip */
		clear: right;
		/* @noflip */
		float: right;
		/* @noflip */
		margin: 4px 0 4px 1em;
		width: 238px;
	}
}

/* {{pp|small=y}} */
/* Module:Navbox/styles.css */

.navbox {
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}

.navbox .navbox {
	margin-top: 0; /* No top margin for nested navboxes */
}

.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
.navbox + .navbox-styles + .navbox {
	margin-top: -1px; /* Single pixel border between adjacent navboxes */
}

.navbox-inner,
.navbox-subgroup {
	width: 100%;
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;
	line-height: 1.5em;
	text-align: center;
}

.navbox-group {
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}

.navbox,
.navbox-subgroup {
	background-color: #fdfdfd;
}

.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd; /* Must match background color */
}

.navbox-list-with-group {
	text-align: left;
	border-left-width: 2px;
	border-left-style: solid;
}

/* cell spacing for navbox cells */
/* Borders above 2nd, 3rd, etc. rows */
/* TODO: figure out how to replace tr as structure;
 * with div structure it should be just a matter of first-child */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
	border-top: 2px solid #fdfdfd; /* Must match background color */
}

.navbox-title {
	background-color: #ccf; /* Level 1 color */
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddf; /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff; /* Level 3 color */
}

.navbox-even {
	background-color: #f7f7f7;
}

.navbox-odd {
	background-color: transparent;
}

/* TODO: figure out how to remove reliance on td as structure */
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;
}

.navbox .navbar {
	display: block;
	font-size: 100%;
}

.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}


/* {{pp|small=y}} */
/* Module:Hatnote/styles.css */

.hatnote {
	font-style: italic;
}

/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}

.hatnote i {
	font-style: normal;
}

/* The templatestyles element inserts a link element before hatnotes.
 * TODO: Remove link if/when WMF resolves T200206 */
.hatnote + link + .hatnote {
	margin-top: -0.5em;
}

/* included from here: https://www.wikidata.org/wiki/Help:Ranking */
.wb-deprecated { background-color: #FFE0E0; } /* deprecated claims with red-ish background */ 
.wb-preferred { background-color: #E0FFE0; } /* preferred claims with green-ish background */

/* Color non-default ranks */
.wikibase-rankselector-preferred {
    filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(50deg) saturate(1000%);

}
.wikibase-rankselector-deprecated {
	filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-20deg) saturate(1000%)
}
.wikibase-rankselector {
	padding: 1em;
	margin: -1em;
}
.wikibase-snakview-typeselector {
	left: 21px;
}
.wikibase-statementview-mainsnak .wikibase-snakview .wikibase-snakview-value-container {
	margin-left: 25px;
}