|
|
| (7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| /* ======================================================================
| |
| FIX TOTAL: CASINHA FIXA QUE ACENDE NO HOVER (SEM LOGO RESIDUAL)
| |
| ====================================================================== */
| |
|
| |
|
| /* 1. Bloqueio absoluto do logo antigo (Forfans) em qualquer estado */
| |
| html body .citizen-header__logo img,
| |
| html body .citizen-header__logo-image,
| |
| html body .mw-logo-wordmark,
| |
| html body .mw-logo-icon,
| |
| html body .citizen-header__logo-text {
| |
| display: none !important;
| |
| opacity: 0 !important;
| |
| visibility: hidden !important;
| |
| }
| |
|
| |
| /* Limpa o fundo do botão para o logo redondo não vazar */
| |
| html body .citizen-header__logo {
| |
| background-image: none !important;
| |
| position: relative !important;
| |
| display: inline-flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| width: 32px !important;
| |
| height: 32px !important;
| |
| min-width: 32px !important;
| |
| min-height: 32px !important;
| |
| }
| |
|
| |
| /* 2. Injeta a Casinha Artificial (Aparece logo ao abrir a página) */
| |
| html body .citizen-header__logo::before {
| |
| content: "" !important;
| |
| position: absolute !important;
| |
| top: 50% !important;
| |
| left: 50% !important;
| |
| transform: translate(-50%, -50%) !important;
| |
| width: 24px !important; /* Tamanho calibrado com os outros ícones */
| |
| height: 24px !important;
| |
| background-color: currentColor !important;
| |
|
| |
| /* Desenho da Casinha 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; /* Abre discretamente com a mesma opacidade da lupa */
| |
| visibility: visible !important;
| |
| display: block !important;
| |
| transition: opacity 0.2s ease !important;
| |
| }
| |
|
| |
| /* 3. COMPORTAMENTO NO HOVER: A casinha NÃO SOME, ela apenas acende! */
| |
| html body .citizen-header:hover .citizen-header__logo::before,
| |
| html body .citizen-header__start:hover .citizen-header__logo::before,
| |
| html body .citizen-header__logo:hover::before {
| |
| opacity: 1 !important; /* Ganha brilho total (100%) quando o mouse chega perto */
| |
| visibility: visible !important;
| |
| transform: translate(-50%, -50%) scale(1) !important; /* Mantém o tamanho e posição perfeitos */
| |
| }
| |
|
| |
| /* 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;
| |
| }
| |
