Mudanças entre as edições de "Widget:Item"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 49: Linha 49:
             box-sizing: border-box;
             box-sizing: border-box;
             vertical-align: middle;
             vertical-align: middle;
        }
        /* Categoria special_item — destaque dourado (item especial no jogo) */
        .item-wrapper-special {
            filter: drop-shadow(0 0 6px rgba(200, 150, 60, 0.45));
        }
        .item-wrapper-special .item-tooltip-body {
            border-color: #9a7b4a;
            background: linear-gradient(180deg, #2e2418 0%, #1c140e 100%);
            box-shadow:
                inset 0 1px 0 rgba(255, 210, 120, 0.12),
                0 4px 14px rgba(0, 0, 0, 0.5);
        }
        .item-wrapper-special .item-tooltip-name {
            color: #ffe08a;
        }
        .item-wrapper-special .item-tooltip-cat {
            color: #f5e6b8;
        }
        .item-wrapper-special .item-tooltip-sep {
            background: #7a6240;
         }
         }


Linha 128: Linha 103:
             flex-direction: column;
             flex-direction: column;
             width: 100%;
             width: 100%;
             background: linear-gradient(180deg, #241a14 0%, #1a110d 55%, #16100c 100%);
             background-color: #1a110d;
             border: 2px solid #6e4e37;
             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, 160, 0.07);
            /* Brilho interno quase imperceptível (sem degradê no fundo) */
             box-shadow: inset 0 1px 0 rgba(255, 245, 220, 0.035);
         }
         }


Linha 141: Linha 117:
             font-size: 15px;
             font-size: 15px;
             font-weight: 700;
             font-weight: 700;
             color: #f0d44d;
             color: #c4a96a;
             text-align: center;
             text-align: center;
             line-height: 1.25;
             line-height: 1.25;
             text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
             text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
         }
         }


Linha 150: Linha 126:
             display: block;
             display: block;
             font-size: 11px;
             font-size: 11px;
             color: #ffffff;
             color: rgba(255, 252, 248, 0.82);
             text-align: center;
             text-align: center;
             margin-top: 4px;
             margin-top: 4px;
Linha 162: Linha 138:
             height: 1px;
             height: 1px;
             background: #5c4a31;
             background: #5c4a31;
             margin: 8px 0 10px;
            /* 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 148:
             display: block;
             display: block;
             font-size: 12px;
             font-size: 12px;
             color: #a0c4ff;
             color: #92a8d4;
             line-height: 1.5;
             line-height: 1.5;
             text-align: center;
             text-align: center;
Linha 180: Linha 158:
             display: block;
             display: block;
             font-size: 12px;
             font-size: 12px;
             color: #ffffff;
             color: rgba(255, 252, 248, 0.9);
             text-align: left;
             text-align: left;
             margin-top: 0;
             margin-top: 0;
Linha 234: Linha 212:
             margin-top: 12px;
             margin-top: 12px;
             padding-top: 10px;
             padding-top: 10px;
             border-top: 1px solid #5c4a31;
             border-top: 1px solid transparent;
             width: 100%;
             width: 100%;
         }
         }
Linha 240: Linha 218:
         .item-tooltip-val {
         .item-tooltip-val {
             font-size: 12px;
             font-size: 12px;
             color: #f0d44d;
             color: #b8a06e;
             font-weight: 700;
             font-weight: 700;
             text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
             text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
         }
         }


         .item-tooltip-lvl {
         .item-tooltip-lvl {
             font-size: 11px;
             font-size: 11px;
             color: #ffffff;
             color: rgba(255, 252, 248, 0.88);
             font-weight: 700;
             font-weight: 700;
         }
         }


         /* Seta — mesma cor da base do painel */
         /* Seta — cor sólida igual ao fundo */
         .item-tooltip-arrow {
         .item-tooltip-arrow {
             display: block;
             display: block;
Linha 258: Linha 236:
             border-left: 8px solid transparent;
             border-left: 8px solid transparent;
             border-right: 8px solid transparent;
             border-right: 8px solid transparent;
             border-top: 8px solid #16100c;
             border-top: 8px solid #1a110d;
             border-bottom: none;
             border-bottom: none;
             flex-shrink: 0;
             flex-shrink: 0;
Linha 269: Linha 247:
         .item-tooltip.tooltip-below .item-tooltip-arrow {
         .item-tooltip.tooltip-below .item-tooltip-arrow {
             border-top: none;
             border-top: none;
             border-bottom: 8px solid #241a14;
             border-bottom: 8px solid #1a110d;
         }
         }


Edição atual tal como às 14h32min de 19 de maio de 2026

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Item&oldid=47028”