Template:Palantir styles/styles.css

/* Styled callout boxes for the Palantir Internals pages. */
.pi-box {
	margin: 0.9em 0;
	padding: 0.7em 1.1em;
	border-left: 4px solid #a2a9b1;
	background: #f8f9fa;
	border-radius: 2px;
	line-height: 1.6;
}
.pi-box p:first-child { margin-top: 0; }
.pi-box p:last-child { margin-bottom: 0; }
.pi-box .pi-label { font-weight: bold; }
.pi-formal { border-left-color: #72777d; background: #f6f6f4; }
.pi-inference { border-left-color: #4a7ebb; background: #eef4fa; }
.pi-inference .pi-label { color: #2a4b7c; }
.pi-hazard { border-left-color: #b03030; background: #fbeeee; }
.pi-hazard .pi-label { color: #8b2020; }
.pi-algo {
	margin: 0.9em 0;
	padding: 0.7em 1.1em;
	border: 1px solid #c8ccd1;
	background: #fcfcfc;
	border-radius: 2px;
}
.pi-algo .pi-label { font-weight: bold; }
.pi-src { color: #54595d; font-size: 88%; }
.pi-quote { margin: 0.8em 0 0.8em 1.6em; }
.pi-quote .pi-src { display: block; margin-top: 0.35em; }
@media screen {
	html.skin-theme-clientpref-night .pi-box { background: #27292d; border-left-color: #72777d; }
	html.skin-theme-clientpref-night .pi-formal { background: #26282c; }
	html.skin-theme-clientpref-night .pi-inference { background: #1e2a38; border-left-color: #6a9fd8; }
	html.skin-theme-clientpref-night .pi-inference .pi-label { color: #9ec5ec; }
	html.skin-theme-clientpref-night .pi-hazard { background: #332323; border-left-color: #d05a5a; }
	html.skin-theme-clientpref-night .pi-hazard .pi-label { color: #e88; }
	html.skin-theme-clientpref-night .pi-algo { background: #26282c; border-color: #54595d; }
	html.skin-theme-clientpref-night .pi-src { color: #a2a9b1; }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .pi-box { background: #27292d; border-left-color: #72777d; }
	html.skin-theme-clientpref-os .pi-formal { background: #26282c; }
	html.skin-theme-clientpref-os .pi-inference { background: #1e2a38; border-left-color: #6a9fd8; }
	html.skin-theme-clientpref-os .pi-inference .pi-label { color: #9ec5ec; }
	html.skin-theme-clientpref-os .pi-hazard { background: #332323; border-left-color: #d05a5a; }
	html.skin-theme-clientpref-os .pi-hazard .pi-label { color: #e88; }
	html.skin-theme-clientpref-os .pi-algo { background: #26282c; border-color: #54595d; }
	html.skin-theme-clientpref-os .pi-src { color: #a2a9b1; }
}