|
|
| Linha 17: |
Linha 17: |
| <div class="job-section"> | | <div class="job-section"> |
| <h2>Árvore de Habilidades - Bruxos</h2> | | <h2>Árvore de Habilidades - Bruxos</h2> |
| <div style="position: relative; width: 520px; max-width: 100%; height: 420px; font-family: sans-serif; font-size: 12px; background-color: #ffffff; margin: 0 auto; overflow: hidden;">
| | [[File:SkilltreeBruxos.png]] |
| | |
| <!-- ===================== CONECTORES ===================== -->
| |
| <!-- Verticais -->
| |
| <div style="position:absolute; top:38px; left:50px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:97px; left:50px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:155px; left:50px; width:3px; height:28px; background:#9ecaff;"></div>
| |
|
| |
| <div style="position:absolute; top:38px; left:140px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:97px; left:140px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:155px; left:140px; width:3px; height:28px; background:#9ecaff;"></div>
| |
|
| |
| <div style="position:absolute; top:38px; left:230px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:97px; left:230px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:155px; left:230px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| | |
| <!-- Horizontais -->
| |
| <div style="position:absolute; top:183px; left:50px; width:95px; height:3px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:183px; left:140px; width:95px; height:3px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:31px; left:140px; width:75px; height:3px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:26px; left:220px; width:0; height:0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #9ecaff;"></div>
| |
| | |
| <!-- ===================== COLUNA 1 ===================== -->
| |
| <!-- Coluna de Pedra -->
| |
| <div style="position:absolute; top:7px; left:7px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Coluna_de_Pedra.png|22px|link=Coluna_de_Pedra]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Coluna de Pedra</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Chuva de Meteoros -->
| |
| <div style="position:absolute; top:66px; left:7px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Chuva_de_Meteoros.png|22px|link=Chuva_de_Meteoros]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Chuva de Meteoros</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- Explosão Protetora -->
| |
| <div style="position:absolute; top:124px; left:7px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Explosão_Protetora.png|22px|link=Explosão_Protetora]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Explosão Protetora</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Pântano dos Mortos -->
| |
| <div style="position:absolute; top:183px; left:7px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Pântano_dos_Mortos.png|22px|link=Pântano_dos_Mortos]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Pântano dos Mortos</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- ===================== COLUNA 2 ===================== -->
| |
| <!-- Supernova -->
| |
| <div style="position:absolute; top:7px; left:140px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Supernova.png|22px|link=Supernova]] | |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Supernova</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- Fúria da Terra -->
| |
| <div style="position:absolute; top:66px; left:140px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Fúria_da_Terra.png|22px|link=Fúria_da_Terra]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Fúria da Terra</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Coluna de Fogo -->
| |
| <div style="position:absolute; top:124px; left:140px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Coluna_de_Fogo.png|22px|link=Coluna_de_Fogo]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Coluna de Fogo</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Congelar -->
| |
| <div style="position:absolute; top:183px; left:140px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Congelar.png|22px|link=Congelar]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Congelar</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- ===================== COLUNA 3 ===================== -->
| |
| <!-- Trovão de Júpiter -->
| |
| <div style="position:absolute; top:7px; left:230px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Trovão_de_Júpiter.png|22px|link=Trovão_de_Júpiter]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Trovão de Júpiter</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Barreira de Gelo -->
| |
| <div style="position:absolute; top:66px; left:230px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Barreira_de_Gelo.png|22px|link=Barreira_de_Gelo]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Barreira de Gelo</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Ira de Thor -->
| |
| <div style="position:absolute; top:124px; left:230px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Ira_de_Thor.png|22px|link=Ira_de_Thor]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Ira de Thor</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Nevasca -->
| |
| <div style="position:absolute; top:183px; left:230px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Nevasca.png|22px|link=Nevasca]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Nevasca</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Sentido Sobrenatural -->
| |
| <div style="position:absolute; top:242px; left:230px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Sentido_Sobrenatural.png|22px|link=Sentido_Sobrenatural]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Sentido Sobrenatural</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Esfera d'Água -->
| |
| <div style="position:absolute; top:301px; left:230px; width:110px; height:28px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center;">
| |
| <div style="width:22px; height:22px; margin:0 4px; display:flex; justify-content:center; align-items:center;">
| |
| [[File:Esfera_d'Água.png|22px|link=Esfera_d'Água]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Esfera d'Água</div>
| |
| <div style="position:absolute; bottom:-16px; left:35px; background:white; color:black; font-weight:bold; padding:0 2px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| </div>
| |
|
| |
|
| </div> | | </div> |
| Linha 181: |
Linha 30: |
| <div class="aprendiz-infobox"> | | <div class="aprendiz-infobox"> |
| <div class="aprendiz-header"> | | <div class="aprendiz-header"> |
| <span class="aprendiz-title">Bruxos</span> | | <span class="aprendiz-title">[[File:Bruxospartyicn.png]]Bruxos</span> |
| </div> | | </div> |
|
| |
|
| Linha 198: |
Linha 47: |
| <tr> | | <tr> |
| <th>Classe</th> | | <th>Classe</th> |
| <td>Bruxo</td> | | <td>Classe 2-2</td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
| Linha 296: |
Linha 145: |
| </div> | | </div> |
|
| |
|
| <h2 class="classe-section-title">Atributos Recomendados (broWiki)</h2> | | <h2 class="classe-section-title">Atributos Recomendados </h2> |
| {| class="wikitable" style="width:100%; text-align:center;" | | {| class="wikitable" style="width:100%; text-align:center;" |
| ! Atributo !! Função Principal | | ! Atributo !! Função Principal |