Ativa o menu
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

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

Página de Interface do MediaWiki
Sem resumo de edição
Limpou toda a página
Etiqueta: Anulando
 
(11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
/* ======================================================================
  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;
}

Edição atual tal como às 10h59min de 17 de junho de 2026