MediaWiki:Common.css

Nota: Após salvar, 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)
• Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
• Opera: Pressione Ctrl-F5.

/* Fundo geral com imagem e efeito de blur no redor */
body {
    background: url('https://cdn.wikimg.net/en/hkwiki/images/a/a6/HK_Wiki_Bg-Hollow_Knight.webp') no-repeat center center fixed; /* Troca pela imagem que quiser */
    background-size: cover;
    margin: 0;
    padding: 0;
}

/* Corpo principal da wiki com efeito "vidro fosco" */
#content, .mw-body {
    background: rgba(30, 30, 30, 0.85); /* Cor do fundo do conteúdo (cinza escuro translúcido) */
    backdrop-filter: blur(10px); /* Blur no fundo atrás do conteúdo */
    -webkit-backdrop-filter: blur(10px); /* Suporte pra Safari */
    border-radius: 10px;
    padding: 20px;
    color: #ddd; /* Cor do texto */
}

/* Links normais */
a {
    color: #89b4fa; /* Azul suave */
    text-decoration: none;
}

/* Links ao passar o mouse */
a:hover {
    color: #a6d0ff;
    text-decoration: underline;
}

/* Cabeçalhos */
h1, h2, h3, h4, h5 {
    color: #eee; /* Mais claro que o texto normal */
    border-bottom: 1px solid #444;
    padding-bottom: 5px;
}

/* Barra lateral (painel) */
#mw-panel {
    background: rgba(20, 20, 20, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ccc;
    border-radius: 10px;
}

/* Itens do painel lateral */
#mw-panel a {
    color: #ccc;
}

#mw-panel a:hover {
    color: #fff;
}

/* Área do rodapé */
#footer {
    background: rgba(20, 20, 20, 0.9);
    color: #999;
    border-radius: 10px;
    padding: 10px;
}
/* Cabeçalho (mw-head) */
#mw-head {
    background: rgba(20, 20, 20, 0.9); /* Mesma vibe escura do painel lateral */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ccc;
    border-radius: 10px;
    padding: 10px;
}

/* Links no cabeçalho */
#mw-head a {
    color: #ccc;
}

#mw-head a:hover {
    color: #fff;
}