Module:Documentation/styles.css: Difference between revisions
From Amaranth Legacy, available at amaranth-legacy.community
More actions
Content deleted Content added
Star Citizen Wiki>Alistar Bot m →top: deprecate old Citizen variables, replaced: --color-base--emphasized → --color-emphasized, --border-radius--medium → --border-radius-medium, --color-base--subtle → --color-subtle |
Tesinormed (talk | contribs) m 1 revision imported |
||
| Line 1: | Line 1: | ||
/* {{pp|small=yes}} */ |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
background-color: #ecfcf4; |
|||
clear: both; |
|||
} |
|||
.documentation { |
.documentation { |
||
margin: 1em 0 0 0; |
|||
padding: 1em; |
|||
| ⚫ | |||
border-color: var( --border-color-base ); |
|||
font-size: var( --font-size-small ); |
|||
} |
} |
||
.documentation- |
.documentation-metadata { |
||
margin: 0.2em 0; /* same margin left-right as .documentation */ |
|||
display: flex; |
|||
font-style: italic; |
|||
padding: 0.4em 1em; /* same padding left-right as .documentation */ |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
} |
} |
||
.documentation- |
.documentation-startbox { |
||
padding-bottom: 3px; |
|||
color: var( --color-emphasized ); |
|||
border-bottom: 1px solid #aaa; |
|||
font-size: var( --font-size-x-large ); |
|||
margin-bottom: 1ex; |
|||
font-weight: var( --font-weight-semibold ); |
|||
line-height: var( --line-height-xs ); |
|||
} |
} |
||
.documentation- |
.documentation-heading { |
||
font-weight: bold; |
|||
font-family: var( --font-family-monospace ); |
|||
font-size: 125%; |
|||
} |
} |
||
.documentation-clear { /* Don't want things to stick out where they shouldn't. */ |
|||
| ⚫ | |||
clear: both; |
|||
color: var( --color-subtle ); |
|||
font-size: var( --font-size-x-small ); |
|||
line-height: var( --line-height-sm ); |
|||
} |
} |
||
.documentation- |
.documentation-toolbar { |
||
font-style: normal; |
|||
margin-top: var( --space-xl ); |
|||
font-size: 85%; |
|||
} |
} |
||
| ⚫ | |||
@media screen { |
|||
padding: var( --space-xxs ); |
|||
html.skin-theme-clientpref-night .documentation, |
|||
background: var( --color-surface-2 ); |
|||
html.skin-theme-clientpref-night .documentation-metadata { |
|||
border-radius: var( --border-radius-medium ); |
|||
background-color: #0b1e1c; |
|||
} |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
} |
||
.documentation-modulestats > * { |
|||
@media screen and ( prefers-color-scheme: dark) { |
|||
margin: 0 !important; |
|||
html.skin-theme-clientpref-os .documentation, |
|||
html.skin-theme-clientpref-os .documentation-metadata { |
|||
background-color: #0b1e1c; |
|||
} |
|||
} |
} |
||
Revision as of 22:08, November 10, 2024
/* {{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;
}
}