MediaWiki:Common.css

Страница интерфейса MediaWiki

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Цвета из шаблона ColorPalette */
:root {
    --color-primary: #BF616A; /* Основной цвет */
    --color-secondary: #A3BE8C; /* Вторичный цвет */
    --color-tertiary: #5E81AC; /* Третичный цвет */
    --color-accent: #D08770; /* Акцентный цвет */
    --color-text: #E5E9F0; /* Цвет текста */
    --color-background: #2E3440; /* Цвет фона */
    --color-link: #88C0D0; /* Цвет ссылок */
}

/* Темная тема */
body.skin-vector .mw-body {
    background-color: var(--color-background); /* Цвет фона */
    color: var(--color-text); /* Основной цвет текста */
    max-width: 1800px; /* Максимальная ширина страницы */
    margin: 0 auto; /* Центрирование содержимого */
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-text); /* Цвет заголовков */
}

/* Ссылки */
a {
    color: var(--color-link); /* Цвет ссылок */
}

/* Шрифты */
body, input, textarea {
    font-family: Arial, Helvetica, sans-serif; /* Основной шрифт */
}

/* Поддержка символов */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
         url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Стили для шаблонов */
.template {
    border: 1px solid var(--color-secondary); /* Цвет рамки */
    padding: 5px; /* Отступ внутри блока */
    margin-bottom: 10px; /* Отступ снизу блока */
    background-color: var(--color-background); /* Цвет фона блока */
    color: var(--color-text); /* Цвет текста */
}

/* Стили для заглавных страниц */
.ns-0 .page-Main_Page {
    /* Стили для главной страницы */
}

/* Цвета из шаблона ColorPalette */
:root {
    --color-primary: #D75F87; /* Основной цвет */
    --color-secondary: #FFA2B8; /* Вторичный цвет */
    --color-tertiary: #FFE3E3; /* Третичный цвет */
    --color-accent: #F1F4F7; /* Акцентный цвет */
    --color-text: #2E2E2E; /* Цвет текста */
    --color-background: #F5F5F5; /* Цвет фона */
    --color-link: #4E74E6; /* Цвет ссылок */
}

/* Стиль таблиц с предметами и т.п. */
.items-table {
    width: 100%;
    border: 0.2em solid var(--color-secondary); /* Цвет рамки */
    border-radius: 0.5em;
    background-color: var(--color-accent); /* Цвет фона */
}

.items-table th {
    border: 0.2em double var(--color-primary); /* Цвет рамки */
    border-radius: 0.2em;
    background-color: var(--color-primary); /* Цвет фона */
    color: var(--color-text); /* Цвет текста */
    padding: 0.2em;
}

.items-table td {
    background-color: var(--color-background); /* Цвет фона */
    color: var(--color-text); /* Цвет текста */
    padding: 0.2em;
}

.items-table:not(.regular) td:not(.regular):first-of-type,
td.capital {
    background-color: var(--color-tertiary); /* Цвет фона */
    font-weight: bold;
    color: var(--color-text); /* Цвет текста */
    border: 0.2em solid var(--color-primary); /* Цвет рамки */
    border-radius: 0.2em;
    text-align: center;
}

/* Цвета охранного отдела */
.colors-secure,
.colors-Security,
tr.colors-secure,
tr.colors-Security {
    background-color: var(--color-tertiary); /* Цвет фона */
    border-color: var(--color-secondary); /* Цвет рамки */
}

.colors-secure th,
.colors-Security th,
tr.colors-secure th,
tr.colors-Security th {
    background-color: var(--color-primary); /* Цвет фона */
    border-color: var(--color-primary); /* Цвет рамки */
}

.colors-secure td,
.colors-Security td,
tr.colors-secure td,
tr.colors-Security td {
    background-color: var(--color-background); /* Цвет фона */
}

:not(.regular).colors-secure td:not(.regular):first-of-type,
:not(.regular).colors-Security td:not(.regular):first-of-type,
.colors-secure td.capital,
.colors-Security td.capital,
:not(.regular) tr.colors-secure td:not(.regular):first-of-type,
:not(.regular) tr.colors-Security td:not(.regular):first-of-type {
    background-color: var(--color-secondary); /* Цвет фона */
    color: var(--color-text); /* Цвет текста */
    border-color: var(--color-primary); /* Цвет рамки */
}