MediaWiki:Common.css: различия между версиями
Внешний вид
Vasilisa (обсуждение | вклад) Нет описания правки |
Vasilisa (обсуждение | вклад) Нет описания правки |
||
| Строка 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;
}