MediaWiki:Citizen.css: Unterschied zwischen den Versionen

Version vom 6. Juli 2026, 10:14 Uhr

/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
body {
    background: #fcfbf8;
}

.citizen-page-container {
    background: #ffffff;
}

.citizen-sidebar {
    background: #faf8f5;
}
/* Принудительно белый фон для всех основных областей */
body,
.skin-citizen .mw-page-container,
.skin-citizen .mw-header,
.skin-citizen .mw-content-container,
.skin-citizen .mw-workspace-container,
.skin-citizen .citizen-body-container {
    background-color: #ffffff !important;
}

/* Гарантируем, что текст будет темным и читабельным */
body,
.skin-citizen .mw-body-content,
.skin-citizen .mw-body,
.skin-citizen .mw-page-container * {
    color: #1a1a1a !important; /* Темно-серый, почти черный, хорошая читаемость */
}

/* На случай, если фон у карточек или панелей остается серым */
.skin-citizen .citizen-card,
.skin-citizen .citizen-panel,
.skin-citizen .mw-echo-ui-notificationItemWidget {
    background-color: #f8f9fa !important; /* Светлый фон, чтобы не сливался с белым */
    color: #1a1a1a !important;
}
/* ==========================================
   Michaeliten Wiki - Logo
   ========================================== */

/* Увеличиваем область логотипа */
.mw-logo {
    max-width: 110px !important;
    max-height: 110px !important;
}

/* Убираем ограничение на изображение */
.mw-logo img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}
/* Футер - делаем фон белым, убираем голубизну */
.skin-citizen .mw-footer,
.skin-citizen .citizen-footer {
    background-color: #ffffff !important;
    /* Убираем градиент, если он есть */
    background-image: none !important;
    border-top: 1px solid #e0e0e0 !important; /* Легкая серая линия вместо голубой */
}

/* Все элементы внутри футера тоже на белом фоне */
.skin-citizen .mw-footer *,
.skin-citizen .citizen-footer * {
    background-color: transparent !important; /* Прозрачный фон, чтобы не перекрывать белый */
    color: #1a1a1a !important; /* Текст темный для читаемости */
}

/* Ссылки в футере делаем чуть светлее, но читаемыми */
.skin-citizen .mw-footer a,
.skin-citizen .citizen-footer a {
    color: #0645ad !important; /* Стандартный синий для ссылок */
}

.skin-citizen .mw-footer a:visited,
.skin-citizen .citizen-footer a:visited {
    color: #0b0080 !important; /* Цвет для посещенных ссылок */
}
/* Скрываем иконку логотипа в футере, оставляем только wordmark (logo1.png) */
.skin-citizen .mw-footer .mw-logo-icon,
.skin-citizen .citizen-footer .mw-logo-icon {
    display: none !important;
}

/* Убеждаемся, что wordmark отображается правильно */
.skin-citizen .mw-footer .mw-logo-wordmark,
.skin-citizen .citizen-footer .mw-logo-wordmark {
    display: block !important;
    height: 100px !important; /* Ваша желаемая высота */
    width: auto !important;
    max-width: 200px !important;
    filter: none !important; /* Убираем инверсию цвета */
}
/* Мобильная версия - убираем голубой фон у нижней навигационной панели */
@media screen and (max-width: 720px) {
    /* Основной контейнер нижней панели */
    .skin-citizen .citizen-drawer,
    .skin-citizen .mw-drawer-container,
    .skin-citizen .citizen-drawer-container {
        background-color: #ffffff !important;
        background-image: none !important;
        border-top: 1px solid #e0e0e0 !important; /* Легкая серая граница вместо голубой */
    }
    
    /* Содержимое панели - делаем фон прозрачным */
    .skin-citizen .citizen-drawer *,
    .skin-citizen .mw-drawer-container * {
        background-color: transparent !important;
    }
    
    /* Ссылки и текст делаем темными для читаемости */
    .skin-citizen .citizen-drawer a,
    .skin-citizen .citizen-drawer .mw-list-item a,
    .skin-citizen .mw-drawer-container a {
        color: #1a1a1a !important;
    }
    
    /* Активные/выделенные пункты меню */
    .skin-citizen .citizen-drawer .mw-list-item.active a,
    .skin-citizen .mw-drawer-container .mw-list-item.active a {
        background-color: #f0f0f0 !important;
        color: #000000 !important;
    }
    
    /* Заголовки в панели */
    .skin-citizen .citizen-drawer h3,
    .skin-citizen .citizen-drawer .mw-drawer-header {
        color: #1a1a1a !important;
        border-bottom-color: #e0e0e0 !important;
    }
}