Toggle menu
Toggle preferences 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
Adjusted headers and main page for mobile
Fixed colours
Tags: Mobile edit Mobile web edit
(2 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(--page-background-color);
:root.skin-theme-clientpref-os {
     --color-surface-1: var(--theme-color-1);
     --color-surface-0: var(--background-color-base);
     --color-surface-2: var(--theme-color-2);
     --color-surface-1: var(--background-color-1);
     --color-surface-3: var(--theme-color-3);
     --color-surface-2: var(--background-color-2);
     --color-surface-4: var(--theme-color-4);
     --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 auto theme and extra midnight theme */
/* Disable extra midnight theme */
#skin-client-prefs-skin-theme .citizen-client-prefs-radio:has(input[value="os"]),
#skin-client-prefs-citizen-feature-pure-black {
#skin-client-prefs-citizen-feature-pure-black {
     display: none !important;  
     display: none !important;  
}
#skin-client-prefs-skin-theme form {
    grid-template-columns:repeat(2,1fr);
}
}


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;