Template:Documentation/styles.css

/* START styles for documentation templates */

.doc-clear{
	height: 1em; 
	clear: both; 
	margin-top: 5px;
}

.doc {
    margin: 0 auto 1em;
    border: 1px solid;
    padding: 1em;
}

/* header and elements */
.doc-header {
    padding-bottom: 3px;
    border-bottom: 1px solid var(--border-color-base,#a2a9b1);
    margin-bottom: 1ex;
}

.doc-header-title {
	font-weight: bold; 
	font-size: 125%;
}

.doc-header-purge{
	float: right;
	margin-left: 5px;
}

/* footer and elements */
.doc-footer {
    margin: 0 auto;
    border: 1px solid;
    padding: 1em;
}

.doc-footer-text{
 margin: 0;	
}

/* color schemes */
.doc-color-std{
	background-color: #eaf4f9;
	border: 1px solid var(--border-color-base,#a2a9b1);
}

.doc-color-baddoc{
	background-color: #fbfcd8;
	border: 1px solid #b8a530;
}

.doc-color-nodoc{
	background-color: #ffe9e5;
	border: 1px solid #9c0000;
}

/* forced nightmode */
@media screen {
    html.skin-theme-clientpref-night .doc-color-std{
		background-color: #081928;
    }
    html.skin-theme-clientpref-night .doc-color-baddoc{
		background-color: #383a19;
    }
    html.skin-theme-clientpref-night .doc-color-nodoc{
		background-color: #360c10;
    }
}

/* automatic mode */
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .doc-color-std{
		background-color: #081928;
    }
    html.skin-theme-clientpref-os .doc-color-baddoc {
		background-color: #383a19;
    }
    html.skin-theme-clientpref-os .doc-color-nodoc {
		background-color: #360c10;
    }
}
/* END styles for documentation templates*/