Mudanças entre as edições de "Predefinição:Achiev/styles.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
|||
| Linha 22: | Linha 22: | ||
background-color: #f0f4fa; | background-color: #f0f4fa; | ||
border: 1px solid #a0b8d0; | border: 1px solid #a0b8d0; | ||
border-radius: | border-radius: 6px; | ||
padding: 8px; | padding: 8px; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
| Linha 72: | Linha 72: | ||
} | } | ||
.conquista-recompensas . | /* Alterado de .item para .itemachiev para evitar conflitos e garantir seletividade */ | ||
.conquista-recompensas .itemachiev { | |||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
| Linha 78: | Linha 79: | ||
} | } | ||
.conquista-recompensas . | .conquista-recompensas .itemachiev .item-img { | ||
display: block; | display: block; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
| Linha 85: | Linha 86: | ||
} | } | ||
.conquista-recompensas . | .conquista-recompensas .itemachiev .item-qtd { | ||
position: absolute; | position: absolute; | ||
bottom: -4px; | bottom: -4px; | ||
| Linha 101: | Linha 102: | ||
} | } | ||
.conquista-recompensas . | .conquista-recompensas .itemachiev:hover .item-qtd { | ||
background: rgba(0, 0, 0, 0.9); | background: rgba(0, 0, 0, 0.9); | ||
} | } | ||
Edição das 23h31min de 8 de junho de 2025
.conquista-wrapper {
text-align: center;
margin: auto;
max-width: 600px;
}
.conquista-header {
display: inline-block;
background-color: #a0b8d0;
color: #333;
padding: 6px 16px;
font-size: 0.9em;
font-weight: bold;
border-radius: 4px 4px 0 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
margin-bottom: -1px;
}
.conquista-box {
display: flex;
align-items: center;
background-color: #f0f4fa;
border: 1px solid #a0b8d0;
border-radius: 6px;
padding: 8px;
font-family: sans-serif;
color: #333;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.conquista-icon {
background: none;
border: none;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
margin-right: 16px;
}
.conquista-icon img {
display: block;
width: auto;
height: auto;
}
.conquista-conteudo {
flex-grow: 1;
margin-top: -6px;
}
.conquista-titulo {
text-align: left !important;
font-weight: bold;
font-size: 1.3em;
margin-bottom: 0;
}
.conquista-descricao {
text-align: left !important;
font-size: 1em;
color: #555;
margin-top: 2px;
}
.conquista-recompensas {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 6px;
margin-top: 10px;
}
/* Alterado de .item para .itemachiev para evitar conflitos e garantir seletividade */
.conquista-recompensas .itemachiev {
display: inline-block;
position: relative;
margin: 0 4px;
}
.conquista-recompensas .itemachiev .item-img {
display: block;
vertical-align: bottom;
width: auto;
height: auto;
}
.conquista-recompensas .itemachiev .item-qtd {
position: absolute;
bottom: -4px;
right: -4px;
font-size: 10px;
font-weight: bold;
background: rgba(0, 0, 0, 0.75);
color: white;
padding: 1px 4px;
border-radius: 4px;
line-height: 1;
box-shadow: 0 0 2px #000;
white-space: nowrap;
z-index: 2;
}
.conquista-recompensas .itemachiev:hover .item-qtd {
background: rgba(0, 0, 0, 0.9);
}