Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
More languages
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
}