|
|
| Linha 2 113: |
Linha 2 113: |
|
| |
|
| /* Teste Menu */ | | /* Teste Menu */ |
| .buttons-container {
| |
| display: flex;
| |
| justify-content: center; /* Alinha os botões no centro */
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .collapsible-battle-pass, .collapsible-pokemon {
| |
| cursor: pointer;
| |
| padding: 10px 20px;
| |
| background-color: #f1f1f1;
| |
| text-align: center;
| |
| border: 1px solid #ddd;
| |
| margin: 0 10px; /* Espaço entre os botões */
| |
| border-radius: 5px; /* Bordas arredondadas */
| |
| transition: background-color 0.3s;
| |
| }
| |
|
| |
| .collapsible-battle-pass:hover, .collapsible-pokemon:hover {
| |
| background-color: #ddd; /* Muda a cor de fundo quando o botão é hover */
| |
| }
| |
|
| |
| /* Estilo das divs de conteúdo */
| |
| .content { | | .content { |
| max-height: 0; | | max-height: 0; |
| overflow: hidden; | | overflow: hidden; |
| transition: max-height 0.3s ease-out; | | transition: max-height 0.3s ease-out; /* Transição suave */ |
| margin-top: 10px; /* Espaço acima do conteúdo */
| |
| background-color: #f9f9f9;
| |
| padding: 10px;
| |
| border: 1px solid #ddd;
| |
| border-radius: 5px;
| |
| } | | } |
|
| |
|
| /* Quando a div está ativa (aberta) */
| |
| .content.active { | | .content.active { |
| max-height: 500px; /* Ajuste de acordo com o tamanho do conteúdo */ | | max-height: 500px; /* Ajuste de acordo com o tamanho do conteúdo */ |
| } | | } |