Mudanças entre as edições de "Usuário Discussão:Gurren1"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
m
 
(43 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
[[Arquivo:Boost banner.png|centro|link=]]
<!-- {{#Widget:3D2Ymap}} -->
 
{{#widget:Teste}}
<big>Em um mundo dominado por piratas, apenas os jogadores com verdadeira ambição enfrentarão os desafios mais difíceis — e, para vencê-los, precisarão de equipamentos ainda mais poderosos.</big>
 
__TOC__
 
=Melhoria de Equipamentos=
Para aprimorar seus equipamentos, é indicado estar em uma '''[[aliança]]''' que possua um setor de treinamento estruturado.
==Recursos Necessários==
Ao procurar os ferreiros, o jogador deverá entregar materiais específicos para aprimorar seus equipamentos. 
Esses materiais podem ser obtidos ao:
* Derrotar os '''[[Wanted_Pirates|Piratas Procurados]]'''
* Vencer os '''[[Bosses#Boss_Jaya|Bosses de Jaya]]'''
* Enfrentar os temíveis '''[[World_Boss|World Bosses]]'''
* Negociar com outros jogadores
 
=== Tipos de Cristais ===
 
* [[File:sky crystal.png|link=]]'''Cristal do Céu''': utilizado para aprimorar equipamentos do nível 1 até o nível 4. 
* [[File:sage crystal.png|link=]]'''Cristal do Sábio''': necessário para aprimoramentos entre o nível 4 e o nível 8. 
* [[File:crimson crystal.png|link=]]'''Cristal Carmesim''': usado a partir do nível 8, permitindo melhorias até o nível 12.
 
==Ferreiros==
<p>Existem três ferreiros disponíveis no jogo onde é possível aprimorar seus equipamentos. No entanto, o ferreiro da instância da Aliança oferece '''descontos especiais''': todos os equipamentos consomem '''1 cristal a menos''', exceto o colar, que consome '''2 a menos'''.</p>
 
-'''Blacksmith''', localizado na instancia da aliança
 
-'''Kenshirou''', localizado em Rainbase, Alabasta West
 
-'''Yukirou''', localizado em Alubarna, Alabasta East
 
--Imagens ilustrando suas devidas localizações--
 
==Aprimorando seus Equipamentos==
<p>Para começar a aprimorar seus equipamentos, você precisa dos materiais e também do equipamento em seu inventário.</p>
 
--talvez um gif indicando onde o item deve ser adicionado para começar o processo--
 
--pensei em uma legenda mostrando a chance de sucesso--
 
--gif do funcionamento do boost--
 
==Sistema de Garantia==
<p> Caso o jogador fracasse sucessivamente, o jogo garantirá que a próxima tentativa seja bem-sucedida. A seguir, apresentamos a tabela com os valores praticados pelo '''Ferreiro Blacksmith''', localizado na instância da aliança.</p>
===Tabela de Boost===
{| class="wikitablec" style="text-align:center; width: 70%; background-color:#e9f1ff; color:#000000;"
|- style="font-weight:bold; background-color:#5793ff;"
! style="font-size:medium; font-family:serif !important; background-color:#efefef;" | Boost
! +1
! +2
! +3
! +4
! style="background-color:#f9c2ff;" | +5
! style="background-color:#f9c2ff;" | +6
! style="background-color:#f9c2ff;" | +7
! style="background-color:#f9c2ff;" | +8
! style="background-color:#ffabab;" | +9
! style="background-color:#ffabab;" | +10
! style="background-color:#ffabab;" | +11
! style="background-color:#ffabab;" | +12
|-
| style="font-weight:bold; font-family:serif !important; background-color:#efefef;" | [[Arquivo:Emblemas_gif.gif|link=]][[Arquivo:Cabeça_gif.gif|link=]][[Arquivo:Calça_gif.gif|link=]]
| 6[[File:sky crystal.png|link=]]
| 8[[File:sky crystal.png|link=]]
| 10[[File:sky crystal.png|link=]]
| 12[[File:sky crystal.png|link=]]
| style="background-color:#fce0ff;" | 10[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 12[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 16[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 22[[File:sage crystal.png|link=]]
| style="background-color:#ffc5c5;" | 22[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 24[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 26[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 30[[File:crimson crystal.png|link=]]
|-
| style="font-weight:bold; font-family:serif !important; background-color:#efefef;" | [[Arquivo:Camisa_gif.gif|link=]][[Arquivo:Arma_gif.gif|link=]]
| 12[[File:sky crystal.png|link=]]
| 16[[File:sky crystal.png|link=]]
| 20[[File:sky crystal.png|link=]]
| 24[[File:sky crystal.png|link=]]
| style="background-color:#fce0ff;" | 20[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 24[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 32[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 44[[File:sage crystal.png|link=]]
| style="background-color:#ffc5c5;" | 44[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 48[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 52[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 60[[File:crimson crystal.png|link=]]
|-
| style="font-weight:bold; font-family:serif !important; background-color:#efefef;" | [[Arquivo:Colar-de-guerreiro.png|40px|link=]][[Arquivo:Anel-de-guerreiro.png|40px|link=]]
| 24[[File:sky crystal.png|link=]]
| 32[[File:sky crystal.png|link=]]
| 40[[File:sky crystal.png|link=]]
| 48[[File:sky crystal.png|link=]]
| style="background-color:#fce0ff;" | 40[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 48[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 64[[File:sage crystal.png|link=]]
| style="background-color:#fce0ff;" | 88[[File:sage crystal.png|link=]]
| style="background-color:#ffc5c5;" | 88[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 96[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 108[[File:crimson crystal.png|link=]]
| style="background-color:#ffc5c5;" | 120[[File:crimson crystal.png|link=]]
|}
 
=Status dos Equipamentos=
 
Cada equipamento possui atributos específicos que podem ser aprimorados até um certo valor máximo. A tabela abaixo apresenta os valores finais que podem ser alcançados:
 
{| style="text-align:center; width: 60%; border-collapse: separate; border-spacing: 5px;"
|-
| style="background-color:#fff8dc; border: 1px solid gold; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Cabeça_gif.gif|30px|link=]]<br>'''Capacete'''<br><div style="line-height:1;"><small>VIT: 44<br>DEF: 388</small></div>
| style="background-color:#fff8dc; border: 1px solid gold; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Camisa_gif.gif|30px|link=]]<br>'''Armadura'''<br><div style="line-height:1;"><small>VIT: 55<br>DEF: 1920</small></div>
| style="background-color:#fff8dc; border: 1px solid gold; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Calça_gif.gif|30px|link=]]<br>'''Calça'''<br><div style="line-height:1;"><small>VIT: 11<br>DEF: 1552</small></div>
|-
| style="background-color:#fff8dc; border: 1px solid gold; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Emblemas_gif.gif|30px|link=]]<br>'''Emblema'''<br><div style="line-height:1;"><small>ATK: 1180<br>PEN: 1660</small></div>
| style="background-color:#fff8dc; border: 1px solid gold; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Arma_gif.gif|30px|link=]]<br>'''Arma'''<br><div style="line-height:1;"><small>ATK: 5500</small></div>
| style="background-color:#fff8dc; border: 1px solid gold; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Colar-de-guerreiro.png|35px|link=]]<br>'''Colar'''<br><div style="line-height:1;"><small>ATK: 4320</small></div>
|}
 
==Aprimorar Atributos Base==
<p>É possível aprimorar o tier de seu equipamento através do ferreiro, oferecendo '''cristais divinos''' [[File:Cristaldivino.gif|link=]] conquistados através da '''[[Raid_de_Skypiea|Raid de Skypiea]]''' como materiais. Veja abaixo quanto cada cristal divino aumenta os atributos do equipamento.</p>
 
{| style="text-align:center; width: 60%; border-collapse: separate; border-spacing: 5px;"
|-
| style="background-color:#fdf5e6; border: 1px solid #a0522d; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Cabeça_gif.gif|30px|link=]]<br>'''Capacete'''<br><div style="line-height:1;"><small>VIT: +1<br>DEF: +15</small></div>
| style="background-color:#fdf5e6; border: 1px solid #a0522d; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Camisa_gif.gif|30px|link=]]<br>'''Armadura'''<br><div style="line-height:1;"><small>VIT: +1<br>DEF: +40</small></div>
| style="background-color:#fdf5e6; border: 1px solid #a0522d; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Calça_gif.gif|30px|link=]]<br>'''Calça'''<br><div style="line-height:1;"><small>VIT: +1<br>DEF: +30</small></div>
|-
| style="background-color:#fdf5e6; border: 1px solid #a0522d; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Emblemas_gif.gif|30px|link=]]<br>'''Emblema'''<br><div style="line-height:1;"><small>ATK: +30<br>PEN: +35</small></div>
| style="background-color:#fdf5e6; border: 1px solid #a0522d; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Arma_gif.gif|30px|link=]]<br>'''Arma'''<br><div style="line-height:1;"><small>ATK: +80</small></div>
| style="background-color:#fdf5e6; border: 1px solid #a0522d; border-radius: 8px; width:150px; height:100px;" | [[Arquivo:Colar-de-guerreiro.png|35px|link=]]<br>'''Colar'''<br><div style="line-height:1;"><small>ATK: +30</small></div>
|}
 
=Transferência de Melhorias=
<p>Também é possível transferir melhorias de um equipamento para o outro, e para essa operação, o material necessário é a gema.</p>
 
{| class="wikitablec" style="width:35%";
|-
!Equipamentos
! +4
! +8
! +12
|-
| <center>[[Arquivo:Emblemas_gif.gif|link=]][[Arquivo:Cabeça_gif.gif|link=]][[Arquivo:Calça_gif.gif|link=]]
| <center>1[[File:Gem.gif|link=]]
| <center>3[[File:Gem.gif|link=]]
| <center>6[[File:Gem.gif|link=]]
|-
| <center>[[Arquivo:Camisa_gif.gif|link=]][[Arquivo:Arma_gif.gif|link=]]
| <center>2[[File:Gem.gif|link=]]
| <center>5[[File:Gem.gif|link=]]
| <center>10[[File:Gem.gif|link=]]
|-
| <center>[[Arquivo:Colar-de-guerreiro.png|35px|link=]][[Arquivo:Anel-de-guerreiro.png|35px|link=]] 
| <center>3[[File:Gem.gif|link=]]
| <center>10[[File:Gem.gif|link=]]
| <center>20[[File:Gem.gif|link=]]
|}
</center>
 
<p> Para transferir suas melhorias, os equipamentos em questão precisam ser do mesmo nível e tipo. </p>
--Um gif apresentando a troca entre equipamentos de classes diferentes--
 
<!--
{{InfoboxBoss
| nome = Deathstalker
| imagem = Deathstalker.png
| nivel = 110
| tipo = boss
| localizacao = Alabasta West
| drop = Caixa de Recompensa Rara
| notas = Lorem ipsum dolor sit amet
<!-- Habilidade 1 -->
| hab1 = Ataque básico.
| icone1 = icon_deathstalker_skill1.png
| video1 = Deathstalker_SKILL1.mp4
<!-- Habilidade 2 -->
| hab2 = Deathstalker invoca escorpiões, essa habilidade é normalmente direcionada aos inimigos que estão mais longe dele.
| icone2 = icon_deathstalker_skill2.png
| video2 = Deathstalker_SKILL2.mp4
<!-- Habilidade 3 -->
| hab3 = Deathstalker solta uma onda de espinhos, ela bate até 5 vezes.
| icone3 = icon_deathstalker_skill3.png
| video3 = Deathstalker_SKILL3.mp4
<!-- Habilidade 4 -->
| hab4 = Deathstalker faz espinhos emergirem sob inimigos em até 2 SQMs de distância.
| icone4 = icon_deathstalker_skill4.png
| video4 = Deathstalker_SKILL4.mp4
}}
 
{{InfoboxBoss
| nome = Sanshoo
| imagem = Sanshoo_SPRITE.png
| nivel = 110
| localizacao = Alabasta East
| drop = Caixa de Recompensa Rara
<!-- Habilidade 1 -->
| hab1 = Ataque corpo a corpo de alvo único.
| icone1 = Sanshoo_SKILL1.png
| video1 = Sanshoo_VIDEO1.mp4
<!-- Habilidade 2 -->
| hab2 = Sanshoo cospe uma bola de fogo em dois inimigos diferentes, essa habilidade prioriza quem ataca à distância e o suporte.
 
Causa dano constante em quem passar por cima
Habilidade em área
| icone2 = Sanshoo_SKILL2.png
| video2 = Sanshoo_VIDEO2.mp4
<!-- Habilidade 3 -->
| hab3 = Baforada frontal de longa distância.
 
A habilidade atinge todos os alvos que estiverem na área frontal do boss
Causa debuff de queimadura por X segundos.
| icone3 = Sanshoo_SKILL3.png
| video3 = Sanshoo_VIDEO3.mp4
<!-- Habilidade 4 -->
| hab4 = Sanshoo usa sua língua para puxar seu alvo caso ele tente fugir.
 
A habilidade tem um grande alcance.
Causa atordoamento por X segundos ao ser puxado.
Usada exclusivamente em quem o boss estiver focando.
| icone4 = Sanshoo_SKILL4.png
| video4 = Sanshoo_VIDEO4.mp4
<!-- Habilidade 5 -->
| hab5 = Pedras caem constantemente dentro da caverna causando dano em quem for atingido.
| icone5 = Sanshoo_SKILL5.png
| video5 = Sanshoo_VIDEO5.mp4
}}
 
{{InfoboxBoss
| nome = Madera
| imagem = Madera_SPRITE.png
| nivel = 110
| localizacao = Alabasta East
| drop = Caixa de Recompensa Rara
<!-- Habilidade 1 -->
| hab1 = Madera ataca com sua espada causando dano baixo.
 
Habilidade em área, pode ser desviada.
| icone1 = Madera_SKILL1.png
| video1 = Madera_VIDEO1.mp4
<!-- Habilidade 2 -->
| hab2 = Ao ser atingido à longa distância, Madera teletransporta para o seu alvo e bloqueia qualquer cura aplicada, além de aplicar sangramento e atordoamento.
 
Aplica sangramento por X segundos.
Aplica atordoamento por X segundos.
Aplica corta-cura por X segundos.
| icone2 = Madera_SKILL2.png
| video2 = Madera_VIDEO2.mp4
<!-- Habilidade 3 -->
| hab3 = Madera avança quatro vezes ferindo todos em seu caminho.
 
Habilidade em área, causa dano em linha reta na direção em que o boss estiver olhando.
É possível desviar andando na diagonal do ataque.
| icone3 = Madera_SKILL3.png
| video3 = Madera_VIDEO3.mp4
<!-- Habilidade 4 -->
| hab4 = Madera sai do campo e desfere cortes nas áreas marcadas no chão.
 
Habilidade em área, seu alcance pode chegar até a área externa do Dojo.
| icone4 = Madera_SKILL4.png
| video4 = Madera_VIDEO4.mp4
<!-- Habilidade 5 -->
| hab5 = Madera invoca até duas shurikens para perseguir seus alvos causando dano em tudo que tocar durante o trajeto.
 
Habilidade em área.
Segue o alvo principal por X segundos.
Pode ser bloqueada por paredes criadas por habilidades.
| icone5 = Madera_SKILL5
| video5 = Madera_VIDEO5
}}
 
{{InfoboxBoss
| nome = Amun-Ra
| imagem = AmunRa_SPRITE.png
| nivel = 110
| localizacao = Alabasta East (Pirâmide)
| drop = Caixa de Recompensa Rara, Orbe da Avareza
<!-- Habilidade 1 -->
| hab1 = Amun-Ra utiliza sua foice para aplicar dano em quem estiver a sua frente.
| icone1 = AmunRa_SKILL1.png
| video1 = AmunRa_VIDEO1.mp4
<!-- Habilidade 2 -->
| hab2 = Um ataque frontal que causa alto dano em todos que forem atingidos.
| icone2 = AmunRa_SKILL2.png
| video2 = AmunRa_VIDEO2.mp4
<!-- Habilidade 3 -->
| hab3 = Amun-Ra invoca múmias próximas aos jogadores, com exceção do Tank.
| icone3 = AmunRa_SKILL3.png
| video3 = AmunRa_VIDEO3.mp4
<!-- Habilidade 4 -->
| hab4 = Amun-Ra cria marcas pelo chão da sala, causando um grande dano em todos os atingidos.
| icone4 = AmunRa_SKILL4.png
| video4 = AmunRa_VIDEO4.mp4
<!-- Habilidade 5 -->
| hab5 = Amun-Ra aprisiona temporariamente um jogador, dando prioridade a alvos mais frágeis. Se os aliados não o libertarem a tempo, ele será executado.
Quando o Amun-Ra chega em determinada Vida, ele começa a aprisionar dois Jogadores, um deles sendo o Tank, então recomenda-se ficar atento para salva-lo.
| icone5 = AmunRa_SKILL5.png
| video5 = AmunRa_VIDEO5.mp4
<!-- Habilidade 6 -->
| hab6 = Amun-Ra utiliza sua força para gerar um colapso causando grande dano em área.
| icone6 = AmunRa_SKILL6.png
| video6 = AmunRa_VIDEO6.mp4
<!-- Habilidade 7 -->
| hab7 = Amun-Ra invoca poderosos raios ao seu redor, cuidado pois é possível sofrer o dano várias vezes.
| icone7 = AmunRa_SKILL7.png
| video7 = AmunRa_VIDEO7.mp4
}}
-->

Edição atual tal como às 03h37min de 18 de junho de 2025

/******************************************************************************* * TEMA ESCURO MODERNO - WIKI GLA * Estilo wiki.gg com paleta personalizada * Substitua seu Common.css por este arquivo *******************************************************************************/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap'); /******************************************************************************* * SISTEMA DE VARIÁVEIS - PALETA ESCURA *******************************************************************************/ :root { /* Backgrounds */ --page-bg: #14161b; --content-bg: #1f2229; --content-bg-alt: #242831; --surface-bg: #2a2f38; /* Borders & Shadows */ --border-color: #2d313a; --border-light: #343a46; --shadow-color: rgba(0, 0, 0, 0.45); --content-shadow: 0 8px 22px var(--shadow-color); /* Text */ --text-primary: #e7ebf2; --text-secondary: #b7bfcc; --text-muted: #8891a0; /* Links */ --link-color: #7ec8ff; --link-visited: #9aa9ff; --link-hover: #a7e0ff; --link-new: #ff6b6b; /* Accent Colors */ --accent-primary: #459cca; --accent-secondary: #5684c8; --accent-gradient: linear-gradient(135deg, #459cca 0%, #5684c8 100%); /* Tables */ --table-bg: #242831; --table-header: #2d313a; --table-border: #343a46; --table-hover: #2a303b; --table-stripe: #262b34; /* Forms */ --input-bg: #242831; --input-border: #3d4450; --input-focus: #459cca; /* Scrollbar */ --scrollbar-track: #1f2229; --scrollbar-thumb: #3d4450; --scrollbar-hover: #4a5263; /* Legacy compatibility */ --content-text: var(--text-primary); --simpleSearch-bg: var(--input-bg); --searchInput-text: var(--text-secondary); --lightGray: var(--surface-bg); --gray: var(--border-light); --transparent-blue: rgba(69, 156, 202, 0.3); --blue: #459cca; } /******************************************************************************* * BASE & BODY *******************************************************************************/ html { scroll-behavior: smooth; } body { background-color: var(--page-bg); color: var(--text-primary); font-family: 'Noto Sans', sans-serif; } /* Remove imagem de fundo clara */ body::before { display: none !important; } /******************************************************************************* * TIPOGRAFIA *******************************************************************************/ body, .mw-parser-output, .mw-headline, #firstHeading, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, td, th, caption { font-family: 'Noto Sans', sans-serif !important; color: var(--text-primary); } h1, h2, h3, h4, h5, h6 { color: var(--text-primary) !important; border-bottom: none !important; } .mw-headline { border-bottom: none !important; } #firstHeading { border-bottom: none !important; color: var(--text-primary) !important; } /******************************************************************************* * LINKS *******************************************************************************/ a { color: var(--link-color) !important; transition: color 0.2s ease; } a:visited { color: var(--link-visited) !important; } a:hover { color: var(--link-hover) !important; text-decoration: none; } a.new { color: var(--link-new) !important; } /******************************************************************************* * CONTENT AREA *******************************************************************************/ #content, .mw-body { background-color: var(--content-bg) !important; color: var(--text-primary) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--content-shadow); } #mw-page-base, #mw-head-base { background: transparent !important; } #mw-head-base { background: linear-gradient(180deg, var(--page-bg) 0%, transparent 100%) !important; } /******************************************************************************* * SIDEBAR & NAVIGATION *******************************************************************************/ #mw-panel { background: transparent; } #mw-panel .mw-portlet { background: transparent; } #mw-panel .mw-portlet h3 { color: var(--text-muted) !important; font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.5px; } #mw-panel .mw-portlet .vector-menu-content-list > li > a { color: var(--link-color) !important; font-size: 0.80rem !important; font-weight: 500 !important; padding: 0.3em 0; transition: color 0.2s ease, padding-left 0.2s ease; } #mw-panel .mw-portlet .vector-menu-content-list > li > a:hover { color: var(--link-hover) !important; padding-left: 4px; } #p-logo { background-color: transparent !important; } #p-navigation { background-color: transparent; } #p-tb { display: none; } /******************************************************************************* * SEARCH BAR *******************************************************************************/ #simpleSearch { background-color: var(--input-bg) !important; border: 1px solid var(--input-border) !important; border-radius: 6px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } #simpleSearch:focus-within { border-color: var(--input-focus) !important; box-shadow: 0 0 0 3px rgba(69, 156, 202, 0.2); } #searchInput { background-color: transparent !important; color: var(--text-primary) !important; border: none !important; } #searchInput::placeholder { color: var(--text-muted); } #searchButton { filter: invert(0.8); } #p-search { float: left; margin-left: -0.1em; margin-right: 1em; margin-top: -0.4em; } /******************************************************************************* * TABS & ACTIONS *******************************************************************************/ .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background: none; } .vector-menu-tabs li { background: transparent; } .vector-menu-tabs li a { color: var(--text-secondary) !important; background: transparent; transition: color 0.2s ease; } .vector-menu-tabs li a:hover { color: var(--link-hover) !important; } .vector-menu-tabs .selected { background: var(--content-bg) !important; border: 1px solid var(--border-color) !important; border-bottom-color: var(--content-bg) !important; border-radius: 4px 4px 0 0; } .vector-menu-tabs .selected a { color: var(--text-primary) !important; font-weight: 600; } #p-cactions { background: none; margin-top: -0.6em; } #p-cactions li { background: none; } #p-cactions li.selected { background: var(--content-bg); border: 1px solid var(--border-color); } #p-cactions li a { background-color: var(--surface-bg) !important; color: var(--link-color) !important; } .vector-menu-dropdown .vector-menu-content { background-color: var(--content-bg) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .vector-menu-dropdown .vector-menu-content li a { color: var(--text-primary) !important; } .vector-menu-dropdown .vector-menu-content li a:hover { background-color: var(--surface-bg) !important; } #ca-view, #ca-history, #ca-viewsource { display: none !important; } /******************************************************************************* * DISCORD BUTTON *******************************************************************************/ #n-Discord { font-size: 10px; line-height: 1.5em; } #p-Discord-label { display: none; } #n-Discord a { color: #fff !important; font-weight: bold; border-radius: 6px; border: 1px solid #4c57d0; background-color: #5865f2; display: block; position: relative; padding: 6px 8px 5px calc(14px + 6.5px * 2); box-shadow: 0 2px 8px rgba(88, 101, 242, 0.3); transition: all 0.2s ease; } #n-Discord a::after { content: ''; background: url(/images/7/76/Discord-brands.png) no-repeat; background-size: contain; background-position: center; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); position: absolute; top: 4px; left: 6px; width: 18px; height: 18px; } #n-Discord a:hover { text-decoration: none; background-color: #7885ff; border-color: #6c77f0; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(88, 101, 242, 0.4); } /******************************************************************************* * TABLES - GENERAL *******************************************************************************/ table { background-color: var(--table-bg); border-color: var(--table-border); } table th { background-color: var(--table-header) !important; color: var(--text-primary) !important; border-color: var(--table-border) !important; } table td { background-color: var(--table-bg) !important; color: var(--text-primary) !important; border-color: var(--table-border) !important; } table tr:hover td { background-color: var(--table-hover) !important; } /******************************************************************************* * TABLE-ENHANCE *******************************************************************************/ table.table-enhance { background-color: var(--table-bg); border: 1px solid var(--table-border); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .table-enhance th, .table-enhance td { border: 1px solid var(--table-border); color: var(--text-primary); } .table-enhance th { background-color: var(--table-header); color: var(--text-primary); } .table-enhance tr:nth-child(even) td { background-color: var(--table-stripe); } .table-enhance tr:hover td { background-color: var(--table-hover); } .table-enhance-vertical td:first-child { color: var(--link-color); } /******************************************************************************* * WIKITABLES *******************************************************************************/ table.wikitable, table.wikitablec, table.wikitablew, table.wikitablenb, table.wikitablewhite, table.wikitablecenter, table.wikitablew-tr, table.prettytable { background-color: var(--table-bg) !important; border: 1px solid var(--table-border) !important; } table.wikitable th, table.wikitablec th, table.wikitablew th, table.wikitablenb th, table.wikitablewhite th, table.wikitablecenter th, table.wikitablew-tr th, table.prettytable th { background-color: var(--table-header) !important; color: var(--text-primary) !important; border: 1px solid var(--table-border) !important; } table.wikitable td, table.wikitablec td, table.wikitablew td, table.wikitablenb td, table.wikitablewhite td, table.wikitablecenter td, table.wikitablew-tr td, table.prettytable td { background-color: var(--table-bg) !important; color: var(--text-primary) !important; border: 1px solid var(--table-border) !important; } table.wikitable tr:hover td, table.wikitablew tr:hover td, table.wikitablew-tr tr:hover td { background-color: var(--table-hover) !important; } /******************************************************************************* * JQUERY TABLESORTER *******************************************************************************/ .jquery-tablesorter { background-color: var(--table-bg) !important; border-color: var(--table-border) !important; } .jquery-tablesorter tr td { background-color: var(--table-bg) !important; color: var(--text-primary) !important; } .jquery-tablesorter tr th { background-color: var(--table-header) !important; color: var(--text-primary) !important; } #mw-content-text .mw-parser-output .jquery-tablesorter { background-color: var(--table-bg) !important; color: var(--text-primary) !important; border-color: var(--table-border) !important; } /******************************************************************************* * CARDS *******************************************************************************/ .card { background-color: var(--content-bg); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); transition: transform 0.2s ease, box-shadow 0.2s ease; } .card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); } .card-title { background: var(--accent-gradient); color: #fff; } /******************************************************************************* * HOMEPAGE *******************************************************************************/ .initialPage--table { background: transparent !important; } .initialPage--table > tbody > tr > th, .initialPage--table > tbody > tr > td { background: transparent !important; } .initialPage--title th { background-color: transparent !important; color: var(--text-primary) !important; } .initialPage--menuTitle { background: var(--accent-gradient); color: #fff; } .initialPage--menuContainer, .initialPage--sideMenuContainer { background: transparent; } /******************************************************************************* * SOCIAL MEDIA LINKS *******************************************************************************/ .initialPage--socialMedia { border-top: 2px solid var(--border-light); } .initialPage--socialMediaLink { color: var(--text-secondary) !important; } .initialPage--socialMediaLink:visited { color: var(--text-secondary) !important; } .socialMedia--svg svg { fill: var(--text-secondary); } /* Discord */ .initialPage--socialMedia.discord > .initialPage--socialMediaLink:hover { color: #5865f2 !important; } .initialPage--socialMedia.discord:before { background: #5865f2; } .initialPage--socialMedia.discord > .initialPage--socialMediaLink:hover > .socialMedia--svg svg { fill: #5865f2 !important; } /* Instagram */ .initialPage--socialMedia.instagram > .initialPage--socialMediaLink:hover { color: #f09433 !important; } .initialPage--socialMedia.instagram:before { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); } /* Facebook */ .initialPage--socialMedia.facebook > .initialPage--socialMediaLink:hover { color: #4267B2 !important; } .initialPage--socialMedia.facebook:before { background: #4267B2; } /******************************************************************************* * BADGES & SECTION TITLES *******************************************************************************/ .badge { background: var(--accent-gradient); color: #fff; box-shadow: rgba(69, 156, 202, 0.3) 0px 0px 0px 3px; } .section-title { background: var(--accent-gradient); color: #fff; } /******************************************************************************* * FILTERS (CHARACTERS PAGE) *******************************************************************************/ .filter { background-color: var(--content-bg); border: 2px solid var(--border-light); } .filter--title { background: var(--accent-gradient); border-right: 2px solid var(--border-light); color: #fff; } .filter--input { background-color: var(--input-bg); border: 2px solid var(--border-light); color: var(--text-primary); } .filter--input::placeholder { color: var(--text-muted); } .filter--searchButton { background: var(--accent-gradient); border: 2px solid var(--border-light); } .filter--icon img { filter: grayscale(0.5) brightness(0.9); } .filter--icon.active img { filter: grayscale(0) brightness(1); box-shadow: 0 0 12px rgba(69, 156, 202, 0.5); } /******************************************************************************* * CHARACTER CARDS *******************************************************************************/ #characters-container > div > a > img { filter: grayscale(0.2) brightness(0.95); border: 2px solid var(--border-color); transition: all 0.25s ease; } #characters-container > div:hover > a > img { filter: grayscale(0) brightness(1); border-color: var(--accent-primary); box-shadow: 0 0 20px rgba(69, 156, 202, 0.4); transform: scale(1.05); } /******************************************************************************* * CHARACTER PAGE *******************************************************************************/ .characterInfo--name { color: var(--text-primary) !important; } .characterInfo--contentContainer { background-color: var(--content-bg); } .stats--container { background-color: var(--content-bg); } .bar-filled { background: var(--accent-primary); } .bar-notFilled { background: var(--transparent-blue); } /******************************************************************************* * SKILLS TABS *******************************************************************************/ .tabsContainer table { background: transparent; } .tabsContainer table > tbody > tr > td { border-bottom: 2px solid var(--border-color); } .tab-skill { background-color: var(--content-bg); border: 2px solid transparent; transition: all 0.25s ease; } .tab-skill.active { border-color: var(--accent-primary); background-color: var(--surface-bg); } .tab-skill:hover { background-color: var(--surface-bg); } .skillInfo--name { color: var(--text-primary) !important; } .skillInfo--description { color: var(--text-secondary); } .skillInfo > div > .skillInfo--infoContainer b { color: var(--link-color) !important; } .skillInfo--attributesContainer > h1 { color: var(--text-muted) !important; } /* Scrollbar for skills */ .skillInfo--description::-webkit-scrollbar, .tabSkill--container::-webkit-scrollbar { width: 8px; height: 8px; } .skillInfo--description::-webkit-scrollbar-track, .tabSkill--container::-webkit-scrollbar-track { background-color: var(--scrollbar-track); border-radius: 10px; } .skillInfo--description::-webkit-scrollbar-thumb, .tabSkill--container::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: 10px; } .skillInfo--description::-webkit-scrollbar-thumb:hover, .tabSkill--container::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-hover); } /******************************************************************************* * ATTRIBUTE CARDS *******************************************************************************/ .attribute--cardsContainer { background: var(--surface-bg); border: 2px solid var(--border-color); } .cardAttribute--value { color: var(--text-primary) !important; } /******************************************************************************* * SKINS CONTAINER *******************************************************************************/ .skins--container { background-color: var(--content-bg); } .skins--container::-webkit-scrollbar { width: 8px; height: 8px; } .skins--container::-webkit-scrollbar-track { background-color: var(--scrollbar-track); border-radius: 10px; } .skins--container::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: 10px; } /******************************************************************************* * CALCULATOR XP *******************************************************************************/ .calcXp--container { background-color: var(--content-bg); border: 2px solid var(--border-light); } .calcXp--resultTitle { color: var(--text-secondary) !important; } .calcXp--formItem input { background-color: var(--input-bg); border: 2px solid var(--border-light); color: var(--text-primary); } .calcXp--formItem span { color: var(--link-color); } #calculate-btn { background: var(--accent-gradient); color: #fff; border: none; box-shadow: 0 4px 12px rgba(69, 156, 202, 0.3); } #calculate-btn:hover { box-shadow: 0 6px 16px rgba(69, 156, 202, 0.4); transform: translateY(-2px); background: linear-gradient(135deg, #3d8ab8 0%, #4a76b5 100%); } /******************************************************************************* * ITEM INFOBOX *******************************************************************************/ .iteminfobox { background: var(--content-bg); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .iteminfobox b { color: var(--link-color); } /******************************************************************************* * TOOLTIPS *******************************************************************************/ .tooltipster-default { background-color: var(--content-bg) !important; color: var(--text-primary) !important; border: 1px solid var(--border-color); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); } .tip2 { background-color: var(--content-bg); border: 1px solid var(--border-color); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); color: var(--text-primary); } /******************************************************************************* * TRANSCRIPTIONS / DIALOGS *******************************************************************************/ .transcrições { background-color: var(--surface-bg); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); color: var(--text-primary); } .transcrições::before { background-color: var(--surface-bg); } .transcrições b, .transcrições strong { color: var(--text-primary) !important; } .me { color: var(--text-primary); } /******************************************************************************* * TABBER COMPONENT *******************************************************************************/ .mw-tabber-container { background-color: var(--content-bg); border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .mw-tabber-tabs { background-color: var(--surface-bg); border-bottom: 2px solid var(--border-color); } .mw-tabber-tab { background-color: var(--surface-bg); border-right: 1px solid var(--border-color); color: var(--text-secondary); } .mw-tabber-tab:hover { background-color: var(--content-bg); color: var(--link-hover); } .mw-tabber-tab.active { background-color: var(--content-bg); color: var(--link-color); border-bottom: 3px solid var(--accent-primary); } .mw-tabber-content { background-color: var(--content-bg); } /******************************************************************************* * PRESET ABAS *******************************************************************************/ .tabela-abas { background: transparent; } .mostrar-aba { background-color: transparent; } .mostrar-aba:hover::after { background-color: var(--text-muted); } .mostrar-aba.ativa::after { background-color: var(--accent-primary); } .sec-aba-cem { color: var(--text-primary); } .aba { background-color: var(--content-bg); } /******************************************************************************* * WANTED PAGE *******************************************************************************/ #selectbox-wanted { background-color: var(--input-bg); border: 2px solid var(--border-light); color: var(--text-primary); } .wantedPortrait--title { color: var(--text-primary); } /******************************************************************************* * GLOBAL EVENT WIDGET *******************************************************************************/ .global-event-widget { background-color: var(--content-bg); border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; } #global-event-time { background: linear-gradient(to right, rgba(20, 22, 27, 0.9), transparent); color: var(--text-primary); } /******************************************************************************* * CATEGORIES *******************************************************************************/ #mw-normal-catlinks { background-color: var(--surface-bg); border: 1px solid var(--border-color); padding: 0.5em 1em; border-radius: 4px; } #mw-normal-catlinks ul a, #mw-normal-catlinks a { color: var(--link-color) !important; } /******************************************************************************* * TABLE OF CONTENTS *******************************************************************************/ #toc { background-color: var(--surface-bg); border: 1px solid var(--border-color); } #toc h2 { color: var(--text-primary); } #toc ul li a { color: var(--link-color) !important; } #toc .toctogglelabel, span.toctogglespan { display: none !important; } /******************************************************************************* * IMAGE THUMBNAILS *******************************************************************************/ .thumb { background-color: var(--surface-bg); border: 1px solid var(--border-color); } .thumbinner { background-color: var(--surface-bg); border: 1px solid var(--border-color); } .thumbcaption { color: var(--text-secondary) !important; } .mw-parser-output .center .thumbcaption, .mw-parser-output .tright .thumbcaption { color: var(--text-secondary) !important; } .magnify a { display: none; } /******************************************************************************* * EDITOR & UPLOAD *******************************************************************************/ .wikiEditor-ui-toolbar { background-color: var(--surface-bg); border-color: var(--border-color); } .wikiEditor-ui-toolbar .tabs span.tab a { color: var(--text-primary) !important; } .wikiEditor-ui-toolbar .group .tool-select .label { color: var(--text-primary) !important; } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--text-primary) !important; background-color: var(--content-bg); } .wikiEditor-ui-toolbar .group .tool-select .options .option:hover { background-color: var(--surface-bg); } .wikiEditor-ui-toolbar .booklet > .index { color: var(--text-primary); background-color: var(--surface-bg); } .codeEditor-status-message { color: var(--text-primary) !important; background-color: var(--surface-bg); border-color: var(--border-color); } #msupload-div a { color: var(--link-color) !important; } #msupload-bottom a { color: var(--text-primary) !important; } #msupload-list .file { background: var(--surface-bg); border-top: 1px solid var(--border-color); color: var(--text-primary) !important; } /******************************************************************************* * MISC ELEMENTS *******************************************************************************/ .mw-destfile-warning { background-color: var(--surface-bg); border: 1px solid var(--border-color); color: var(--text-primary); } .mw-logline-protect { color: var(--text-primary) !important; } div.mw-number-text { color: var(--text-muted) !important; } div.mw-number-text h3 { color: var(--text-secondary) !important; } hr { border-color: var(--border-color); } ul { list-style-image: none; } .mw-parser-output small li, .mw-parser-output tr i, .mw-parser-output tr big { color: var(--text-primary) !important; } #contentSub, #contentSub2 { margin: 0 !important; padding: 0 !important; display: none; } #footer-info-lastmod { display: none !important; } /******************************************************************************* * SCALE UP HOVER EFFECT *******************************************************************************/ .scaleUp-hover { transition: all 0.25s ease; } .scaleUp-hover:hover { transform: scale(1.08); filter: brightness(1.1); } /******************************************************************************* * GLOBAL SCROLLBAR *******************************************************************************/ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background-color: var(--scrollbar-track); } ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-hover); } /* Firefox */ * { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); } /******************************************************************************* * SELECTION HIGHLIGHT *******************************************************************************/ ::selection { background-color: rgba(69, 156, 202, 0.4); color: var(--text-primary); } ::-moz-selection { background-color: rgba(69, 156, 202, 0.4); color: var(--text-primary); } /******************************************************************************* * RESPONSIVE ADJUSTMENTS *******************************************************************************/ @media screen and (max-width: 1024px) { .initialPage--sideMenuContainer .card { background-color: var(--content-bg); } } @media screen and (max-width: 768px) { .mw-tabber-tab { background-color: var(--surface-bg); border-bottom: 1px solid var(--border-color); } .mw-tabber-tab.active { border-bottom: 3px solid var(--accent-primary); } } /******************************************************************************* * VIDEO RESPONSIVO *******************************************************************************/ .video-responsivo { background: var(--page-bg); border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; } .pagevideo { border: 1px solid var(--border-color); border-radius: 8px; background-color: var(--page-bg); } /******************************************************************************* * UTILITY OVERRIDES (ensure dark theme) *******************************************************************************/ .oo-ui-popupWidget-head > .oo-ui-iconElement-noIcon + .oo-ui-labelElement-label { color: var(--text-primary); } #ca-delete a, #ca-move a, #ca-unprotect a { background-color: var(--surface-bg) !important; border-color: var(--border-color) !important; color: var(--link-color) !important; }