Mudanças entre as edições de "Widget:Item"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 57: | Linha 57: | ||
.item-wrapper-special .item-tooltip-body { | .item-wrapper-special .item-tooltip-body { | ||
border-color: # | border-color: #8a7352; | ||
background: | background-color: #221910; | ||
box-shadow: | box-shadow: | ||
inset 0 1px 0 rgba(255, | inset 0 1px 0 rgba(255, 220, 180, 0.04), | ||
0 4px 14px rgba(0, 0, 0, 0.5); | 0 4px 14px rgba(0, 0, 0, 0.5); | ||
} | } | ||
.item-wrapper-special .item-tooltip-name { | .item-wrapper-special .item-tooltip-name { | ||
color: # | color: #c9b078; | ||
} | } | ||
.item-wrapper-special .item-tooltip-cat { | .item-wrapper-special .item-tooltip-cat { | ||
color: | color: rgba(255, 250, 240, 0.88); | ||
} | } | ||
.item-wrapper-special .item-tooltip-sep { | .item-wrapper-special .item-tooltip-sep { | ||
background: | background: rgba(92, 74, 49, 0.75); | ||
} | } | ||
| Linha 128: | Linha 128: | ||
flex-direction: column; | flex-direction: column; | ||
width: 100%; | width: 100%; | ||
background: | background-color: #1a110d; | ||
border: 2px solid # | border: 2px solid #5c4838; | ||
border-radius: 0; | border-radius: 0; | ||
padding: 11px 14px 12px; | padding: 11px 14px 12px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
font-family: Tahoma, "Segoe UI", Arial, sans-serif; | font-family: Tahoma, "Segoe UI", Arial, sans-serif; | ||
box-shadow: inset 0 1px 0 rgba(255, 220 | /* Brilho interno quase imperceptível (sem degradê no fundo) */ | ||
box-shadow: inset 0 1px 0 rgba(255, 245, 220, 0.035); | |||
} | } | ||
| Linha 141: | Linha 142: | ||
font-size: 15px; | font-size: 15px; | ||
font-weight: 700; | font-weight: 700; | ||
color: # | color: #c4a96a; | ||
text-align: center; | text-align: center; | ||
line-height: 1.25; | line-height: 1.25; | ||
text-shadow: 0 1px | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | ||
} | } | ||
| Linha 150: | Linha 151: | ||
display: block; | display: block; | ||
font-size: 11px; | font-size: 11px; | ||
color: | color: rgba(255, 252, 248, 0.82); | ||
text-align: center; | text-align: center; | ||
margin-top: 4px; | margin-top: 4px; | ||
| Linha 162: | Linha 163: | ||
height: 1px; | height: 1px; | ||
background: #5c4a31; | background: #5c4a31; | ||
margin: 8px | /* Encosta nas bordas internas da caixa (ignora padding lateral) */ | ||
width: 100%; | margin: 8px -14px 10px; | ||
width: calc(100% + 28px); | |||
max-width: none; | |||
flex-shrink: 0; | flex-shrink: 0; | ||
} | } | ||
| Linha 170: | Linha 173: | ||
display: block; | display: block; | ||
font-size: 12px; | font-size: 12px; | ||
color: # | color: #92a8d4; | ||
line-height: 1.5; | line-height: 1.5; | ||
text-align: center; | text-align: center; | ||
| Linha 180: | Linha 183: | ||
display: block; | display: block; | ||
font-size: 12px; | font-size: 12px; | ||
color: | color: rgba(255, 252, 248, 0.9); | ||
text-align: left; | text-align: left; | ||
margin-top: 0; | margin-top: 0; | ||
| Linha 234: | Linha 237: | ||
margin-top: 12px; | margin-top: 12px; | ||
padding-top: 10px; | padding-top: 10px; | ||
border-top: 1px solid | border-top: 1px solid transparent; | ||
width: 100%; | width: 100%; | ||
} | } | ||
| Linha 240: | Linha 243: | ||
.item-tooltip-val { | .item-tooltip-val { | ||
font-size: 12px; | font-size: 12px; | ||
color: # | color: #b8a06e; | ||
font-weight: 700; | font-weight: 700; | ||
text-shadow: 0 1px | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); | ||
} | } | ||
.item-tooltip-lvl { | .item-tooltip-lvl { | ||
font-size: 11px; | font-size: 11px; | ||
color: | color: rgba(255, 252, 248, 0.88); | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
/* Seta — | /* Seta — cor sólida igual ao fundo */ | ||
.item-tooltip-arrow { | .item-tooltip-arrow { | ||
display: block; | display: block; | ||
| Linha 258: | Linha 261: | ||
border-left: 8px solid transparent; | border-left: 8px solid transparent; | ||
border-right: 8px solid transparent; | border-right: 8px solid transparent; | ||
border-top: 8px solid # | border-top: 8px solid #1a110d; | ||
border-bottom: none; | border-bottom: none; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
| Linha 269: | Linha 272: | ||
.item-tooltip.tooltip-below .item-tooltip-arrow { | .item-tooltip.tooltip-below .item-tooltip-arrow { | ||
border-top: none; | border-top: none; | ||
border-bottom: 8px solid # | border-bottom: 8px solid #1a110d; | ||
} | } | ||