Mudanças entre as edições de "MediaWiki:Common.css"
| Linha 1: | Linha 1: | ||
| + | |||
/** Estilo CSS para a skin Monobook */ | /** Estilo CSS para a skin Monobook */ | ||
| + | |||
| + | /** Fonte e cores principais */ | ||
body { | body { | ||
| − | font-family: ' | + | font-family: 'Arial', sans-serif; /* Fonte mais moderna */ |
| − | + | background-color: #f0f0f0; /* Cor de fundo suave */ | |
| − | + | color: #333333; /* Cor de texto padrão */ | |
| − | background-color: # | ||
| − | color: # | ||
| − | |||
| − | |||
} | } | ||
| − | |||
a { | a { | ||
| − | color: # | + | color: #007b00; /* Cor de link verde */ |
text-decoration: none; | text-decoration: none; | ||
| − | |||
} | } | ||
a:hover { | a:hover { | ||
| − | color: # | + | color: #009933; /* Efeito hover para links */ |
| − | + | text-decoration: underline; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | + | /** Menus de navegação interativos */ |
#mw-panel { | #mw-panel { | ||
| − | background-color: # | + | background-color: #333; /* Cor de fundo do menu */ |
| − | color: | + | color: #fff; /* Cor de texto branco */ |
| − | |||
| − | |||
| − | |||
| − | |||
padding: 10px; | padding: 10px; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
#mw-panel a { | #mw-panel a { | ||
| − | color: | + | color: #ffffff; |
| − | + | padding: 10px; | |
| − | padding: 10px | ||
border-radius: 5px; | border-radius: 5px; | ||
| − | transition: background-color 0.3s ease | + | transition: background-color 0.3s ease-in-out; |
} | } | ||
#mw-panel a:hover { | #mw-panel a:hover { | ||
| − | background-color: # | + | background-color: #007b00; /* Efeito hover com verde escuro */ |
| − | |||
} | } | ||
| − | /* | + | /** Estilo de botões */ |
button, .button { | button, .button { | ||
| − | background-color: # | + | background-color: #007b00; /* Cor de fundo dos botões */ |
color: white; | color: white; | ||
padding: 10px 20px; | padding: 10px 20px; | ||
border: none; | border: none; | ||
border-radius: 5px; | border-radius: 5px; | ||
| − | + | transition: background-color 0.3s ease-in-out; | |
| − | transition: background-color 0.3s ease | ||
} | } | ||
button:hover, .button:hover { | button:hover, .button:hover { | ||
| − | background-color: # | + | background-color: #005f00; /* Efeito hover no botão */ |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Edição das 16h36min 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 */
}