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 */
body {
    background: url('https://cdn.wikimg.net/en/hkwiki/images/a/a6/HK_Wiki_Bg-Hollow_Knight.webp') no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    padding: 0;
}

/* Corpo principal da wiki (conteúdo) */
#content, .mw-body {
    background: rgba(30, 30, 30, 0.9); /* Fundo escuro agradável */
    backdrop-filter: blur(8px); /* Blur leve */
    border-radius: 10px;
    padding: 20px;
    color: #ddd;
}

/* Evita que o conteúdo fique grudado nas laterais */
body .mw-body {
    margin-left: 220px; /* Espaço da sidebar */
    margin-right: 40px;
}

/* Sidebar limpa */
#mw-panel {
    background: none;
    padding: 0;
}

/* Links da sidebar com caixinhas mais suaves */
#mw-panel .portal .body ul li a {
    display: block;
    background: rgba(50, 50, 50, 0.8);
    margin: 4px 0;
    padding: 6px 10px;
    border-radius: 5px;
    color: #ccc;
    transition: background 0.3s;
}

#mw-panel .portal .body ul li a:hover {
    background: rgba(80, 80, 80, 0.9);
    color: #fff;
}

/* Cabeçalho (mw-head) */
#mw-head {
    background: rgba(30, 30, 30, 0.9);
    backdrop-filter: blur(8px);
    border-radius: 10px;
    padding: 10px;
    color: #ccc;
}

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

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

/* Left e Right Navigation botões */
#left-navigation a,
#right-navigation a {
    color: #ccc;
    background: rgba(50, 50, 50, 0.8);
    padding: 4px 8px;
    border-radius: 4px;
    margin: 0 4px;
    transition: background 0.3s;
}

#left-navigation a:hover,
#right-navigation a:hover {
    background: rgba(80, 80, 80, 0.9);
    color: #fff;
}

/* Rodapé */
#footer {
    background: rgba(30, 30, 30, 0.9);
    border-radius: 10px;
    padding: 10px;
    color: #999;
    margin: 20px;
}