MediaWiki:Common.css
Внешний вид
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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;
}