MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
Applied many fixes for mobile users |
Fixed colours Tags: Mobile edit Mobile web edit |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
:root.skin-theme-clientpref-day, | :root.skin-theme-clientpref-day, | ||
:root.skin-theme-clientpref-night { | :root.skin-theme-clientpref-night, | ||
--color-surface-0: var(- | :root.skin-theme-clientpref-os { | ||
--color-surface-1: var(-- | --color-surface-0: var(--background-color-base); | ||
--color-surface-2: var(-- | --color-surface-1: var(--background-color-1); | ||
--color-surface-3: var(-- | --color-surface-2: var(--background-color-2); | ||
--color-surface-4: var(-- | --color-surface-3: var(--background-color-3); | ||
--color-surface-4: var(--background-color-4); | |||
--color-base: var(--page-text-color); | --color-base: var(--page-text-color); | ||
} | } | ||
:root.skin-theme-clientpref-night { | :root.skin-theme-clientpref-night, | ||
:root.skin-theme-clientpref-os { | |||
--color-destructive__h: 360; | --color-destructive__h: 360; | ||
--color-destructive__l: 67%; | --color-destructive__l: 67%; | ||
} | } | ||
/* Disable | /* Disable extra midnight theme */ | ||
#skin-client-prefs-citizen-feature-pure-black { | #skin-client-prefs-citizen-feature-pure-black { | ||
display: none !important; | display: none !important; | ||
} | } | ||
| Line 35: | Line 32: | ||
@media screen { | @media screen { | ||
.skin-theme-clientpref-night .citizen-page-container:before { | .skin-theme-clientpref-night .citizen-page-container:before, | ||
.skin-theme-clientpref-os .citizen-page-container:before { | |||
background-image: url(https://petitplanet.wiki/images/b/b4/Background_Dark.jpg); | background-image: url(https://petitplanet.wiki/images/b/b4/Background_Dark.jpg); | ||
background-position: 70% center; | background-position: 70% center; | ||
| Line 81: | Line 79: | ||
transparent 100% | transparent 100% | ||
); | ); | ||
} | |||
/* Transparent body container for main page */ | |||
.rootpage-Main_Page .citizen-body { | |||
background: transparent; | |||
} | } | ||
| Line 92: | Line 95: | ||
h2, h3 { | h2, h3 { | ||
font-weight: var(--font-weight-normal); | font-weight: var(--font-weight-normal); | ||
} | |||
h2 { | |||
border-color: var(--theme-border-color); | |||
border-bottom-width: 2px; | |||
padding-bottom: 2px; | |||
} | } | ||