Mudanças entre as edições de "Predefinição:Itemdata/styles.css"
Ir para navegação
Ir para pesquisar
| (25 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
.item-wrapper { | .item-wrapper { | ||
display: | display: inline-block; | ||
position: relative; | |||
width: 32px; | |||
height: 32px; | |||
margin: 0 6px; | |||
margin: 0; | |||
padding: 0; | padding: 0; | ||
text-align: center; | |||
overflow: visible; | |||
} | } | ||
.item-wrapper img { | .item-wrapper img { | ||
display: block; | display: block; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
.item-count-x { | |||
font-weight: bold; | |||
color: #bfbebe; | |||
margin-right: 2px; | |||
} | |||
.item-count { | |||
position: absolute; | |||
bottom: -10px; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
font-size: 12px; | |||
font-weight: bold; | |||
color: #fff; | |||
background: rgba(0,0,0,0.75); | |||
padding: 1px 4px; | |||
border-radius: 4px; | |||
line-height: 1; | |||
white-space: nowrap; | |||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | |||
z-index: 10; | |||
} | |||
.item-wrapper[data-tooltip]:hover::after { | .item-wrapper[data-tooltip]:hover::after { | ||
content: attr(data-tooltip); | content: attr(data-tooltip); | ||
| Linha 33: | Linha 52: | ||
white-space: nowrap; | white-space: nowrap; | ||
z-index: 9999; | z-index: 9999; | ||
} | |||
.item-wrapper[data-item="berries.gif"] .item-count { | |||
text-align: center; | |||
} | } | ||
| Linha 45: | Linha 68: | ||
border-color: #2c2c2c transparent transparent transparent; | border-color: #2c2c2c transparent transparent transparent; | ||
z-index: 9998; | z-index: 9998; | ||
} | } | ||
Edição atual tal como às 21h38min de 11 de junho de 2025
.item-wrapper {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
margin: 0 6px;
padding: 0;
text-align: center;
overflow: visible;
}
.item-wrapper img {
display: block;
margin: 0 auto;
}
.item-count-x {
font-weight: bold;
color: #bfbebe;
margin-right: 2px;
}
.item-count {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
font-weight: bold;
color: #fff;
background: rgba(0,0,0,0.75);
padding: 1px 4px;
border-radius: 4px;
line-height: 1;
white-space: nowrap;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
z-index: 10;
}
.item-wrapper[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: #2c2c2c;
color: #fff;
padding: 2px 5px;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
white-space: nowrap;
z-index: 9999;
}
.item-wrapper[data-item="berries.gif"] .item-count {
text-align: center;
}
.item-wrapper[data-tooltip]:hover::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 8px 8px 0 8px;
border-style: solid;
border-color: #2c2c2c transparent transparent transparent;
z-index: 9998;
}