/* ============================================================================= Titanium - acabamento das caixas, campos e botoes do site (2026-10-19) Mesmo padrao aplicado no client 8.60: tudo com moldura visivel e contraste. - moldura escura por fora (separa do fundo) + filete claro por dentro - faixas de titulo com fio dourado (o tracejado do tibia.com sumia no azul) - campos de texto/selecao destacados, foco com brilho de gelo Carregado por ultimo no index.php; para desfazer basta remover o . ============================================================================= */ /* --- menu: a corrente (chain.gif) do tibia.com virava um pontilhado nas laterais --- */ #MenuColumn [style*="chain.gif"], #MenuColumn .LeftChain, #MenuColumn .RightChain { background-image: none !important; } #MenuColumn .Submenu { border-left: 2px solid #3d6fa8 !important; border-right: 2px solid #3d6fa8 !important; box-shadow: -1px 0 0 #02060d, 1px 0 0 #02060d, inset 0 6px 8px -6px #000 !important; background: linear-gradient(180deg, #0c1a2e 0%, #0a1526 100%) !important; } #MenuColumn .Submenuitem:hover .SubmenuitemLabel { color: #bfe3ff !important; } /* caixas da coluna (Login, Download, Menu): a corrente lateral (chain.gif) vira uma faixa continua de metal azul nos mesmos tons das molduras dos botoes */ /* moldura inteira (4 lados) de metal azul: aneis concentricos de 1 px, sem as barras douradas (box-bottom.gif) que nao fechavam com as laterais */ #MenuColumn .SmallMenuBox, #MenuColumn #Menu { background: #08131f !important; padding: 7px 5px 7px 5px !important; border-radius: 3px; box-shadow: inset 0 0 0 1px #02060d, inset 0 0 0 2px #7fb6ea, inset 0 0 0 4px #4a82c0, inset 0 0 0 5px #1d3f6b, 0 0 0 1px #02060d, 0 3px 8px rgba(0, 0, 0, .6) !important; } /* --- faixas de titulo das tabelas ("Account Login", "Highscores"...) --- */ .BoxContent .CaptionContainer [style*="table-headline-border.gif"], .BoxContent .CaptionContainer [style*="box-frame-edge.gif"], .BoxContent .CaptionContainer [style*="box-frame-vertical.gif"] { display: none !important; } .BoxContent .CaptionInnerContainer { background: linear-gradient(180deg, #1d3658 0%, #10233d 55%, #0b192e 100%) !important; border-top: 1px solid #c9a24a !important; border-bottom: 1px solid #7a5c22 !important; box-shadow: 0 0 0 1px #02060d, inset 0 1px 0 rgba(255, 225, 150, .18) !important; } .BoxContent .CaptionContainer .Text { color: #f3cf6a !important; text-shadow: 0 1px 0 #000, 0 0 6px rgba(0, 0, 0, .8) !important; } /* --- corpo das tabelas/caixas --- */ .BoxContent .InnerTableContainer { background: linear-gradient(180deg, #11243f 0%, #0b1a2f 100%) !important; border: 1px solid #3f6ea5 !important; box-shadow: 0 0 0 1px #02060d, inset 0 1px 0 rgba(170, 210, 255, .16), inset 0 0 18px rgba(0, 0, 0, .55) !important; } .BoxContent .TableContent { border: 1px solid #2f5584 !important; box-shadow: 0 0 0 1px #02060d !important; } .BoxContent .TableContent tr:first-child td, .BoxContent .TableContent tr.LabelH td { border-bottom-color: #c9a24a !important; } /* --- campos de texto e selecao --- */ .BoxContent input[type="text"], .BoxContent input[type="password"], .BoxContent input[type="email"], .BoxContent input[type="number"], .BoxContent input[type="search"], .BoxContent input:not([type]), .BoxContent select, .BoxContent textarea { background: #07101d !important; color: #eaf2ff !important; border: 1px solid #5d84b8 !important; border-radius: 3px !important; box-shadow: 0 0 0 1px #02060d, inset 0 1px 3px rgba(0, 0, 0, .85) !important; padding: 3px 6px !important; box-sizing: border-box; } .BoxContent input[type="text"]:focus, .BoxContent input[type="password"]:focus, .BoxContent input[type="email"]:focus, .BoxContent input[type="number"]:focus, .BoxContent input:not([type]):focus, .BoxContent select:focus, .BoxContent textarea:focus { outline: none !important; border-color: #a8d8ff !important; box-shadow: 0 0 0 1px #02060d, inset 0 1px 3px rgba(0, 0, 0, .85), 0 0 7px rgba(120, 195, 255, .65) !important; } .BoxContent select option { background: #0b1729; color: #eaf2ff; } .BoxContent input[type="checkbox"], .BoxContent input[type="radio"] { accent-color: #4f9fe8; width: 14px; height: 14px; vertical-align: middle; } /* --- botoes simples (os pintados do tema ficam como estao) --- */ .BoxContent button:not([class*="Button"]), .BoxContent input[type="submit"]:not([class*="Button"]):not([src]), .BoxContent input[type="button"]:not([class*="Button"]), .BoxContent a.download-link[href] { display: inline-block; background: linear-gradient(180deg, #2a4a74 0%, #1a3253 50%, #142844 100%) !important; color: #f3e3b0 !important; border: 1px solid #6f97c9 !important; border-radius: 4px !important; box-shadow: 0 0 0 1px #02060d, inset 0 1px 0 rgba(200, 230, 255, .35), 0 2px 4px rgba(0, 0, 0, .6) !important; text-shadow: 0 1px 0 #000 !important; font-weight: bold; text-decoration: none !important; cursor: pointer; } .BoxContent button:not([class*="Button"]):hover, .BoxContent input[type="submit"]:not([class*="Button"]):not([src]):hover, .BoxContent input[type="button"]:not([class*="Button"]):hover, .BoxContent a.download-link[href]:hover { background: linear-gradient(180deg, #355d90 0%, #22406a 50%, #1a3356 100%) !important; border-color: #a8d8ff !important; color: #fff3c8 !important; } /* --- loja (?shop) e donate: fundo bege do tibia.com -> azul do site --- */ .BoxContent table.Table1[style*="D4C0A1"], .BoxContent div[style*="background: #D4C0A1"] { background: #0b1a2f !important; } /* imagem do produto centralizada na faixa do meio do card (a margem fixa so servia p/ 32px) */ .ServiceID_Icon .ServiceID_Icon_New { margin: 0 !important; left: 10px !important; top: 45px !important; width: 130px !important; height: 68px !important; background-position: center center !important; } /* outfits mostram 2 imagens (male + female): cada uma centralizada na sua metade */ .ServiceID_Icon .ServiceID_Icon_New[style*="_male.gif"] { left: 8px !important; width: 67px !important; } .ServiceID_Icon .ServiceID_Icon_New[style*="_female.gif"] { left: 75px !important; width: 67px !important; } /* botoes de categoria */ .divCategories, .divCategoriesActive { background: linear-gradient(180deg, #2a4a74 0%, #1a3253 50%, #142844 100%) !important; color: #e6f0ff !important; border: 1px solid #6f97c9 !important; border-radius: 4px; box-shadow: 0 0 0 1px #02060d, inset 0 1px 0 rgba(200, 230, 255, .35), 0 2px 4px rgba(0, 0, 0, .6) !important; text-shadow: 0 1px 0 #000; font-weight: bold; } .divCategories:hover { background: linear-gradient(180deg, #355d90 0%, #22406a 50%, #1a3356 100%) !important; border-color: #a8d8ff !important; } .divCategoriesActive, .divCategoriesActive:hover { background: linear-gradient(180deg, #e0b04a 0%, #a8761c 55%, #6e4a0e 100%) !important; border-color: #ffe6a0 !important; color: #fff8e0 !important; } .divCategories *, .divCategoriesActive * { color: inherit !important; } /* quantidade: campo transparente (o +/- ficam por cima) e o quadro na linha toda */ .BoxContent input.inputItems { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; color: #f3e3b0 !important; } .BoxContent div:has(> input.inputItems) { background: linear-gradient(180deg, #13284a, #0a1830) !important; border: 1px solid #6f97c9; border-radius: 4px; box-shadow: 0 0 0 1px #02060d, inset 0 1px 0 rgba(200, 230, 255, .2); } /* balao de ajuda (descricao do item): estava marrom em fundo escuro */ #HelperDivContainer { color: #dbe7f7 !important; background: #0b1729 !important; border: 1px solid #6f97c9 !important; box-shadow: 0 0 0 1px #02060d, 0 4px 12px rgba(0, 0, 0, .7); } #HelperDivContainer #HelperDivHeadline { color: #f3cf6a !important; } /* sem o enfeite de espinhos embaixo do texto (pedido 19/10) */ #HelperDivContainer .Ornament, #HelperDivContainer img.Ornament, #HelperDivContainer > br { display: none !important; } #HelperDivContainer #HelperDivText { color: #dbe7f7 !important; } /* --- cores fixas das paginas antigas (tema bege do tibia.com) ilegiveis no azul (19/10) --- */ /* fundos bege -> azul */ .BoxContent [style*="background-color: #d4c0a1" i], .BoxContent [style*="background-color:#d4c0a1" i], .BoxContent [style*="background: #d4c0a1" i], .BoxContent [style*="background:#d4c0a1" i], .BoxContent [bgcolor="#d4c0a1" i], .BoxContent [style*="background-color: #e7d1af" i] { background: #10233d !important; } .BoxContent [style*="background-color: #f1e0c6" i], .BoxContent [style*="background-color:#f1e0c6" i], .BoxContent [style*="background: #f1e0c6" i], .BoxContent [style*="background:#f1e0c6" i], .BoxContent [bgcolor="#f1e0c6" i], .BoxContent [style*="background-color: #faf0d7" i] { background: #0c1b31 !important; } .BoxContent [bgcolor="#d4c0a1" i], .BoxContent [bgcolor="#f1e0c6" i], .BoxContent [style*="background-color: #d4c0a1" i], .BoxContent [style*="background-color: #f1e0c6" i], .BoxContent [style*="background-color:#d4c0a1" i], .BoxContent [style*="background-color:#f1e0c6" i] { color: #e6eefa; } /* texto marrom/preto -> claro, e o negrito dentro dele -> amarelo */ .BoxContent [style*="color: #5a2800" i], .BoxContent [style*="color:#5a2800" i], .BoxContent [style*="color: #5a3800" i], .BoxContent [style*="color: #5f4d41" i], .BoxContent [style*="color: #8b4513" i], .BoxContent [style*="color: #4a1a4a" i], .BoxContent [style*="color: black" i], .BoxContent [style*="color:black" i], .BoxContent [style*="color: #333" i], .BoxContent [style*="color: #555" i], .BoxContent [style*="; color: #505050" i] { color: #e6eefa !important; } .BoxContent [style*="color: #5a2800" i] b, .BoxContent [style*="color:#5a2800" i] b, .BoxContent [style*="color: #5a2800" i] strong, .BoxContent [bgcolor="#d4c0a1" i] b, .BoxContent [bgcolor="#f1e0c6" i] b { color: #f3cf6a !important; } /* vermelho escuro -> vermelho claro */ .BoxContent [style*="color: #8b0000" i], .BoxContent [style*="color:#8b0000" i], .BoxContent [style*="color: darkred" i], .BoxContent [style*="color: #b20000" i], .BoxContent [style*="color: #a52a2a" i] { color: #ff8f86 !important; } /* verdes escuros -> verde claro */ .BoxContent [style*="color: #006400" i], .BoxContent [style*="color:#006400" i], .BoxContent [style*="color: green" i], .BoxContent [style*="color:green" i], .BoxContent [style*="color: #2a6520" i], .BoxContent [style*="color: #336600" i], .BoxContent [style*="color: #2e5a2e" i], .BoxContent [style*="color: #2e5318" i], .BoxContent [style*="color: #0b6121" i] { color: #8dff9e !important; } /* azuis escuros -> claro; tabela de tasks (verde #005500 / azul #0000aa) -> branco, como pedido */ .BoxContent [style*="color: blue" i], .BoxContent [style*="color:blue" i], .BoxContent [style*="color: #0000ff" i], .BoxContent [style*="color: #1a237e" i] { color: #9fd0ff !important; } .BoxContent [style*="color: #005500" i], .BoxContent [style*="color:#005500" i], .BoxContent [style*="color: #0000aa" i], .BoxContent [style*="color:#0000aa" i] { color: #ffffff !important; } /* --- pagina de downloads: textos marrons (sobravam do tema antigo) quase invisiveis --- */ .BoxContent .download-title { color: #f3cf6a !important; text-shadow: 0 1px 0 #000, 0 0 6px rgba(0, 0, 0, .9) !important; } .BoxContent div[style*="color:#5a2800"] { color: #9fb8d8 !important; } /* barra de redes sociais: sem as bordas laterais cinza do tema antigo (19/10) */ .Content .Box:has(.InfoBar) { border-left: 0 !important; border-right: 0 !important; } /* caixas da direita com a mesma distancia (~60px) entre uma e outra (19/10) */ #Topbar { transform: translateY(-13px); } #CastleBox { transform: translateY(-9px); } #DayOFF { transform: translateY(-18px); } #NetworksBox { transform: translateY(-32px); } /* setas do WARCASTLE no mesmo estilo das bolinhas de baixo (19/10) */ #CastleBox .castle-arrow { width: 20px !important; height: 20px !important; top: 61px !important; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #cdeeff, #2f7fc4 60%, #0b2a4d); border: 1px solid #02101f; box-shadow: 0 0 5px rgba(90, 180, 255, .7); color: #f2fbff !important; font-size: 13px !important; font-weight: 900; line-height: 20px !important; text-align: center; text-shadow: 0 0 2px #02101f, 0 1px 1px #02101f, 0 0 1px #02101f !important; opacity: .9 !important; } #CastleBox .castle-arrow:hover { background: radial-gradient(circle at 35% 30%, #fff3c4, #e8b84a 55%, #8a5a14); box-shadow: 0 0 6px rgba(255, 210, 110, .9); opacity: 1 !important; } #CastleBox .castle-prev { left: 46px !important; text-indent: -1px; } #CastleBox .castle-next { right: 38px !important; text-indent: 1px; } /* + / - do menu: orbe 16px como as bolinhas (19/10) */ #MenuColumn #Menu .Extend { width: 18px !important; height: 18px !important; top: 7px !important; right: 5px !important; background-size: 18px 18px !important; } /* fundo do site: arte nova (lobo de gelo + castelo + aurora, 19/10), centro escuro para o conteudo */ body { background-image: radial-gradient(ellipse 60% 70% at 50% 45%, rgba(2, 8, 20, 0.35) 0%, rgba(2, 8, 20, 0) 70%), url(../images/global/header/fundo_titanium.jpg?v=1) !important; background-size: cover, cover !important; background-position: center top !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-color: #020812 !important; } /* BAZAR: botao Comprar menor e centralizado, sem encostar na moldura (19/10) */ #NetworksBox #SellChar { width: 112px !important; height: 22px !important; background-size: 100% 100% !important; left: 50% !important; right: auto !important; transform: translateX(-50%); bottom: 37px !important; } #NetworksBox #SellChar .BigButtonOver, #NetworksBox #SellChar .BigButtonText { width: 112px !important; height: 22px !important; background-size: 100% 100% !important; font-size: 13px !important; line-height: 22px !important; padding: 0 !important; } /* sem a linha (fundo antigo) embaixo do Create Account / Logout (19/10) */ #MenuColumn .SmallMenuBox .Loginstatus { background-image: none !important; border: 0 !important; box-shadow: none !important; } /* caixas da coluna esquerda com a borda PINTADA do LANGUAGES (no lugar dos aneis desenhados) - 19/10 */ #MenuColumn .SmallMenuBox, #MenuColumn #Menu { box-shadow: none !important; border-radius: 0 !important; background: #070f1c !important; border: 0 solid transparent !important; border-image-source: url(../images/global/general/leftframe.png?v=2) !important; border-image-slice: 36 34 36 34 !important; border-image-width: 30px 28px !important; border-image-outset: 22px 22px !important; border-image-repeat: stretch round !important; padding: 10px 5px !important; margin: 26px 0 44px 0 !important; } /* fecho de baixo das caixas de conteudo: barra reta (as pontas chanfradas pareciam tortas) - 19/10 */ .Content .Box:not(:has(.InfoBar))::after { height: 8px !important; padding: 0 !important; left: 4px !important; right: 4px !important; background: linear-gradient(#02060d 0 1px, #9fd0ff 1px 2px, #4a82c0 2px 4px, #1d3f6b 4px 5px, #c9a24a 5px 6px, #02060d 6px 8px) !important; border-radius: 0 0 2px 2px; } .Content .Box:not(:has(.InfoBar)) { background-color: #08131f !important; padding-bottom: 8px !important; } /* ===== fundo moderno (19/10): aurora de gelo/roxo animada + neve em 2 camadas (so CSS) ===== */ /* (aurora em CSS removida: a arte nova ja tem aurora) */ html::after { content: ''; position: fixed; left: 0; top: -1080px; width: 1px; height: 1px; pointer-events: none; z-index: -1; border-radius: 50%; box-shadow: 735px 940px 0 0px rgba(220,240,255,0.75), 1269px 56px 0 0px rgba(220,240,255,0.75), 703px 730px 0 0px rgba(220,240,255,0.75), 81px 1030px 0 0px rgba(220,240,255,0.75), 1619px 923px 0 0px rgba(220,240,255,0.75), 862px 1006px 0 0px rgba(220,240,255,0.75), 854px 120px 0 0px rgba(220,240,255,0.75), 1693px 434px 0 0px rgba(220,240,255,0.75), 1545px 362px 0 0px rgba(220,240,255,0.75), 1664px 27px 0 0px rgba(220,240,255,0.75), 1434px 610px 0 0px rgba(220,240,255,0.75), 335px 516px 0 0px rgba(220,240,255,0.75), 741px 30px 0 0px rgba(220,240,255,0.75), 1828px 26px 0 0px rgba(220,240,255,0.75), 922px 776px 0 0px rgba(220,240,255,0.75), 1481px 320px 0 0px rgba(220,240,255,0.75), 215px 177px 0 0px rgba(220,240,255,0.75), 166px 71px 0 0px rgba(220,240,255,0.75), 1591px 163px 0 0px rgba(220,240,255,0.75), 1040px 1006px 0 0px rgba(220,240,255,0.75), 1687px 713px 0 0px rgba(220,240,255,0.75), 238px 70px 0 0px rgba(220,240,255,0.75), 1147px 1035px 0 0px rgba(220,240,255,0.75), 1379px 612px 0 0px rgba(220,240,255,0.75), 1594px 158px 0 0px rgba(220,240,255,0.75), 428px 943px 0 0px rgba(220,240,255,0.75), 1357px 987px 0 0px rgba(220,240,255,0.75), 1145px 883px 0 0px rgba(220,240,255,0.75), 1336px 197px 0 0px rgba(220,240,255,0.75), 1279px 364px 0 0px rgba(220,240,255,0.75), 1389px 18px 0 0px rgba(220,240,255,0.75), 909px 134px 0 0px rgba(220,240,255,0.75), 160px 163px 0 0px rgba(220,240,255,0.75), 1574px 303px 0 0px rgba(220,240,255,0.75), 46px 880px 0 0px rgba(220,240,255,0.75), 1100px 705px 0 0px rgba(220,240,255,0.75), 1523px 1009px 0 0px rgba(220,240,255,0.75), 280px 93px 0 0px rgba(220,240,255,0.75), 847px 118px 0 0px rgba(220,240,255,0.75), 1690px 460px 0 0px rgba(220,240,255,0.75), 594px 416px 0 0px rgba(220,240,255,0.75), 372px 360px 0 0px rgba(220,240,255,0.75), 950px 969px 0 0px rgba(220,240,255,0.75), 1132px 213px 0 0px rgba(220,240,255,0.75), 1089px 290px 0 0px rgba(220,240,255,0.75), 710px 697px 0 0px rgba(220,240,255,0.75), 931px 220px 0 0px rgba(220,240,255,0.75), 399px 930px 0 0px rgba(220,240,255,0.75), 359px 1078px 0 0px rgba(220,240,255,0.75), 1885px 481px 0 0px rgba(220,240,255,0.75), 266px 472px 0 0px rgba(220,240,255,0.75), 1041px 16px 0 0px rgba(220,240,255,0.75), 1100px 615px 0 0px rgba(220,240,255,0.75), 153px 834px 0 0px rgba(220,240,255,0.75), 1474px 551px 0 0px rgba(220,240,255,0.75), 722px 633px 0 0px rgba(220,240,255,0.75), 580px 258px 0 0px rgba(220,240,255,0.75), 53px 365px 0 0px rgba(220,240,255,0.75), 1580px 151px 0 0px rgba(220,240,255,0.75), 1208px 200px 0 0px rgba(220,240,255,0.75), 1078px 672px 0 0px rgba(220,240,255,0.75), 1369px 815px 0 0px rgba(220,240,255,0.75), 855px 1001px 0 0px rgba(220,240,255,0.75), 322px 636px 0 0px rgba(220,240,255,0.75), 1394px 307px 0 0px rgba(220,240,255,0.75), 1726px 477px 0 0px rgba(220,240,255,0.75), 244px 469px 0 0px rgba(220,240,255,0.75), 552px 941px 0 0px rgba(220,240,255,0.75), 1618px 193px 0 0px rgba(220,240,255,0.75), 1460px 999px 0 0px rgba(220,240,255,0.75); animation: titaniumSnow 38s linear infinite; opacity: .7; } body::after { content: ''; position: fixed; left: 0; top: -1080px; width: 2px; height: 2px; pointer-events: none; z-index: -1; border-radius: 50%; box-shadow: 1569px 882px 0 1px rgba(220,240,255,0.9), 825px 61px 0 1px rgba(220,240,255,0.9), 1714px 845px 0 1px rgba(220,240,255,0.9), 659px 265px 0 1px rgba(220,240,255,0.9), 337px 939px 0 1px rgba(220,240,255,0.9), 73px 50px 0 1px rgba(220,240,255,0.9), 709px 859px 0 1px rgba(220,240,255,0.9), 1697px 558px 0 1px rgba(220,240,255,0.9), 1391px 850px 0 1px rgba(220,240,255,0.9), 1093px 697px 0 1px rgba(220,240,255,0.9), 771px 530px 0 1px rgba(220,240,255,0.9), 88px 522px 0 1px rgba(220,240,255,0.9), 1173px 1008px 0 1px rgba(220,240,255,0.9), 882px 937px 0 1px rgba(220,240,255,0.9), 1827px 168px 0 1px rgba(220,240,255,0.9), 950px 695px 0 1px rgba(220,240,255,0.9), 728px 760px 0 1px rgba(220,240,255,0.9), 707px 803px 0 1px rgba(220,240,255,0.9), 369px 708px 0 1px rgba(220,240,255,0.9), 1655px 715px 0 1px rgba(220,240,255,0.9), 1121px 996px 0 1px rgba(220,240,255,0.9), 793px 924px 0 1px rgba(220,240,255,0.9), 473px 920px 0 1px rgba(220,240,255,0.9), 140px 357px 0 1px rgba(220,240,255,0.9), 1056px 832px 0 1px rgba(220,240,255,0.9), 282px 60px 0 1px rgba(220,240,255,0.9), 1170px 123px 0 1px rgba(220,240,255,0.9), 1005px 352px 0 1px rgba(220,240,255,0.9), 1480px 1022px 0 1px rgba(220,240,255,0.9), 856px 1035px 0 1px rgba(220,240,255,0.9), 620px 513px 0 1px rgba(220,240,255,0.9), 564px 21px 0 1px rgba(220,240,255,0.9), 719px 425px 0 1px rgba(220,240,255,0.9), 1282px 718px 0 1px rgba(220,240,255,0.9), 821px 150px 0 1px rgba(220,240,255,0.9), 622px 74px 0 1px rgba(220,240,255,0.9), 1775px 979px 0 1px rgba(220,240,255,0.9), 119px 517px 0 1px rgba(220,240,255,0.9), 148px 205px 0 1px rgba(220,240,255,0.9), 455px 819px 0 1px rgba(220,240,255,0.9); animation: titaniumSnow 24s linear infinite; opacity: .8; filter: blur(.4px); } @keyframes titaniumSnow { from { transform: translate(0, 0); } to { transform: translate(-60px, 2160px); } } @media (prefers-reduced-motion: reduce) { html::after, body::after { animation: none !important; } } /* ===== Cards de forma de pagamento (donate): nome no topo, logo no meio, tempo no rodape (24/10) ===== */ .PMCID_Icon .PMCID_CP_Label { position: absolute; top: 13px; left: 0; width: 150px; margin: 0; z-index: 99; } .PMCID_Icon .PMCID_CP_Label label { font-size: 9pt; font-weight: bold; color: #f3dca0; text-shadow: 0 1px 2px #000; cursor: pointer; } .PMCID_Icon .PMCID_CP_Icon { position: absolute; top: 76px; left: 50%; margin: 0; transform: translate(-50%, -50%); background: #fff; padding: 5px 8px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, .6), 0 0 0 1px rgba(201, 162, 39, .6); z-index: 96; } #PMCID_Icon_3 .PMCID_CP_Icon { height: 27px; padding: 4px 10px; } .PMCID_QuicknessIndicator { height: 32px; bottom: 5px; } .PMCID_QuicknessIndicatorLabelContainer { height: 32px; margin-top: 0; } .PMCID_QuicknessIndicatorLabel { font-size: 7.5pt; line-height: 11px; color: #c9d6e6; } /* --- Char Bazaar: caixas do leilao estavam bege com texto claro (26/10) --- */ .AuctionDisplay, .ShortAuctionData, .CurrentBid, .SpecialCharacterFeatures, .AuctionBody .AuctionBodyBlock.AuctionDisplay { background: #0c1b31 !important; border: 1px solid #2a4a6e !important; color: #e6eefa !important; } .ShortAuctionData .ShortAuctionDataLabel, .CurrentBid .ShortAuctionDataLabel { color: #f3cf6a !important; font-weight: bold; } .ShortAuctionDataValue, .CurrentBid, .CurrentBid .Container, .SpecialCharacterFeatures .Entry, .SpecialCharacterFeatures .CharacterFeatureCategory { color: #e6eefa !important; } .AuctionInfo { color: #ffb347 !important; } /* Bazaar: slots do equipamento e "sem itens" no tema escuro (26/10) */ .AuctionItemsViewBox .CVIcon, .CharacterDetailsBlock .CVIcon { background-color: #0c1b31 !important; border-color: #2a4a6e !important; } .CVIcon.NoEquipment p { color: #e6eefa !important; font-size: 9px; line-height: 13px; margin: 2px 0 0; text-align: center; } .tt-slot-vazio { display: block; width: 32px; height: 32px; background: #091526; } .tt-sem-itens { display: flex; align-items: center; justify-content: center; min-height: 140px; color: #9fb3cc; font-style: italic; font-size: 12px; } .CVIcon.NoEquipment, .CVIcon.NoEquipment p, .CVIcon.NoEquipment * { color: #e6eefa !important; opacity: 1 !important; filter: none !important; text-shadow: none !important; } td[style*="d4c0a1" i] small, td[style*="f1e0c6" i] small { color: #e6eefa !important; font-weight: bold; } /* barra de cima: WhatsApp/Instagram/TikTok/Discord alinhados (26/10) */ a.tt-social { display: inline-flex; align-items: center; vertical-align: middle; position: relative; top: -6px; } a.tt-social svg, a.tt-social img { display: block; height: 17px; width: 17px; object-fit: contain; } a.tt-social .InfoBarNumbers { line-height: 17px; } a.tt-social .InfoBarNumbers { position: static !important; top: auto !important; margin-top: 0 !important; vertical-align: middle; } a.tt-social img[src*="discord"] { transform: translateY(3px); } /* o png do discord tem o desenho mais pra cima */ /* CVIcon em todo o site (TradeOFF, Bazaar...): fundo escuro no lugar do bege (26/10) */ .CVIcon { background-color: #0c1b31 !important; border-color: #2a4a6e !important; } /* Caixas bege que vinham do layout antigo (rules, expbonus, addonbonus, ~34 paginas com cor inline): tema escuro (27/10) */ [style*="#D4C0A1" i], [style*="#D5C0A1" i], [style*="#F1E0C6" i], [style*="#E7D3B0" i], [style*="#EFE3C8" i], [style*="#FFF8DC" i] { background-color: #0c1b31 !important; background-image: none !important; color: #dce8f8 !important; border-color: #2a4a6e !important; } [style*="#D4C0A1" i] b, [style*="#D5C0A1" i] b, [style*="#F1E0C6" i] b, [style*="#D4C0A1" i] i, [style*="#F1E0C6" i] i { color: #f3cf6a; } /* comandos de NPC na pagina de tasks (hi -> task -> yes) */ .command-tag { background-color: #13294a !important; color: #8ecbff !important; border: 1px solid #2a4a6e !important; border-radius: 3px; padding: 0 5px; } /* Bege do layout antigo que sobrou (27/10, prints do Nicolas): classes do tibiacom + atributo bgcolor nas tabelas */ .Message, .SmallBox .Message, .SmallBox .SuccessMessage, .SmallBox .ErrorMessage, .TableContainer .Odd, .Content .BoxContent .Odd, .LabelH, .LabelH td, .AdditionalTableHeadline, .AuctionDisplay, .CurrentBid, .ShortAuctionData, .ShortAuctionData .AuctionTimer, .SpecialCharacterFeatures, .BlockPageNavigationRow, .Container2_PaymentMethod, #PremiumFeaturesBox .TableContent th, [bgcolor="#D4C0A1" i], [bgcolor="#F1E0C6" i], [bgcolor="#D5C0A1" i], [bgcolor="#E7D3B0" i] { background-color: #0c1b31 !important; color: #dce8f8 !important; } .TableContainer .Even, .Content .BoxContent .Even { background-color: #10223d !important; color: #dce8f8 !important; } [bgcolor="#F1E0C6" i] { background-color: #10223d !important; } .SmallBox .SuccessMessage { color: #7ee08a !important; } .SmallBox .ErrorMessage { color: #ff8a8a !important; } /* Creme do layout antigo, parte 3 (27/10): fundo das caixas de conteudo, tabelas Table2-5, recompensas, paginas com