MediaWiki:Common.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.
/* Home totalmente customizada: esconde o titulo "Pagina principal" e a barra
de abas (Pagina principal / Discussao / Ler / Editar / Ver historico /
Ferramentas) que o Vector 2022 gera por padrao. So afeta a Main Page —
as demais paginas da wiki continuam com a navegacao normal. */
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .vector-page-toolbar {
display: none;
}
/* Fundo branco padrao do Vector 2022 -> cinza claro, pra combinar com o
"canvas" da Main Page (mesmo tom usado nos cards do layout customizado). */
body.page-Main_Page .mw-page-container {
background-color: #b9b9b9;
}
/* Rodape padrao do MediaWiki (links de privacidade/sobre/powered-by) estava
perdido no fundo branco. Estiliza pra combinar com a identidade visual e
alinha na mesma largura do conteudo customizado. */
body.page-Main_Page .mw-footer-container {
max-width: 1080px;
margin: 0 auto;
padding: 32px 20px 40px;
}
body.page-Main_Page #footer {
border-top: 1px solid #e6e8f0;
padding-top: 16px;
font-family: 'Manrope', sans-serif;
font-size: 12px;
color: #6b7086;
}
body.page-Main_Page #footer ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 16px;
margin: 0 0 10px;
padding: 0;
list-style: none;
}
body.page-Main_Page #footer li {
display: inline;
}
body.page-Main_Page #footer a {
color: #6b7086;
text-decoration: none;
}
body.page-Main_Page #footer a:hover {
color: #eb6a0e;
text-decoration: underline;
}
/* Badge grande "Powered by MediaWiki" -> nao e exigido por licenca (GPL so
afeta redistribuicao de codigo, nao o site rodando), mas mantemos um
link de texto pequeno e discreto em vez de remover 100%. */
body.page-Main_Page #footer-poweredbyico img {
display: none;
}
body.page-Main_Page #footer-poweredbyico a {
font-size: 11px;
color: #8a8074;
}
body.page-Main_Page #footer-poweredbyico a::after {
content: "MediaWiki";
}
/* Esconde o header fixo (sticky) que aparece ao rolar a pagina pra baixo.
Ele duplica busca/menu que ja existem no topo normal e nao existia no
prototipo estatico da Main Page - afeta a wiki inteira, nao so a Main Page. */
.vector-sticky-header {
display: none;
}
/* Remove o menu principal (hamburguer + logo/texto RagnaDust) e a barra de
busca do topo, na Main Page e tambem na tela de login/criar conta - o
prototipo nao tinha esse chrome e o wordmark RAGNADUST gigante do hero ja
cumpre o papel de identidade visual. As duas classes mw-special-* cobrem
variacoes de capitalizacao do nome canonico da pagina especial. */
body.page-Main_Page .vector-header-start,
body.page-Main_Page .vector-search-box,
body.mw-special-Userlogin .vector-header-start,
body.mw-special-Userlogin .vector-search-box,
body.mw-special-UserLogin .vector-header-start,
body.mw-special-UserLogin .vector-search-box,
body.mw-special-CreateAccount .vector-header-start,
body.mw-special-CreateAccount .vector-search-box {
display: none;
}
/* Na tela de login/criar conta nao faz sentido manter os links "Entrar" /
"Criar conta" flutuando em algum canto - voce ja esta nessa tela. Esconde
o header inteiro, diferente da Main Page (onde o header-end continua
visivel, so reposicionado - ver regra mais abaixo). */
body.mw-special-Userlogin .vector-header-end,
body.mw-special-UserLogin .vector-header-end,
body.mw-special-CreateAccount .vector-header-end {
display: none;
}
/* Depois de esconder start/search (e, no caso do login, o header inteiro),
sobra uma barra branca vazia (o .vector-header-container so tinha esses
elementos, e o header-end da Main Page e position:absolute/fixed, nao
ocupa espaço no fluxo). Zera o "chrome" visual do container sem dar
display:none nele, senao o header-end da Main Page (que e descendente
dele) sumiria junto. */
body.page-Main_Page .vector-header-container,
body.page-Main_Page .vector-header,
body.mw-special-Userlogin .vector-header-container,
body.mw-special-Userlogin .vector-header,
body.mw-special-UserLogin .vector-header-container,
body.mw-special-UserLogin .vector-header,
body.mw-special-CreateAccount .vector-header-container,
body.mw-special-CreateAccount .vector-header {
background: transparent;
border: 0;
box-shadow: none;
margin: 0;
padding: 0;
min-height: 0;
height: 0;
overflow: visible;
}
/* position:fixed (nao absolute): o header-container acima tem
position:relative nativo do skin e serve de referencia pro absolute,
entao qualquer ajuste de tamanho nele deslocava esse menu junto. Fixed
ignora isso e conta so a partir da tela - Valores de top/right ainda sao
palpite, confirme visualmente. Efeito colateral aceito por ora: fica
"grudado" na tela ao rolar, em vez de rolar junto com o hero. */
body.page-Main_Page .vector-header-end {
position: fixed;
top: 120px;
right: 24px;
z-index: 20;
}