MediaWiki:MonoBook.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: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
• Opera: Vá para Menu → Configurações (Opera → Preferencias no Mac) e depois para Privacidade e Segurança → Limpar dados de navegação → Imagens e arquivos em cache.

/** Customiza a skin MonoBook */

/** Área de conteúdo */
#content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/** Barra lateral fixa e ajustada */
#mw-panel {
    position: fixed;
    top: 50px;
    left: 0;
    width: 200px;
    background-color: #006400; /* Verde escuro do IF */
    color: #ffffff;
    height: 100%;
    z-index: 1000;
    overflow-y: auto; /* Habilitar scroll caso necessário */
    border-right: 2px solid #004000; /* Borda direita */
}

/** Responsividade no layout */
@media screen and (max-width: 768px) {
    #mw-panel {
        width: 100px; /* Ajusta a barra lateral para dispositivos móveis */
    }

    #content {
        margin-left: 100px; /* Ajusta a margem do conteúdo */
    }
}

@media screen and (max-width: 480px) {
    #mw-panel {
        display: none; /* Oculta a barra lateral em telas muito pequenas */
    }

    #content {
        margin-left: 0;
        padding: 10px;
    }
}

/** Animações */
/* Transição suave para links e botões */
a, button {
   transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Efeito de hover para botões */
button:hover {
   background-color: #007b00; /* Cor diferente no hover */
   transform: scale(1.05); /* Leve aumento no hover */
}