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

Версия от 13:45, 7 апреля 2026

/* All CSS here will be loaded for users of the mobile site */

header.header-container.header-chrome,
header.header-container.header-chrome > form.header {
    background: rgb(110, 132, 247) !important;
    background-color: rgb(110, 132, 247) !important;
    box-shadow: none !important;
}

header.header-container.header-chrome > form.header,
header.header-container.header-chrome > form.header * {
    box-shadow: none !important;
}

header.header-container.header-chrome::before,
header.header-container.header-chrome::after,
header.header-container.header-chrome > form.header::before,
header.header-container.header-chrome > form.header::after {
    background: rgb(110, 132, 247) !important;
    background-color: rgb(110, 132, 247) !important;
    box-shadow: none !important;
}

/* Убираем тусклость логотипа на мобиле */
header.header-container.header-chrome .branding-box img,
header.header-container.header-chrome .branding-box a img,
header.header-container.header-chrome .branding-box h1 img,
.mw-logo-icon,
.mw-logo-wordmark,
.branding-box img {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

header.header-container.header-chrome .branding-box,
header.header-container.header-chrome .branding-box a,
header.header-container.header-chrome .branding-box h1 {
    opacity: 1 !important;
    filter: none !important;
}

/* Нижняя мобильная панель */
.page-actions-menu,
#page-actions,
.minerva-footer,
.minerva__tab-container,
.minerva-ui-bottomNavigation,
.minerva-sticky-header,
.minerva-page-actions {
    background: rgb(110, 132, 247) !important;
    background-color: rgb(110, 132, 247) !important;
    box-shadow: none !important;
    border-color: rgb(110, 132, 247) !important;
}

.page-actions-menu .mw-ui-icon,
#page-actions .mw-ui-icon,
.minerva-page-actions .mw-ui-icon {
    background-color: #ffffff !important;
    border-radius: 14px !important;
}

/* Скрыть заголовок страницы в Minerva/mobile */
.mw-first-heading,
.page-heading,
#content .mw-first-heading,
#content .page-heading,
header + .pre-content h1,
.pre-content h1 {
    display: none !important;
}