Module:Documentation/styles.css: Difference between revisions
Fix Linter errors related to text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value. |
m 1 revision imported |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 3: | Line 3: | ||
.documentation-metadata { | .documentation-metadata { | ||
border: 1px solid var( --border-color-base, #a2a9b1 ); | border: 1px solid var( --border-color-base, #a2a9b1 ); | ||
background-color: #ecfcf4; color:inherit; | background-color: #ecfcf4; | ||
color:inherit; | |||
clear: both; | clear: both; | ||
} | } | ||
| Line 27: | Line 28: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 125%; | font-size: 125%; | ||
} | |||
body.skin-minerva .documentation-startbox .mw-editsection-like a, | |||
body.skin-timeless .documentation-startbox .mw-editsection-like a { | |||
display: inline-block; | |||
margin-left: 0.3em; | |||
margin-right: 0.3em; | |||
} | } | ||
| Line 42: | Line 50: | ||
html.skin-theme-clientpref-night .documentation, | html.skin-theme-clientpref-night .documentation, | ||
html.skin-theme-clientpref-night .documentation-metadata { | html.skin-theme-clientpref-night .documentation-metadata { | ||
background-color: #0b1e1c | background-color: #0b1e1c; | ||
} | } | ||
} | } | ||
| Line 50: | Line 58: | ||
html.skin-theme-clientpref-os .documentation, | html.skin-theme-clientpref-os .documentation, | ||
html.skin-theme-clientpref-os .documentation-metadata { | html.skin-theme-clientpref-os .documentation-metadata { | ||
background-color: #0b1e1c | background-color: #0b1e1c; | ||
} | } | ||
} | } | ||
Latest revision as of 23:11, 27 June 2026
/* {{pp|small=yes}} */
.documentation,
.documentation-metadata {
border: 1px solid var( --border-color-base, #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-style: italic;
padding: 0.4em 1em; /* same padding left-right as .documentation */
}
.documentation-startbox {
padding-bottom: 3px;
border-bottom: 1px solid var( --border-color-base, #a2a9b1 );
margin-bottom: 1ex;
}
.documentation-heading {
font-weight: bold;
font-size: 125%;
}
body.skin-minerva .documentation-startbox .mw-editsection-like a,
body.skin-timeless .documentation-startbox .mw-editsection-like a {
display: inline-block;
margin-left: 0.3em;
margin-right: 0.3em;
}
.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;
}
}