Jump to content

MediaWiki:Citizen.css: Difference between revisions

From The Petit Planet Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
/* All CSS here will be loaded for users of the Citizen skin */
:root {
    --transform-image-hover: none;
}
:root.skin-theme-clientpref-day, :root.skin-theme-clientpref-night {
    --color-surface-0: var(--page-background-color);
    --color-surface-1: var(--theme-color-1);
    --color-surface-2: var(--theme-color-2);
    --color-surface-3: var(--theme-color-3);
    --color-surface-4: var(--theme-color-4);
    --color-base: var(--page-text-color);
}
h2, h3, h4 {
h2, h3, h4 {
     font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
Line 13: Line 26:
}
}


.citizen-page-sidebar {
.citizen-menu#citizen-sidebar-lastmod, .citizen-toc {
     background-color: var(--color-surface-0);
     background-color: var(--color-surface-0);
     border-radius: var(--border-radius-large);
     border-radius: var(--border-radius-large);
     padding: var(--space-unit);
     padding: var(--space-unit);
}
.citizen-menu__card-content.citizen-menu__heading, .citizen-toc-contents {
    background-color: var(--color-surface-0);
}
}

Revision as of 23:07, 11 November 2025

/* All CSS here will be loaded for users of the Citizen skin */
:root {
    --transform-image-hover: none;
}

:root.skin-theme-clientpref-day, :root.skin-theme-clientpref-night {
    --color-surface-0: var(--page-background-color);
    --color-surface-1: var(--theme-color-1);
    --color-surface-2: var(--theme-color-2);
    --color-surface-3: var(--theme-color-3);
    --color-surface-4: var(--theme-color-4);
    --color-base: var(--page-text-color);
}

h2, h3, h4 {
    font-weight: var(--font-weight-normal);
}

.citizen-body {
    background-color: var(--color-surface-0);
    border-radius: var(--border-radius-large);
}

.citizen-body {
    padding: var(--padding-page);
}

.citizen-menu#citizen-sidebar-lastmod, .citizen-toc {
    background-color: var(--color-surface-0);
    border-radius: var(--border-radius-large);
    padding: var(--space-unit);
}

.citizen-menu__card-content.citizen-menu__heading, .citizen-toc-contents {
    background-color: var(--color-surface-0);
}