/* ----------------------------------------------------------------------------- Menu principal — ajustes da Weblink. ----------------------------------------------------------------------------- ATENCAO: as regras deste ficheiro sao NOSSAS. Nao vieram do template de origem. Estao separadas por isso mesmo: main-style.css tem 1200 linhas de codigo herdado e mexer la dentro torna impossivel distinguir o que e nosso do que veio de fora. Carregado em includes/header.php DEPOIS da folha de cada pagina -- e nao com as folhas globais. A razao: as 114 folhas de pagina repetem, cada uma, as mesmas regras de menu (`.mw-menu-tabs { padding: 38px 25px }`, `.mw-menu-logo-1 { width: 155px }`). Carregado antes delas, este ficheiro era sobreposto em todas as paginas e nao mudava um pixel. Ultimo a entrar, ganha por ordem, sem precisar de !important em cada regra. ----------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- 1. Altura --------------------------------------------------------------------------- A barra media ~91px, e quem a mandava nao era o logotipo (62px) mas o padding de 38px em cima e em baixo dos itens do menu. Nao ha razao para uma barra desta altura num site onde ela e fixa e acompanha o visitante por toda a pagina: rouba altura util em cada ecra, e nos portateis de 768px chega a comer um oitavo do que se ve. 28px + 28px + 15,4px de linha = ~71px, arredondado a 72. Duas passagens: primeiro 38->24 (tinha ficado apertado demais), depois 24->28 (pedido para aumentar mais um pouco). O logotipo desce para 40px para caber com folga e nao voltar a ser ele a mandar na altura. */ .mw-menu-tabs { padding: 28px 20px; } /* O logotipo deixou de ser imagem (ver includes/header.php) e passou a ser texto: "Weblink" + a extensao do dominio do pais ('.pt', '.ao', '.co.mz'), essa extensao a 50% de opacidade. `.mw-logo1`/`.mw-logo2` continuam a ser as MESMAS duas classes que o template ja usava para trocar entre a versao escura (sobre fundo claro, menu fixo) e a branca (sobre o banner) -- as regras que fazem essa troca vivem em main-style.css e nao mudaram; aqui fica so a tipografia, nao a visibilidade. `.mw-menu-logo-1` (a classe de tamanho que a imagem usava, em pixeis fixos) deixou de se aplicar a este elemento -- um width/height em pixeis cortaria o texto em vez de o mostrar. Fica a viver nas 114 folhas de pagina que ainda a definem (nunca fizeram nada aqui, ver o comentario do topo do ficheiro), inofensiva por nao ter em que pegar. */ .wv-logo-texto { font-size: 26px; font-weight: 700; letter-spacing: -.5px; line-height: 1; color: #152458; text-decoration: none; white-space: nowrap; } .wv-logo-texto-branco { color: #fff; } .wv-logo-tld { opacity: .125; } /* Uma das folhas de pagina acrescentava 10px por cima da barra. So no computador: abaixo dos 994px o template usa `padding: 15px 0` para centrar o logotipo e o botao na barra, e zerar so o topo deixava-os encostados a margem de cima, descentrados na vertical. Foi o que aconteceu quando esta regra estava sem media query. */ @media (min-width: 995px) { .mw-menu { padding-top: 0; } } /* O corpo compensa a barra fixa nas paginas de topo claro -- se nao acompanhar a altura da barra acima, o primeiro titulo da pagina fica tapado. A REGRA VIVE SO EM includes/header.php, no bloco