Module:Documentation/styles.css: Difference between revisions
From All Skies Encyclopaedia
imported>Izno (add these styles) |
imported>Taavi (use codex tokens for borders to improve dark mode support) |
||
(28 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
/* {{pp|small=yes}} */ |
|||
⚫ | |||
.documentation, |
|||
⚫ | |||
⚫ | |||
⚫ | |||
clear: both; |
clear: both; |
||
⚫ | |||
⚫ | |||
margin: 1em 0 0 0; |
margin: 1em 0 0 0; |
||
⚫ | |||
⚫ | |||
padding: 1em; |
padding: 1em; |
||
} |
} |
||
. |
.documentation-metadata { |
||
margin: 0.2em 0; /* same margin left-right as .documentation */ |
|||
⚫ | |||
padding: 0.4em 1em; /* same padding left-right as .documentation */ |
|||
} |
|||
⚫ | |||
padding-bottom: 3px; |
padding-bottom: 3px; |
||
border-bottom: 1px solid # |
border-bottom: 1px solid var( --border-color-base, #a2a9b1 ); |
||
margin-bottom: 1ex; |
margin-bottom: 1ex; |
||
} |
} |
||
. |
.documentation-heading { |
||
font-weight: bold; |
font-weight: bold; |
||
font-size: 125%; |
font-size: 125%; |
||
} |
} |
||
.documentation-clear { /* Don't want things to stick out where they shouldn't. */ |
|||
⚫ | |||
⚫ | |||
⚫ | |||
/* |
|||
So right or left floating items don't stick out of the doc box. |
|||
*/ |
|||
.template-documentation-sandbox-start, |
|||
⚫ | |||
clear: both; |
clear: both; |
||
} |
} |
||
.documentation-toolbar { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
#documentation-meta-data .mbox-text { |
|||
@media screen { |
|||
⚫ | |||
html.skin-theme-clientpref-night .documentation, |
|||
html.skin-theme-clientpref-night .documentation-metadata { |
|||
⚫ | |||
⚫ | |||
} |
} |
||
#documentation-meta-data .mbox-text .template-documentation-toolbar-link { |
|||
@media screen and ( prefers-color-scheme: dark ) { |
|||
⚫ | |||
html.skin-theme-clientpref-os .documentation, |
|||
font-size: 85%; |
|||
html.skin-theme-clientpref-os .documentation-metadata { |
|||
background-color: #0b1e1c; |
|||
} |
|||
} |
} |
Latest revision as of 07:52, 22 February 2025
/* {{pp|small=yes}} */
.documentation,
.documentation-metadata {
border: 1px solid var( --border-color-base, #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 var( --border-color-base, #a2a9b1 );
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;
}
}