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.

/* ======================================================================
   REMOVER LOGO E FIXAR ÍCONE HOME NATIVO (CITIZEN)
   ====================================================================== */

/* 1. Esconde o logo (Forfans) em absolutamente qualquer estado ou hover */
.citizen-header__logo-image,
.citizen-header__logo img,
.mw-logo-wordmark,
.mw-logo-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

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

/* 2. Força o ícone de Home NATIVO a ficar sempre visível por padrão,
      mesmo quando o mouse estiver totalmente fora da barra lateral */
.citizen-header__logo-icon,
.citizen-header__logo--icon,
.citizen-header__logo svg:not(.citizen-header__logo-image) {
    display: inline-flex !important;
    opacity: 0.65 !important; /* Mesma opacidade padrão da lupa de busca */
    visibility: visible !important;
    transform: none !important;
    transition: opacity 0.2s ease !important;
}

/* Anula a regra do Citizen que tenta sumir com a casinha quando a barra não tem foco */
.citizen-header:not(:hover) .citizen-header__logo-icon,
.citizen-header:not(:hover) .citizen-header__logo--icon,
.citizen-header__start:not(:hover) .citizen-header__logo-icon {
    opacity: 0.65 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 3. Quando o mouse chega perto do ícone, ele acende para 100% de opacidade 
      e o tema coloca o quadradinho cinza de fundo nativamente */
.citizen-header__logo:hover .citizen-header__logo-icon,
.citizen-header__logo:hover .citizen-header__logo--icon {
    opacity: 1 !important;
}

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