Jump to content

Module:Documentation/styles.css: Difference between revisions

m Ukrainian interwiki
m 1 revision imported: Importing Module:Navbox for navigation elements
Line 1: Line 1:
.documentation {
/* {{pp|small=yes}} */
background-color: hsl(215, 75%, 92%);
.documentation,
border: 1px solid #ccc;
.documentation-metadata {
padding: 0.8em 1em 0.7em;
border: 1px solid #a2a9b1;
margin-top: 1em;
background-color: #ecfcf4;
clear: both;
clear: both;
}
body.wgl-theme-dark .documentation {
background-color: hsl(215, 25%, 8%);
border-color: #121212;
}
}


.documentation-header-top,
.documentation {
.documentation-header-bottom {
margin: 1em 0 0 0;
padding: 0.8em 1em 0.7em;
padding: 1em;
background-color: hsl(215, 75%, 85%);
}
body.wgl-theme-dark .documentation-header-top,
body.wgl-theme-dark .documentation-header-bottom {
background-color: hsl(215, 25%, 12%);
}
}


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


.documentation-header-bottom {
.documentation-startbox {
margin: 0.7em -1em -0.7em;
padding-bottom: 3px;
border-top: inherit;
border-bottom: 1px solid #aaa;
clear: both;
margin-bottom: 1ex;
}
}


.documentation #documentation-jump-to-code {
.documentation-heading {
    white-space: nowrap;
font-weight: bold;
font-size: 125%;
}
}


.documentation #documentation-header-tools {
.documentation-clear { /* Don't want things to stick out where they shouldn't. */
    float: right;
clear: both;
    margin-left: 2em;
}
}


.documentation-header-title {
.documentation-toolbar {
font-weight: bold;
font-style: normal;
font-size: 130%;
font-size: 85%;
margin-right: 1em;
line-height: 1;
}
}


.documentation-badDoc {
background-color: hsl(40, 75%, 92%);
}
body.wgl-theme-dark .documentation-badDoc {
background-color: hsl(40, 25%, 8%);
}
.documentation-badDoc .documentation-header-top,
.documentation-badDoc .documentation-header-bottom {
background-color: hsl(40, 75%, 85%);
}
body.wgl-theme-dark .documentation-badDoc .documentation-header-top,
body.wgl-theme-dark .documentation-badDoc .documentation-header-bottom {
background-color: hsl(40, 25%, 12%);
}


.documentation-noDoc {
@media screen {
background-color: hsl(0, 0%, 92%);
    html.skin-theme-clientpref-night .documentation,
}
html.skin-theme-clientpref-night .documentation-metadata {
body.wgl-theme-dark .documentation-noDoc {
    background-color: #0b1e1c;
background-color: hsl(0, 0%, 8%);
}
}
}


.documentation-noDoc .documentation-header-top,
.documentation-noDoc .documentation-header-bottom {
background-color: hsl(0, 0%, 85%);
}
body.wgl-theme-dark .documentation-noDoc .documentation-header-top,
body.wgl-theme-dark .documentation-noDoc .documentation-header-bottom {
background-color: hsl(0, 0%, 12%);
}


@media screen and (max-width: 480px) {
@media screen and ( prefers-color-scheme: dark) {
     .documentation #documentation-header-tools {
     html.skin-theme-clientpref-os .documentation,
         float: none;
    html.skin-theme-clientpref-os .documentation-metadata {
        margin-left: 0;
         background-color: #0b1e1c;
        display: block;
     }
     }
}
}
/*
[[Category:Template styles]]
[[ja:モジュール:Documentation/styles.css]]
[[uk:Модуль:Документація/styles.css]]
[[zh:Module:Documentation/styles.css]]
*/

Revision as of 04:22, 17 June 2025

/* {{pp|small=yes}} */
.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%;
}


@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;
    }
}