|
|
| (16 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <div style="position: relative; width: 820px; height: 930px; font-family: sans-serif; font-size: 13px; background-color: #ffffff; margin: 0 auto; overflow-x: auto; overflow-y: hidden; padding-bottom: 30px;"> | | <div class="ro-wave-wrapper"> |
| | | <div class=" ro-item-wave ro-pos- 1"><div class=" ro-circle-wave">[[Arquivo: Class-path-thumb_ninja- f.png|link=Ninja]]</div></div> |
| <div style="position:absolute; top:52px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div> | | <div class=" ro-item-wave ro-pos- 2"><div class=" ro-circle-wave">[[Arquivo: Class-path-thumb_mercador- f.png|link=Mercador]]</div></div> |
| <div style="position:absolute; top:132px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
| | <div class=" ro-item-wave ro-pos- 3"><div class=" ro-circle-wave">[[Arquivo: Class-path-thumb_novico- f.png|link=Noviço]]</div></div> |
| <div style="position:absolute; top:212px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div> | | <div class=" ro-item-wave ro-pos- 4"><div class="ro-circle-wave" >[[Arquivo: Class-path-thumb_espadachim- f.png|link=Espadachim]]</div></div> |
| <div style="position:absolute; top:292px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div>
| | <div class=" ro-item-wave ro- pos-5"><div class=" ro-circle- wave">[[Arquivo: Class- path- thumb_aprendiz- f.png|link=Aprendiz]]</div></div> |
| <div style="position:absolute; top:372px; left:100px; width:4px; height:38px; background:#9ecaff; z-index:0;"></div> | | <div class=" ro- item-wave ro-pos-6"><div class=" ro-circle- wave">[[Arquivo: Class- path- thumb_mago- f.png|link=Mago]]</div></div> |
| <div style="position:absolute; top:452px; left:100px; width:4px; height:40px; background:#9ecaff; z-index:0;"></div>
| | <div class=" ro-item-wave ro-pos- 7"><div class=" ro-circle-wave">[[Arquivo: Class-path-thumb_arqueiro- f.png|link=Arqueiro]]</div></div> |
| <div style="position:absolute; top:492px; left:100px; width:130px; height:4px; background:#9ecaff; z-index:0;"></div> | | <div class=" ro-item-wave ro-pos- 8"><div class=" ro-circle-wave">[[Arquivo: Class-path-thumb_gatuno- f.png|link=Gatuno]]</div></div> |
| <div style="position:absolute; top:42px; left:226px; width:4px; height:454px; background:#9ecaff; z-index:0;"></div>
| | <div class=" ro-item-wave ro-pos- 9"><div class=" ro-circle- wave"> [[Arquivo:Class-path-thumb_taekwon-f.png|link=Taekwon]]</div></div> |
| <div style="position:absolute; top:40px; left:226px; width:114px; height:4px; background:#9ecaff; z-index:0;"></div> | | <div class=" ro-item-wave ro-pos- 10"><div class=" ro-circle- wave"> [[Arquivo: Class- path- thumb_justiceiro- f.png|link= Justiceiro]]</div></div> |
| <div style=" position:absolute; top:36px; left:335px; width:0; height:0; border- top: 6px solid transparent; border- bottom: 6px solid transparent; border- left: 8px solid #9ecaff; z- index:0;"></div> | |
| <div style="position:absolute; top:40px; left:510px; width:40px; height:4px; background:#9ecaff; z-index:0;"></div> | |
| <div style=" position:absolute; top:36px; left:545px; width:0; height:0; border- top: 6px solid transparent; border- bottom: 6px solid transparent; border- left: 8px solid #9ecaff; z- index:0;"></div> | |
| <div style="position:absolute; top:52px; left:425px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div> | |
| <div style=" position: absolute; top:80px; left:340px; width:340px; height:4px; background:#9ecaff; z- index:0;"></div> | |
| <div style="position:absolute; top:80px; left:340px; width:4px; height:20px; background:#9ecaff; z-index:0;"></div> | |
| <div style=" position: absolute; top:80px; left:510px; width:4px; height:20px; background:#9ecaff; z- index:0;"></div> | |
| <div style="position:absolute; top:80px; left:680px; width:4px; height:20px; background:#9ecaff; z-index:0;"></div> | |
| | |
| <div style=" position:absolute; top:142px; left:340px; width:4px; height:28px; background:#9ecaff; z- index:0;"></div > | |
| <div style="position:absolute; top:222px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:302px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div> | |
| <div style="position:absolute; top:382px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:462px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:542px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:622px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:702px; left:340px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:142px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:222px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:302px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:382px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:462px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:542px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:622px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:702px; left:510px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:142px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:222px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:302px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:382px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:462px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:542px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:622px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| <div style="position:absolute; top:702px; left:680px; width:4px; height:28px; background:#9ecaff; z-index:0;"></div>
| |
| | |
| <a href="/wiki/Instintos_Básicos" title="Ir para Instintos Básicos" style="text-decoration:none;">
| |
| <div style="position:absolute; top:10px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Instintos_Básicos.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Instintos Básicos</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Mordida" title="Ir para Mordida" style="text-decoration:none;">
| |
| <div style="position:absolute; top:90px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Mordida.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Mordida</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Gato-Mia" title="Ir para Gato-Mia" style="text-decoration:none;">
| |
| <div style="position:absolute; top:170px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Gato-Mia.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Gato-Mia</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Arranhar" title="Ir para Arranhar" style="text-decoration:none;">
| |
| <div style="position:absolute; top:250px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Arranhar.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Arranhar</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Quatro_Patas" title="Ir para Quatro Patas" style="text-decoration:none;">
| |
| <div style="position:absolute; top:330px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Quatro_Patas.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Quatro Patas</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Pulo_do_Gato" title="Ir para Pulo do Gato" style="text-decoration:none;">
| |
| <div style="position:absolute; top:410px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Pulo_do_Gato.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Pulo do Gato</div>
| |
| <div style="position:absolute; bottom:-25px; right:-50px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Invocar" title="Ir para Invocar" style="text-decoration:none;">
| |
| <div style="position:absolute; top:10px; left:340px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocar.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Invocar</div>
| |
| <div style="position:absolute; top:32px; right:-30px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| <div style="position:absolute; bottom:-30px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Ampliar_Alcance" title="Ir para Ampliar Alcance" style="text-decoration:none;">
| |
| <div style="position:absolute; top:10px; left:550px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Ampliar_Alcance.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Ampliar Alcance</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Camarão_Fresquinho" title="Ir para Camarão Fresquinho" style="text-decoration:none;">
| |
| <div style="position:absolute; top:100px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Camarão_Fresquinho.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Camarão Fresquinho</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Chuva_de_Mariscos" title="Ir para Chuva de Mariscos" style="text-decoration:none;">
| |
| <div style="position:absolute; top:180px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Chuva_de_Mariscos.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Chuva de Mariscos</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Dádiva_do_Atum" title="Ir para Dádiva do Atum" style="text-decoration:none;">
| |
| <div style="position:absolute; top:260px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Dádiva_do_Atum.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Dádiva do Atum</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Proteção_da_Orla" title="Ir para Proteção da Orla" style="text-decoration:none;">
| |
| <div style="position:absolute; top:340px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Proteção_da_Orla.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Proteção da Orla</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Poder_das_Marés" title="Ir para Poder das Marés" style="text-decoration:none;">
| |
| <div style="position:absolute; top:420px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Poder_das_Marés.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Poder das Marés</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Lambida" title="Ir para Lambida" style="text-decoration:none;">
| |
| <div style="position:absolute; top:500px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Lambida.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Lambida</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Banho_de_Lambidas" title="Ir para Banho de Lambidas" style="text-decoration:none;">
| |
| <div style="position:absolute; top:580px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Banho_de_Lambidas.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Banho de Lambidas</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Festa_do_Camarão" title="Ir para Festa do Camarão" style="text-decoration:none;">
| |
| <div style="position:absolute; top:660px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Festa_do_Camarão.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Festa do Camarão</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Invocação_das_Marés" title="Ir para Invocação das Marés" style="text-decoration:none;">
| |
| <div style="position:absolute; top:740px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_das_Marés.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Invocação das Marés</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Lança_Gateira" title="Ir para Lança Gateira" style="text-decoration:none;">
| |
| <div style="position:absolute; top:100px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Lança_Gateira.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Lança Gateira</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Hera_Venenosa" title="Ir para Hera Venenosa" style="text-decoration:none;">
| |
| <div style="position:absolute; top:180px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Hera_Venenosa.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Hera Venenosa</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Meteoros_de_Nepeta" title="Ir para Meteoros de Nepeta" style="text-decoration:none;">
| |
| <div style="position:absolute; top:260px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Meteoros_de_Nepeta.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Meteoros de Nepeta</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Pulverizar" title="Ir para Pulverizar" style="text-decoration:none;">
| |
| <div style="position:absolute; top:340px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Pulverizar.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Pulverizar</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Poder_da_Selva" title="Ir para Poder da Selva" style="text-decoration:none;">
| |
| <div style="position:absolute; top:420px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Poder_da_Selva.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Poder da Selva</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Despertar" title="Ir para Despertar" style="text-decoration:none;">
| |
| <div style="position:absolute; top:500px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Despertar.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Despertar</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Balaio_de_Gato" title="Ir para Balaio de Gato" style="text-decoration:none;">
| |
| <div style="position:absolute; top:580px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Balaio_de_Gato.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Balaio de Gato</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Mato_de_Gato" title="Ir para Mato de Gato" style="text-decoration:none;">
| |
| <div style="position:absolute; top:660px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Mato_de_Gato.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Mato de Gato</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Invocação_da_Selva" title="Ir para Invocação da Selva" style="text-decoration:none;">
| |
| <div style="position:absolute; top:740px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_da_Selva.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Invocação da Selva</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Chilique_de_Picky" title="Ir para Chilique de Picky" style="text-decoration:none;">
| |
| <div style="position:absolute; top:100px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Chilique_de_Picky.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Chilique de Picky</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Impulso_de_Arclouse" title="Ir para Impulso de Arclouse" style="text-decoration:none;">
| |
| <div style="position:absolute; top:180px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Impulso_de_Arclouse.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Impulso de Arclouse</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Ferida_de_Tarou" title="Ir para Ferida de Tarou" style="text-decoration:none;">
| |
| <div style="position:absolute; top:260px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Ferida_de_Tarou.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Ferida de Tarou</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Cometas_Lunáticos" title="Ir para Cometas Lunáticos" style="text-decoration:none;">
| |
| <div style="position:absolute; top:340px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Cometas_Lunáticos.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Cometas Lunáticos</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Poder_da_Fauna" title="Ir para Poder da Fauna" style="text-decoration:none;">
| |
| <div style="position:absolute; top:420px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Poder_da_Fauna.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Poder da Fauna</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Riscar_Fósforo" title="Ir para Riscar Fósforo" style="text-decoration:none;">
| |
| <div style="position:absolute; top:500px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Riscar_Fósforo.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Riscar Fósforo</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Intimidar" title="Ir para Intimidar" style="text-decoration:none;">
| |
| <div style="position:absolute; top:580px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Intimidar.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Intimidar</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Ataque_Selvagem" title="Ir para Ataque Selvagem" style="text-decoration:none;">
| |
| <div style="position:absolute; top:660px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Ataque_Selvagem.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Ataque Selvagem</div>
| |
| <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
| |
| </div>
| |
| </a>
| |
| | |
| <a href="/wiki/Invocação_da_Fauna" title="Ir para Invocação da Fauna" style="text-decoration:none;">
| |
| <div style="position:absolute; top:740px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:10; transition: all 0.2s ease-in-out; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-3px)'; this.style.filter='brightness(1.12)'; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.filter='brightness(1)'; this.style.boxShadow='0 2px 5px rgba(0,0,0,0.2)';">
| |
| <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_da_Fauna.png|30px|link=]]</div>
| |
| <div style="color:white; font-weight:bold; line-height:1.1;">Invocação da Fauna</div>
| |
| </div>
| |
| </a>
| |
| | |
| </div> | | </div> |
