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

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

Материал из osmost.ru
Нет описания правки
Нет описания правки
Строка 5: Строка 5:
}
}


/* Контейнер логотипа — горизонтальная линия */
/* Увеличиваем логотип */
.skin-vector-2022 .mw-logo-container {
.skin-vector-2022 .mw-logo-icon {
     display: flex !important;
     width: 64px !important;  /* ширина логотипа (можете поменять) */
    align-items: center !important;  /* выравнивание по вертикали */
     height: auto !important; /* высота логотипа */
     flex-direction: row !important;   /* в строку */
    justify-content: center;          /* центрируем весь блок */
}
}


/* Отступ между иконкой и текстом */
/* Центрируем логотип в шапке */
.skin-vector-2022 .mw-logo-wordmark {
.skin-vector-2022 .mw-logo {
     margin-left: 0.5em !important;
    display: flex;
    align-items: center;
    justify-content: center;
     margin: 0 auto;   /* центрирование */
}
}


/* Если нужно увеличить сам логотип */
/* Чтобы логотип не съезжал вверх/вниз */
.skin-vector-2022 .mw-logo-icon img {
.skin-vector-2022 .mw-header .mw-logo-container {
     height: 30px !important;
     flex: 1; /* распределяем пространство равномерно */
     width: auto !important;
    display: flex;
     justify-content: center;
}
}

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

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Скрыть текстовое название (wordmark / название домена) в Vector-2022 */
.skin-vector-2022 .mw-logo-wordmark {
    display: none !important;
}

/* Увеличиваем логотип */
.skin-vector-2022 .mw-logo-icon {
    width: 64px !important;   /* ширина логотипа (можете поменять) */
    height: auto !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;
}