Jump to content

Wikipedia:Good articles/styles.css

From Wikipedia, the free encyclopedia
.wp-ga-topic {
	clear: both;
}

.wp-ga-topic h2,
.wp-ga-topic h3,
.wp-ga-topic .mw-heading2,
.wp-ga-topic .mw-heading3 {
	font-weight: bold;
	font-size: large;
	color: #202122; /* Define as Vector 2022 color, to dodge inversion on dark mode */
	
	/* reset text defaults */
	border: none;
	font-family: inherit;
	line-height: inherit;
	margin: inherit;
}

.wp-ga-topic h2,
.wp-ga-topic .mw-heading2 {
	padding: 0.3em 0.3em 0.3em 0.7em;
	background-color: #66CC66;
	margin-top: 1em; /* add some back */
}

.wp-ga-topic h3,
.wp-ga-topic .mw-heading3 {
	padding: 0.1em 0.1em 0.7em 0.7em;
	background-color: #D8FFD8;
	overflow: initial; /* global value */
}

.wp-ga-topic h4,
.wp-ga-topic .mw-heading4 {
	border-bottom: 1px #a2a9b1 solid;
}

.wp-ga-topic-back {
	text-align: right;
}

.wp-ga-topic-back::before {
	content: "[ ";
}

.wp-ga-topic-back::after {
	content: " ]";
}

.wp-ga-topic-contents h3,
.wp-ga-topic-contents .mw-heading3 {
	background-color: #98DC98;
	color: #202122; /* Define as Vector 2022 color, to dodge inversion on dark mode */
	padding: 0.3em 0.3em 0.3em 0.7em;
	font-size: inherit;
}

.wp-ga-topic-contents > div,
.wp-ga-topic .mw-collapsible {
	padding: 0.3em;
	border: 1px solid #a2a9b1;
}

.wp-ga-topic-contents > div,
.wp-ga-topic .mw-collapsible-content {
	font-size: 95%;
}

.wp-ga-topic-contents + .mw-collapsible,
.wp-ga-topic .mw-collapsible + .mw-collapsible {
	margin-top: -1px;
}