More languages
More actions
mNo edit summary |
m (Added box shadow for floating TOC, changed infobox to adapt to dark Citizen style, plus some interface stuff) |
||
Line 7: | Line 7: | ||
font-style: inherit; | font-style: inherit; | ||
color: var(--color-base) | color: var(--color-base) | ||
} | |||
.skin-citizen-dark .ace-tm { | |||
background-color: var(--background-color-dp-01); | |||
color: var(--color-base) | |||
} | |||
.skin-citizen-dark .ace-tm .ace_print-margin { | |||
background: var(--background-color-dp-00); | |||
} | |||
.skin-citizen-dark .ace-tm .ace_gutter { | |||
background: var(--color-surface-1); | |||
} | |||
.skin-citizen-dark .ace-tm .ace_gutter-active-line { | |||
background-color: var(--color-surface-2--active); | |||
} | |||
.skin-citizen-dark .codeEditor-status { | |||
background-color: var(--color-surface-2); | |||
} | |||
.skin-citizen-dark #toc { | |||
box-shadow: 0px 2.25em 1em -0.15em rgb(0, 0, 0); | |||
} | |||
.skin-citizen-light #toc { | |||
box-shadow: 0px 2.25em 1em -0.15em rgb(0, 0, 0, 0.5); | |||
} | |||
.skin-citizen-dark .infobox { | |||
color: var(--color-base); | |||
background-color: var(--color-surface-2); | |||
} | } | ||
Revision as of 02:39, 14 January 2022
/* All CSS here will be loaded for users of the Citizen skin */
blockquote {
padding: 8px 16px;
font-family: var(--font-family-base);
font-size: 100%;
font-style: inherit;
color: var(--color-base)
}
.skin-citizen-dark .ace-tm {
background-color: var(--background-color-dp-01);
color: var(--color-base)
}
.skin-citizen-dark .ace-tm .ace_print-margin {
background: var(--background-color-dp-00);
}
.skin-citizen-dark .ace-tm .ace_gutter {
background: var(--color-surface-1);
}
.skin-citizen-dark .ace-tm .ace_gutter-active-line {
background-color: var(--color-surface-2--active);
}
.skin-citizen-dark .codeEditor-status {
background-color: var(--color-surface-2);
}
.skin-citizen-dark #toc {
box-shadow: 0px 2.25em 1em -0.15em rgb(0, 0, 0);
}
.skin-citizen-light #toc {
box-shadow: 0px 2.25em 1em -0.15em rgb(0, 0, 0, 0.5);
}
.skin-citizen-dark .infobox {
color: var(--color-base);
background-color: var(--color-surface-2);
}
.skin-citizen-light {
--color-base: black
}
.skin-citizen-light blockquote {
--color-base: black
}