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: 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.

/** Estilo CSS para a skin Monobook */

/** Fonte e cores principais */
body {
    font-family: 'Arial', sans-serif; /* Fonte mais moderna */
    background-color: #f0f0f0; /* Cor de fundo suave */
    color: #333333; /* Cor de texto padrão */
}

a {
    color: #007b00; /* Cor de link verde */
    text-decoration: none;
}

a:hover {
    color: #009933; /* Efeito hover para links */
    text-decoration: underline;
}


/** Menus de navegação interativos */
#mw-panel {
    background-color: #333; /* Cor de fundo do menu */
    color: #fff; /* Cor de texto branco */
    padding: 10px;
}

#mw-panel a {
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

#mw-panel a:hover {
    background-color: #007b00; /* Efeito hover com verde escuro */
}

/** Estilo de botões */
button, .button {
    background-color: #007b00; /* Cor de fundo dos botões */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

button:hover, .button:hover {
    background-color: #005f00; /* Efeito hover no botão */
}


/** Logo no cabeçalho */
/* Estilizando o cabeçalho para incluir a logo da WikiNTI */
#p-logo {
    background: https://dev.muz.ifsuldeminas.edu.br/equipesistema/cleciana.rangel/mediaWiki-cleciana(/wiki/File:LogoWikiNTI250x250px.png) no-repeat;
    background-size: contain;
    height: 80px; /* Ajuste o tamanho conforme necessário */
    width: 250px; /* Ajuste para o tamanho exato da sua logo */
    margin: 0 auto; /* Centralizar o logo */
}

/* Remover o texto padrão do logo */
#p-logo a {
    display: block;
    text-indent: -9999px;
}