Toggle search
Toggle menu
6
5
4
306
Chronos Universe Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Module:Documentation/styles.css: Difference between revisions

From Chronos Universe Wiki
More actions
← Older edit
wp>Jonesey95
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
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* {{pp|small=yes}} */
.documentation {
.documentation,
    margin-top: var( --space-md );
.documentation-metadata {
    padding-top: var( --space-md );
border: 1px solid var( --border-color-base, #a2a9b1 );
    border-top: var( --border-base );
background-color: #ecfcf4; color:inherit;
clear: both;
}
}


.documentation {
.documentation-header {
margin: 1em 0 0 0;
    display: flex;
padding: 1em;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
}


.documentation-metadata {
.documentation-header,
margin: 0.2em 0; /* same margin left-right as .documentation */
.documentation-subheader {
     font-style: italic;
     line-height: 1.25;
    padding: 0.4em 1em; /* same padding left-right as .documentation */
}
}


.documentation-startbox {
.documentation-title {
padding-bottom: 3px;
    color: var( --color-emphasized );
border-bottom: 1px solid var( --border-color-base, #a2a9b1 );
    font-size: var( --font-size-large );
margin-bottom: 1ex;
    font-weight: var( --font-weight-semi-bold );
}
}


.documentation-heading {
.documentation-links {
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. */
.documentation-subheader {
clear: both;
    color: var( --color-subtle );
    font-size: var( --font-size-small );
}
}


.documentation-toolbar {
.documentation-content {
font-style: normal;
    margin-top: var( --space-xl );
font-size: 85%;
}
}


 
.documentation-modulestats {
@media screen {
     padding: var( --space-xxs );
     html.skin-theme-clientpref-night .documentation,
    background: var( --color-surface-1 );
html.skin-theme-clientpref-night .documentation-metadata {
    border-radius: var( --border-radius-medium );
    background-color: #0b1e1c; color:inherit;
    display: flex;
}
    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; color:inherit;
    }
}
}

Latest revision as of 11:34, 14 January 2026

.documentation {
    margin-top: var( --space-md );
    padding-top: var( --space-md );
    border-top: var( --border-base );
}

.documentation-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.documentation-header,
.documentation-subheader {
    line-height: 1.25;
}

.documentation-title {
    color: var( --color-emphasized );
    font-size: var( --font-size-large );
    font-weight: var( --font-weight-semi-bold );
}

.documentation-links {
    font-family: var( --font-family-monospace );
}

.documentation-subheader {
    color: var( --color-subtle );
    font-size: var( --font-size-small );
}

.documentation-content {
    margin-top: var( --space-xl );
}

.documentation-modulestats {
    padding: var( --space-xxs );
    background: var( --color-surface-1 );
    border-radius: var( --border-radius-medium );
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.documentation-modulestats > * {
    margin: 0 !important;
}
Retrieved from "https://chronos.erina.moe/index.php?title=Module:Documentation/styles.css&oldid=179"
Last modified
This page was last edited on 14 January 2026, at 11:34.
Copyright
All game content and material for TOKYO CHRONOS, ALTDEUS: Beyond Chronos and DYSCHRONIA: Chronos Alternate are copyright of MyDearest, Inc. Other content is available under Creative Commons Attribution-NonCommercial-ShareAlike unless otherwise noted.