Mudanças entre as edições de "MediaWiki:Common.css"
| Linha 1: | Linha 1: | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | /** o código CSS colocado aqui será aplicado a todos os temas */ | ||
| + | |||
| + | /* Estilo do menu */ | ||
| + | #p-navigation { | ||
| + | background-color: #006400; /* Verde escuro do IF */ | ||
| + | border-radius: 10px; | ||
| + | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
| + | padding: 10px; | ||
| + | transition: background-color 0.3s ease-in-out; | ||
| + | } | ||
| + | |||
| + | #p-navigation:hover { | ||
| + | background-color: #228B22; /* Verde mais claro ao passar o mouse */ | ||
| + | } | ||
| + | |||
| + | #p-navigation ul { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | #p-navigation li { | ||
| + | margin: 10px 0; | ||
| + | } | ||
| + | |||
| + | #p-navigation li a { | ||
| + | color: #fff; /* Texto branco */ | ||
| + | text-decoration: none; | ||
| + | font-weight: bold; | ||
| + | padding: 8px 15px; | ||
| + | display: block; | ||
| + | border-radius: 5px; | ||
| + | transition: background-color 0.3s ease-in-out; | ||
| + | } | ||
| + | |||
| + | #p-navigation li a:hover { | ||
| + | background-color: #32CD32; /* Efeito de destaque no link */ | ||
| + | } | ||
| + | |||
| + | |||
/* Estilo geral */ | /* Estilo geral */ | ||
Edição das 16h59min de 19 de setembro de 2024
/** o código CSS colocado aqui será aplicado a todos os temas */
/* Estilo do menu */
#p-navigation {
background-color: #006400; /* Verde escuro do IF */
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
padding: 10px;
transition: background-color 0.3s ease-in-out;
}
#p-navigation:hover {
background-color: #228B22; /* Verde mais claro ao passar o mouse */
}
#p-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
#p-navigation li {
margin: 10px 0;
}
#p-navigation li a {
color: #fff; /* Texto branco */
text-decoration: none;
font-weight: bold;
padding: 8px 15px;
display: block;
border-radius: 5px;
transition: background-color 0.3s ease-in-out;
}
#p-navigation li a:hover {
background-color: #32CD32; /* Efeito de destaque no link */
}
/* Estilo geral */
body {
font-family: 'Arial', sans-serif;
background-color: #f0f0f0; /* Cor de fundo clara */
color: #333; /* Texto escuro para contraste */
margin: 0;
padding: 0;
}
#content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 1200px;
margin: 20px auto;
}
/* Títulos */
h1, h2, h3, h4, h5, h6 {
color: #006400; /* Cor dos títulos em verde */
}
/* Links */
a {
color: #006400; /* Cor do link em verde */
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-bottom 0.2s ease-in-out;
}
a:hover {
border-bottom: 2px solid #006400;
}