Mudanças entre as edições de "Predefinição:Achiev/styles.css"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
.conquista-icon { | .conquista-icon { | ||
width: 82px; | width: 82px; | ||
height: 82px; | height: 82px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
border: 3px solid #4a90e2; | border: 3px solid #4a90e2; | ||
border-radius: 10px; | border-radius: 10px; | ||
box-shadow: | box-shadow: | ||
0 0 0 2px #b0cce8 inset, | 0 0 0 2px #b0cce8 inset, | ||
0 0 6px rgba(74,144,226,0.4); | 0 0 6px rgba(74,144,226,0.4); | ||
| Linha 25: | Linha 13: | ||
margin-right: 16px; | margin-right: 16px; | ||
} | } | ||
.conquista-icon img { | .conquista-icon img { | ||
width: 100%; | width: 100%; | ||
| Linha 31: | Linha 18: | ||
border-radius: 7px; | border-radius: 7px; | ||
} | } | ||
.conquista-conteudo { flex-grow: 1; } | |||
.conquista-conteudo { | |||
} | |||
.conquista-titulo { | .conquista-titulo { | ||
font-weight: bold; | font-weight: bold; | ||
| Linha 41: | Linha 24: | ||
margin-bottom: 4px; | margin-bottom: 4px; | ||
} | } | ||
.conquista-descricao { | .conquista-descricao { | ||
font-size: 1em; | font-size: 1em; | ||
color: #555; | color: #555; | ||
} | } | ||
.conquista-recompensas { | .conquista-recompensas { | ||
display: flex; | display: flex; | ||
| Linha 54: | Linha 35: | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
.conquista-recompensas .item { | .conquista-recompensas .item { | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
margin: 0 4px; | margin: 0 4px; | ||
} | } | ||
.conquista-recompensas .item .item-img { | .conquista-recompensas .item .item-img { | ||
display: block; | display: block; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
.conquista-recompensas .item .item-qtd { | .conquista-recompensas .item .item-qtd { | ||
position: absolute; | position: absolute; | ||
| Linha 74: | Linha 50: | ||
font-size: 10px; | font-size: 10px; | ||
font-weight: bold; | font-weight: bold; | ||
background: rgba(0, 0, 0, 0.75); | background: rgba(0,0,0,0.75); | ||
color: white; | color: white; | ||
padding: 1px 4px; | padding: 1px 4px; | ||
| Linha 83: | Linha 59: | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
.conquista-recompensas .item:hover .item-qtd { | .conquista-recompensas .item:hover .item-qtd { | ||
background: rgba(0, 0, 0, 0.9); | background: rgba(0,0,0,0.9); | ||
} | } | ||
Edição das 13h42min de 7 de junho de 2025
.conquista-icon {
width: 82px;
height: 82px;
background-color: #ffffff;
border: 3px solid #4a90e2;
border-radius: 10px;
box-shadow:
0 0 0 2px #b0cce8 inset,
0 0 6px rgba(74,144,226,0.4);
display: flex;
align-items: center;
justify-content: center;
margin-right: 16px;
}
.conquista-icon img {
width: 100%;
height: 100%;
border-radius: 7px;
}
.conquista-conteudo { flex-grow: 1; }
.conquista-titulo {
font-weight: bold;
font-size: 1.3em;
margin-bottom: 4px;
}
.conquista-descricao {
font-size: 1em;
color: #555;
}
.conquista-recompensas {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 6px;
margin-top: 10px;
}
.conquista-recompensas .item {
display: inline-block;
position: relative;
margin: 0 4px;
}
.conquista-recompensas .item .item-img {
display: block;
vertical-align: bottom;
}
.conquista-recompensas .item .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 .item:hover .item-qtd {
background: rgba(0,0,0,0.9);
}