|
|
| Linha 63: |
Linha 63: |
| |} | | |} |
|
| |
|
| === Árvore de Habilidades ===
| | <h2>Árvore de Habilidades</h2> |
| <div style="position: relative; width: 520px; max-width: 100%; height: 600px; font-family: sans-serif; font-size: 12px; background-color: #ffffff; margin: 0 auto; overflow: hidden;">
| | [[File:SkilltreeArruaceiros.png|560px]] |
| | |
| <!-- ===================== 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:213px; left:50px; width:3px; height:28px; background:#9ecaff;"></div>
| |
| <div style="position:absolute; top:271px; 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:250px; 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 ===================== -->
| |
| <!-- Apunhalar -->
| |
| <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:Apunhalar.png|22px|link=Apunhalar]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Apunhalar</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>
| |
| | |
| <!-- Rajada de Flechas -->
| |
| <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:Rajada_de_Flechas.png|22px|link=Rajada_de_Flechas]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Rajada de Flechas</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>
| |
| | |
| <!-- Confinamento -->
| |
| <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:Confinamento.png|22px|link=Confinamento]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Confinamento</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>
| |
| | |
| <!-- Ataque Surpresa -->
| |
| <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:Ataque_Surpresa.png|22px|link=Ataque_Surpresa]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Ataque Surpresa</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>
| |
| | |
| <!-- Olhos de Águia -->
| |
| <div style="position:absolute; top:242px; 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:Olhos_de_Águia.png|22px|link=Olhos_de_Águia]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Olhos de Águia</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>
| |
| | |
| <!-- Rapto -->
| |
| <div style="position:absolute; top:301px; 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:Rapto.png|22px|link=Rapto]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Rapto</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 ===================== -->
| |
| <!-- Perícia com Espada -->
| |
| <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:Perícia_com_Espada.png|22px|link=Perícia_com_Espada]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Perícia com Espada</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>
| |
| | |
| <!-- Afanar -->
| |
| <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:Afanar.png|22px|link=Afanar]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Afanar</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>
| |
| | |
| <!-- Faxina -->
| |
| <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:Faxina.png|22px|link=Faxina]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Faxina</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>
| |
| | |
| <!-- Plágio -->
| |
| <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:Plágio.png|22px|link=Plágio]] | |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Plágio</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>
| |
| | |
| <!-- Pichar -->
| |
| <div style="position:absolute; top:242px; 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:Pichar.png|22px|link=Pichar]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Pichar</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>
| |
| | |
| <!-- Remover Armadura -->
| |
| <div style="position:absolute; top:301px; 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:Remover_Armadura.png|22px|link=Remover_Armadura]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Remover Armadura</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 ===================== -->
| |
| <!-- Graffiti -->
| |
| <div style="position:absolute; top:7px; left:270px; 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:Graffiti.png|22px|link=Graffiti]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Graffiti</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>
| |
| | |
| <!-- Remover Capacete -->
| |
| <div style="position:absolute; top:66px; left:270px; 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:Remover_Capacete.png|22px|link=Remover_Capacete]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Remover Capacete</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>
| |
| | |
| <!-- Túnel de Fuga -->
| |
| <div style="position:absolute; top:124px; left:270px; 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:Túnel_de_Fuga.png|22px|link=Túnel_de_Fuga]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Túnel de Fuga</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>
| |
| | |
| <!-- Remover Escudo -->
| |
| <div style="position:absolute; top:183px; left:270px; 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:Remover_Escudo.png|22px|link=Remover_Escudo]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Remover Escudo</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>
| |
| | |
| <!-- Mãos Leves -->
| |
| <div style="position:absolute; top:242px; left:270px; 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:Mãos_Leves.png|22px|link=Mãos_Leves]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Mãos Leves</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>
| |
| | |
| <!-- Remover Arma -->
| |
| <div style="position:absolute; top:301px; left:270px; 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:Remover_Arma.png|22px|link=Remover_Arma]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Remover Arma</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 4 ===================== -->
| |
| <!-- Extorquir -->
| |
| <div style="position:absolute; top:7px; left:400px; 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:Extorquir.png|22px|link=Extorquir]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Extorquir</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>
| |
| | |
| <!-- Remover Armadilha -->
| |
| <div style="position:absolute; top:66px; left:400px; 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:Remover_Armadilha.png|22px|link=Remover_Armadilha]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Remover Armadilha</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>
| |
| | |
| <!-- Malandragem -->
| |
| <div style="position:absolute; top:124px; left:400px; 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:Malandragem.png|22px|link=Malandragem]]
| |
| </div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Malandragem</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>
| |
| | |
| </div>
| |
|
| |
|
| </div> | | </div> |