11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 2 085: | Linha 2 085: | ||
/* Text Hover */ | /* Text Hover */ | ||
.text-hover { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.text-hover .tooltip-text { | |||
visibility: hidden; | |||
width: max-content; | |||
background-color: #333; | |||
color: #fff; | |||
text-align: center; | |||
padding: 5px; | |||
border-radius: 5px; | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 125%; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
opacity: 0; | |||
transition: opacity 0.3s; | |||
} | |||
.text-hover:hover .tooltip-text { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
/* Teste Menu */ | |||
.buttons-container { | .buttons-container { | ||
display: flex; | display: flex; | ||
| Linha 2 093: | Linha 2 121: | ||
.collapsible-battle-pass, .collapsible-pokemon { | .collapsible-battle-pass, .collapsible-pokemon { | ||
cursor: pointer; | cursor: pointer; | ||
padding: 10px; | padding: 10px 20px; | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
text-align: center; | text-align: center; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
margin: 0 10px; /* Espaço entre os botões */ | 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 */ | |||
} | } | ||
| Linha 2 106: | Linha 2 140: | ||
transition: max-height 0.3s ease-out; | transition: max-height 0.3s ease-out; | ||
margin-top: 10px; /* Espaço acima do conteúdo */ | margin-top: 10px; /* Espaço acima do conteúdo */ | ||
background-color: #f9f9f9; | |||
padding: 10px; | |||
border: 1px solid #ddd; | |||
border-radius: 5px; | |||
} | } | ||