|
|
| Linha 1: |
Linha 1: |
| − | /* Define a aparência dos itens do menu como botões */
| |
| − | #mw-panel .portal .body ul li a {
| |
| − | display: block;
| |
| − | padding: 10px 15px;
| |
| − | margin: 5px 0;
| |
| − | background-color: #4CAF50; /* Cor de fundo padrão */
| |
| − | color: white; /* Cor do texto */
| |
| − | text-decoration: none;
| |
| − | border-radius: 5px; /* Bordas arredondadas */
| |
| − | text-align: center;
| |
| − | font-weight: bold;
| |
| − | transition: background-color 0.3s ease, color 0.3s ease; /* Animação para o hover */
| |
| − | }
| |
| | | | |
| − | /* Efeito hover para os itens do menu */
| |
| − | #mw-panel .portal .body ul li a:hover {
| |
| − | background-color: #45a049; /* Cor de fundo ao passar o mouse */
| |
| − | color: #ffffff; /* Cor do texto ao passar o mouse */
| |
| − | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Sombra para dar destaque */
| |
| − | }
| |
| − |
| |
| − | /* Ajustes para submenus */
| |
| − | #mw-panel .portal .body ul li ul li a {
| |
| − | background-color: #388e3c; /* Cor para submenus */
| |
| − | padding: 8px 12px;
| |
| − | margin: 3px 0;
| |
| − | font-size: 90%;
| |
| − | }
| |
| − |
| |
| − | #mw-panel .portal .body ul li ul li a:hover {
| |
| − | background-color: #2e7d32; /* Cor para submenus ao passar o mouse */
| |
| − | color: #ffffff;
| |
| − | }
| |
