MediaWiki:Citizen.css: mudanças entre as edições

Edição das 23h37min de 16 de junho de 2026

/* ======================================================================
   REMOVER LOGO AND FIXAR ÍCONE HOME DESDE O INÍCIO (FORÇADO)
   ====================================================================== */

/* 1. Esconde a imagem e o texto do logo original (Forfans) */
html body .citizen-header__logo-image,
html body .citizen-header__logo img,
html body .citizen-header__logo-text,
html body .mw-logo-wordmark,
html body .mw-logo-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Remove qualquer imagem de fundo residual para o logo não voltar */
html body .citizen-header__logo {
    background-image: none !important;
    background-color: transparent !important;
}

/* 2. Força o ícone de Home NATIVO a abrir visível (ignora o vazio inicial) */
html body .citizen-header__logo .citizen-header__logo-icon,
html body .citizen-header__logo .citizen-header__logo--icon,
html body .citizen-header__logo svg:not(.citizen-header__logo-image),
html body .citizen-header__logo .citizen-ui-icon {
    display: inline-flex !important;
    opacity: 0.65 !important; /* Abre com a mesma opacidade discreta da lupa */
    visibility: visible !important;
    transform: none !important;
    scale: 1 !important;
    transition: opacity 0.2s ease !important;
}

/* Garante que o Citizen não oculte a casinha enquanto o mouse estiver fora */
html body .citizen-header:not(:hover) .citizen-header__logo-icon,
html body .citizen-header:not(:hover) .citizen-header__logo--icon,
html body .citizen-header:not(:hover) .citizen-header__logo svg,
html body .citizen-header__start:not(:hover) .citizen-header__logo-icon {
    opacity: 0.65 !important;
    visibility: visible !important;
    transform: none !important;
    scale: 1 !important;
}

/* 3. Quando o mouse passa por cima do botão, ele ganha o destaque de 100% */
html body .citizen-header__logo:hover .citizen-header__logo-icon,
html body .citizen-header__logo:hover .citizen-header__logo--icon,
html body .citizen-header__logo:hover svg {
    opacity: 1 !important;
}

/* 4. Seus ajustes originais da barra lateral */
html body .citizen-drawer {
    width: 30px !important;
}
html body .citizen-nav {
    font-size: 15px !important;
}
html body .citizen-nav__item {
    padding: 10px 16px !important;
}