|
|
| Linha 17: |
Linha 17: |
| <div class="job-section"> | | <div class="job-section"> |
| <h2>Árvore de Habilidades - Templários</h2> | | <h2>Árvore de Habilidades - Templários</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:SkilltreeTemplários.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>
| |
| | |
| <!-- Horizontais -->
| |
| <div style="position:absolute; top:183px; left:50px; width:95px; height:3px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:31px; left:140px; width:3px; height:200px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:29px; 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 ===================== -->
| |
| <!-- Crux Divinum -->
| |
| <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:Crux_Divinum.png|22px|link=Crux_Divinum]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Crux Divinum</div>
| |
| <div style="position:absolute; bottom:-18px; left:25px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Fé -->
| |
| <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:Fé.png|22px|link=Fé]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Fé</div>
| |
| <div style="position:absolute; bottom:-18px; left:35px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Submissão -->
| |
| <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:Submissão.png|22px|link=Submissão]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Submissão</div>
| |
| <div style="position:absolute; bottom:-18px; left:25px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Crux Magnum -->
| |
| <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:Crux_Magnum.png|22px|link=Crux_Magnum]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Crux Magnum</div>
| |
| <div style="position:absolute; bottom:-18px; left:25px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- ===================== COLUNA 2 ===================== -->
| |
| <!-- Montaria -->
| |
| <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:Montaria.png|22px|link=Montaria]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Montaria</div>
| |
| <div style="position:absolute; bottom:-18px; left:35px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Bloqueio -->
| |
| <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:Bloqueio.png|22px|link=Bloqueio]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Bloqueio</div>
| |
| <div style="position:absolute; bottom:-18px; left:35px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- Perícia em Montaria -->
| |
| <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:Perícia_em_Montaria.png|22px|link=Perícia_em_Montaria]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Perícia em Montaria</div>
| |
| <div style="position:absolute; bottom:-18px; left:25px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- Redenção -->
| |
| <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:Redenção.png|22px|link=Redenção]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Redenção</div>
| |
| <div style="position:absolute; bottom:-18px; left:35px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- ===================== COLUNA 3 ===================== -->
| |
| <!-- Perícia com Lança -->
| |
| <div style="position:absolute; top:7px; left:273px; 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:Perícia_com_Lança.png|22px|link=Perícia_com_Lança]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Perícia com Lança</div>
| |
| <div style="position:absolute; bottom:-18px; left:30px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- Aura Sagrada -->
| |
| <div style="position:absolute; top:66px; left:273px; 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:Aura_Sagrada.png|22px|link=Aura_Sagrada]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Aura Sagrada</div>
| |
| <div style="position:absolute; bottom:-18px; left:35px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- Flagelo do Mal -->
| |
| <div style="position:absolute; top:124px; left:273px; 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:Flagelo_do_Mal.png|22px|link=Flagelo_do_Mal]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Flagelo do Mal</div>
| |
| <div style="position:absolute; bottom:-18px; left:32px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- ===================== COLUNA 4 ===================== -->
| |
| <!-- Rapidez com Lança -->
| |
| <div style="position:absolute; top:7px; left:403px; 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:Rapidez_com_Lança.png|22px|link=Rapidez_com_Lança]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Rapidez com Lança</div>
| |
| <div style="position:absolute; bottom:-18px; left:30px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.3</div>
| |
| </div>
| |
| | |
| <!-- Proteção Divina -->
| |
| <div style="position:absolute; top:66px; left:403px; 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:Proteção_Divina.png|22px|link=Proteção_Divina]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Proteção Divina</div>
| |
| <div style="position:absolute; bottom:-18px; left:30px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- Punição Divina -->
| |
| <div style="position:absolute; top:124px; left:403px; 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:Punição_Divina.png|22px|link=Punição_Divina]] | |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Punição Divina</div>
| |
| <div style="position:absolute; bottom:-18px; left:25px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- ===================== COLUNA 5 ===================== -->
| |
| <!-- Curar -->
| |
| <div style="position:absolute; top:183px; left:403px; 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:Curar.png|22px|link=Curar]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Curar</div>
| |
| <div style="position:absolute; bottom:-18px; left:35px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px;">Nv.5</div>
| |
| </div>
| |
| | |
| </div>
| |
|
| |
|
| </div> | | </div> |
| Linha 184: |
Linha 30: |
| <div class="aprendiz-infobox"> | | <div class="aprendiz-infobox"> |
| <div class="aprendiz-header"> | | <div class="aprendiz-header"> |
| <span class="aprendiz-title">Templários</span> | | <span class="aprendiz-title">[[File:Templáriospartyicn.png]]Templários</span> |
| </div> | | </div> |
|
| |
|
| Linha 302: |
Linha 148: |
| </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 |