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

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

Материал из osmost.ru
Нет описания правки
Нет описания правки
Строка 3: Строка 3:
.skin-vector-2022 .mw-logo-wordmark {
.skin-vector-2022 .mw-logo-wordmark {
     display: none !important;
     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;
}
}



Версия от 18:44, 1 октября 2025

/* Размещённый здесь 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;
}