Module:Documentation/styles.css

.documentation,
.documentation-metadata {
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	color: inherit;
	clear: both;
}

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

.documentation-metadata {
	margin: 0.2em 0; /* same margin left-right as .documentation */
    font-size: small;
    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-startbox .mw-editsection-like .doc-link {
	display: none;
	-webkit-user-select: none; /* Safari / Chrome / WebKit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE / Edge */
	user-select: none;
}

body.skin-minerva .documentation-startbox .mw-editsection-like .doc-link,
body.skin-timeless .documentation-startbox .mw-editsection-like .doc-link {
	display: inline-block;
	color: var(--color-subtle, #54595d);
	margin: 0 0.1em;
}

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

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


@media screen {
    html.skin-theme-clientpref-night .documentation,
	html.skin-theme-clientpref-night .documentation-metadata {
	    background-color: #0b1e1c;
	}
}


@media screen and ( prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .documentation,
    html.skin-theme-clientpref-os .documentation-metadata {
        background-color: #0b1e1c;
    }
}