Mudanças entre as edições de "Widget:Conquistas"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 100: | Linha 100: | ||
<style> | <style> | ||
.gla-conquistas-headerbox { | .gla-conquistas-headerbox { | ||
margin: 0 0 20px; | |||
margin: 0 | padding: 20px 24px; | ||
padding: 20px; | |||
border-radius: 16px; | border-radius: 16px; | ||
background: #ffffff; | background: #ffffff; | ||
| Linha 124: | Linha 123: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 6px; | ||
} | } | ||
.gla-conquistas-tab { | .gla-conquistas-tab { | ||
display: inline-block; | display: inline-block; | ||
padding: | padding: 9px 16px; | ||
border-radius: | border-radius: 8px; | ||
border: 1px solid # | border: 1px solid #e2e8f0; | ||
background: # | background: #ffffff; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: 13px; | font-size: 13px; | ||
font-weight: | font-weight: 700; | ||
color: # | color: #334155; | ||
transition: all .15s ease; | |||
} | } | ||
.gla-conquistas-tab:hover { | .gla-conquistas-tab:hover { | ||
background: # | background: #eff6ff; | ||
border-color: #93c5fd; | |||
color: #1d4ed8; | |||
} | } | ||
.gla-conquistas-tab.is-active { | .gla-conquistas-tab.is-active { | ||
background: #0f172a; | background: linear-gradient(135deg, #1e3a8a, #0f172a); | ||
color: #ffffff; | color: #ffffff; | ||
border-color: #0f172a; | border-color: #0f172a; | ||
box-shadow: 0 4px 12px -3px rgba(15, 23, 42, 0.45); | |||
transform: translateY(-1px); | |||
} | } | ||
/* PAINEL */ | /* PAINEL */ | ||
.gla-conquistas-panel { | .gla-conquistas-panel { | ||
margin: 20px 0 0; | |||
margin: 20px | |||
display: none; | display: none; | ||
} | } | ||
| Linha 335: | Linha 338: | ||
} | } | ||
/* ICONE */ | /* ICONE — sem tamanho fixo; respeita o tamanho do arquivo na wiki | ||
(recomendado: 52x52). Mantém só os resets de visual. */ | |||
.gla-item-icon img { | .gla-item-icon img { | ||
display: block; | |||
object-fit: contain; | |||
object-fit: | |||
border: none !important; | border: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| Linha 369: | Linha 372: | ||
} | } | ||
/* RECOMPENSA — bloco vertical de largura fixa, label centrado em cima */ | /* RECOMPENSA — bloco vertical de largura fixa, label centrado em cima. | ||
margin-top negativo compensa o badge .qty que sai por baixo dos | |||
ícones (position: absolute; bottom: -3px do Widget:Item) — sem isso | |||
o conjunto parece estar "puxado pra baixo" no centro vertical. */ | |||
.gla-item-reward { | .gla-item-reward { | ||
flex-shrink: 0; | flex-shrink: 0; | ||
| Linha 376: | Linha 382: | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
gap: | gap: 4px; | ||
padding: 0 14px; | padding: 0 14px; | ||
margin-top: -6px; | |||
} | } | ||