Перейти к содержанию

MediaWiki:Common.css

Материал из osmost.ru

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

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Скрыть текстовое название (wordmark / название домена) в Vector-2022 */
.skin-vector-2022 .mw-logo-wordmark {
    display: none !important;
}

/* Делаем контейнер логотипа горизонтальным */
.skin-vector-2022 .mw-logo {
    display: flex !important;
    align-items: center;   /* вертикальное выравнивание */
    justify-content: center; /* можно убрать, если не нужно центрировать */
    flex-direction: row !important;  /* в строку, а не в колонку */
}

/* Немного отступа между иконкой и текстом */
.skin-vector-2022 .mw-logo-wordmark {
    margin-left: 0.5em;
}

/* Если нужно, можно подправить выравнивание логотипа */
.skin-vector-2022 .mw-logo {
    /* Например, центрировать, отступы и т.д. */
    margin-left: 0; margin-right: auto;
}

/* Увеличиваем логотип */
.skin-vector-2022 .mw-logo-icon {
    width: 150px !important;   /* ширина логотипа (можете поменять) */
    height: 31.91px !important;  /* высота логотипа */
}

/* Центрируем логотип в шапке */
.skin-vector-2022 .mw-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;   /* центрирование */
}

/* Чтобы логотип не съезжал вверх/вниз */
.skin-vector-2022 .mw-header .mw-logo-container {
    flex: 1; /* распределяем пространство равномерно */
    display: flex;
    justify-content: center;
}