MediaWiki:Citizen.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

/* ======================================================================
   ANIMAÇÃO HOME -> HOME (CORRIGIDO: ÍCONE SÓLIDO E SEM LOGO SEGUNDO PLANO)
   ====================================================================== */

/* 1. Esconde a imagem do logo original em todas as tags possíveis */
.citizen-header__logo img,
.citizen-header__logo-image,
.mw-logo-wordmark,
.mw-logo-icon {
    display: none !important;
}

/* 2. Limpa o fundo do contêiner para o logo redondo sumir de vez */
.citizen-header__logo {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    min-height: 32px !important;
    background-image: none !important; /* Bloqueia o logo redondo de aparecer no fundo */
}

/* 3. Injeta a casinha SÓLIDA (idêntica à do seu efeito de hover) */
.citizen-header__logo::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 18px !important; /* Tamanho calibrado para bater com o nativo */
    height: 18px !important;
    background-color: currentColor !important;
    
    /* Novo SVG: Casinha totalmente preenchida/sólida */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") no-repeat center !important;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") no-repeat center !important;
    
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    opacity: 0.65 !important; /* Mesma opacidade discreta da sua lupa de busca */
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

/* 4. Transição controlada para o Hover do tema assumir */
.citizen-header:hover .citizen-header__logo::before,
.citizen-header__start:hover .citizen-header__logo::before,
.citizen-header__logo:hover::before {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(0.8) !important;
}

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