MediaWiki:Common.css

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

html {
  --header-size: 3.5rem;
  --header-card-maxheight: 70vh;
  --width-layout: 1080px;
  --width-layout--extended: calc(var(--width-layout) * 1.5);
  --width-toc: 240px;
  --line-height: 1.6;
  --line-height-xs: 1.25;
  --line-height-sm: 1.375;
  --space-unit: 1rem;
  --space-xxs: calc(0.25 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: var(--space-unit);
  --space-lg: calc(1.25 * var(--space-unit));
  --space-xl: calc(1.5 * var(--space-unit));
  --space-xxl: calc(2 * var(--space-unit));
  --margin-layout: calc((100vw - var(--width-layout)) / 2);
  --padding-page: 16px;
}

@media screen {
  :root.skin-citizen-dark {
    --color-primary__l: 60%;
    --color-surface-0: hsl(205,20%,10%);
    --color-surface-1: hsl(205,25%,12%);
    --color-surface-2: hsl(205,25%,15%);
    --color-surface-3: hsl(205,15%,20%);
    --color-surface-4: hsl(205,15%,25%);
    --color-base--emphasized: hsl(205,80%,95%);
    --color-base: hsl(205,25%,80%);
    --color-base--subtle: hsl(205,25%,65%);
    --background-color-primary--hover: hsl(205,60%,15%);
    --background-color-primary--active: hsl(205,60%,20%);
    --background-color-overlay: hsla(205,20%,10%,0.95);
    --background-color-overlay--lighter: hsla(205,20%,10%,0.6);
    --color-surface-2--hover: hsl(205,30%,19%);
    --color-surface-2--active: hsl(205,30%,11%);
    --surface-shadow: 205,50%,3%;
    --shadow-strength: 0.8;
    --filter-invert: invert(1) hue-rotate(180deg);
    --font-grade: -25;
  }