MediaWiki:Common.css: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Метка: отменено
Строка 47: Строка 47:
.home-link__button a {
.home-link__button a {
   color: #fff !important;
   color: #fff !important;
}
@media (min-width: 640px) {
.mobile {
    display: none;
}
}
@media (max-width: 640px) {
.nomobile {
    display: none;
}
}
}

Версия от 18:48, 6 марта 2024

/* Размещённый здесь 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;
  }
  
.home-link__button a {
  color: #fff !important;
}

@media (min-width: 640px) {
	.mobile {
    	display: none;
	}
}

@media (max-width: 640px) {
	.nomobile {
    	display: none;
	}
}