Widget:AddonsStyle: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
Linha 73: | Linha 73: | ||
#imageSearch { | #imageSearch { | ||
width: | width: 30%; | ||
padding: 12px 15px; /* Aumenta o tamanho do campo */ | padding: 12px 15px; /* Aumenta o tamanho do campo */ | ||
font-size: 18px; /* Tamanho da fonte mais legível */ | font-size: 18px; /* Tamanho da fonte mais legível */ | ||
Linha 84: | Linha 84: | ||
#imageSearch:focus { | #imageSearch:focus { | ||
border-color: #007bff; /* Borda azul quando em foco */ | border-color: #007bff; /* Borda azul quando em foco */ | ||
background-color: # | background-color: #f2e8f8; /* Cor de fundo ao focar */ | ||
outline: none; /* Remove o contorno padrão */ | outline: none; /* Remove o contorno padrão */ | ||
} | } | ||
</style> | </style> |
Edição das 23h25min de 23 de dezembro de 2024
<style>
.input-group { margin-bottom: 1em; position: relative; }
.dropdown { border: 1px solid #ccc; display: none; position: absolute; background-color: #fff; max-height: 150px; overflow-y: auto; max-width: 30; /* Ajusta a largura mínima */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adiciona uma sombra sutil */ }
.dropdown-item { padding: 8px; cursor: pointer; display: flex; align-items: center; } .dropdown-item img { margin-right: 10px; } .dropdown-item:hover { background-color: #f0f0f0; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-item { margin-bottom: 1em; text-align: center; } .image-item img { display: block; margin: 0 auto; }
.variations-container { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1em; }
.variation-item { width: 35%; box-sizing: border-box; margin: 5px; text-align: center; border: 1px solid ; padding: 10px; }
.variation-item img { display: block; margin: 0 auto 10px; }
.swap-button { margin-top: 10px; cursor: pointer; width: 15px; height: 15px; background: url('https://wiki.pokexgames.com/images/f/fb/SwapButtonAddons.png') no-repeat center; background-size: contain; display: block; margin: 0 auto; }
- imageSearch {
width: 30%; padding: 12px 15px; /* Aumenta o tamanho do campo */ font-size: 18px; /* Tamanho da fonte mais legível */ border-radius: 8px; /* Bordas arredondadas */ border: 1px solid #ccc; /* Borda suave */ background-color: #f9f9f9; /* Cor de fundo mais clara */ transition: all 0.3s ease; /* Transição suave para foco */
}
- imageSearch:focus {
border-color: #007bff; /* Borda azul quando em foco */ background-color: #f2e8f8; /* Cor de fundo ao focar */ outline: none; /* Remove o contorno padrão */
}
</style>