Mudanças entre as edições de "MediaWiki:Common.css"
| Linha 56: | Linha 56: | ||
/* Estilizando o cabeçalho para incluir a logo da WikiNTI */ | /* Estilizando o cabeçalho para incluir a logo da WikiNTI */ | ||
#p-logo { | #p-logo { | ||
| − | background: https://dev.muz.ifsuldeminas.edu.br/equipesistema/cleciana.rangel/mediaWiki-cleciana | + | background: https://dev.muz.ifsuldeminas.edu.br/equipesistema/cleciana.rangel/mediaWiki-cleciana/LogoWikiNTI250x250px.png no-repeat; |
background-size: contain; | background-size: contain; | ||
height: 80px; /* Ajuste o tamanho conforme necessário */ | height: 80px; /* Ajuste o tamanho conforme necessário */ | ||
Edição das 17h04min de 24 de outubro de 2024
/** 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/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;
}