Cheffênia 99

De Farmland
Revisão de 12h54min de 14 de janeiro de 2026 por Adm.mayuka (discussão | contribs) (Criou página com '<!-- ================================================= --> <!-- SISTEMA DE CLASSES - WIKI EVERLIGHT --> <!-- ================================================= --> <!-- INÍCIO DO SISTEMA --> <div class="everlight-classes-system"> <!-- TÍTULO PRINCIPAL --> <div class="everlight-page-title"> <h1>Classes do Ragnarök Online</h1> <p>Em Ragnarök, você sempre começa com um personagem Aprendiz e vai evoluindo. É possível escolher sua classe e evoluções, montar sua pr...')
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)
Ir para navegação Ir para pesquisar


Classes do Ragnarök Online

Em Ragnarök, você sempre começa com um personagem Aprendiz e vai evoluindo. É possível escolher sua classe e evoluções, montar sua própria árvore de habilidades e definir o seu estilo de luta! Confira abaixo a relação de caminhos que poderão ser seguidos no jogo:

Arquivo:Novice M.png Arquivo:Novice F.png

Aprendiz Classe Inicial

Arquivo:Swordman M.png Arquivo:Swordman F.png

Espadachim Classe 1

Arquivo:Mage M.png Arquivo:Mage F.png

Mago Classe 1

Arquivo:Archer M.png Arquivo:Archer F.png

Arqueiro Classe 1

Arquivo:Merchant M.png Arquivo:Merchant F.png

Mercador Classe 1

Arquivo:Thief M.png Arquivo:Thief F.png

Gatuno Classe 1

Arquivo:Acolyte M.png Arquivo:Acolyte F.png

Noviço Classe 1


Aprendiz

Aprendizes não possuem nenhum tipo de especialidade, além da determinação de se tornarem melhores e mais fortes. Todos em Rune-Midgard já foram aprendizes no início de suas aventuras e escolheram caminhos diferentes, tornando cada habitante deste mundo fantástico um ser único, seja pela escolha do cabelo, a distribuição dos atributos ou os equipamentos usados.

<a href="/wiki/Super_Aprendiz">Arquivo:SuperNovice M.png</a>

<a href="/wiki/Super_Aprendiz">Super Aprendiz</a>

Aprendiz que aprendeu habilidades de várias classes

<a href="/wiki/Invocador">Arquivo:Doram M.png</a>

<a href="/wiki/Invocador">Invocador</a>

Especialista em invocar criaturas para ajudar em batalha

Espadachim

Espadachins podem usar as melhores armaduras de Rune-Midgard, que combinadas com o seu alto vigor e capacidade de se curarem rapidamente, os tornam a frente de ataque em qualquer tipo de combate.

<a href="/wiki/Cavaleiro">Arquivo:Knight M.png</a>

<a href="/wiki/Cavaleiro">Cavaleiro</a>

Especialista em combate corpo a corpo com espadas

<a href="/wiki/Templário">Arquivo:Crusader M.png</a>

<a href="/wiki/Templário">Templário</a>

Defensor sagrado especializado em proteção

<a href="/wiki/Lorde">Arquivo:LordKnight M.png</a>

<a href="/wiki/Lorde">Lorde</a>

Evolução transcendental do Cavaleiro

<a href="/wiki/Paladino">Arquivo:Paladin M.png</a>

<a href="/wiki/Paladino">Paladino</a>

Evolução transcendental do Templário

Mago

Magos dominam os elementos da natureza para lançar poderosas magias de ataque e controle.

<a href="/wiki/Bruxo">Arquivo:Wizard M.png</a>

<a href="/wiki/Bruxo">Bruxo</a>

Especialista em magias ofensivas elementais

<a href="/wiki/Sábio">Arquivo:Sage M.png</a>

<a href="/wiki/Sábio">Sábio</a>

Conhecedor de magias de suporte e pesquisa

<a href="/wiki/Arquimago">Arquivo:HighWizard M.png</a>

<a href="/wiki/Arquimago">Arquimago</a>

Evolução transcendental do Bruxo

<a href="/wiki/Professor">Arquivo:Professor M.png</a>

<a href="/wiki/Professor">Professor</a>

Evolução transcendental do Sábio

Noviço

Noviços são abençoados com o poder de curar e aumentar a força e a determinação de si próprios, e de seus companheiros de batalha.

<a href="/wiki/Sacerdote">Arquivo:Priest M.png</a>

<a href="/wiki/Sacerdote">Sacerdote</a>

Especialista em cura e bênçãos divinas

<a href="/wiki/Monge">Arquivo:Monk M.png</a>

<a href="/wiki/Monge">Monge</a>

Mestre das artes marciais espirituais

<a href="/wiki/Sumo_Sacerdote">Arquivo:HighPriest M.png</a>

<a href="/wiki/Sumo_Sacerdote">Sumo Sacerdote</a>

Evolução transcendental do Sacerdote

<style> /* RESET E CONTAINER */ .everlight-classes-system { 

   max-width: 1000px;
   margin: 20px auto;
   padding: 0 15px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;

}

/* TÍTULO DA PÁGINA */ .everlight-page-title { 

   text-align: center;
   margin-bottom: 40px;
   padding-bottom: 20px;
   border-bottom: 2px solid #e0e0e0;

}

.everlight-page-title h1 { 

   color: #2c3e50;
   font-size: 32px;
   margin-bottom: 15px;
   font-weight: 700;

}

.everlight-page-title p { 

   color: #666;
   font-size: 16px;
   line-height: 1.6;
   max-width: 800px;
   margin: 0 auto;

}

/* GRADE PRINCIPAL (EXATO DO SITE) */ .everlight-main-grid { 

   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 25px;
   margin-bottom: 40px;

}

@media (max-width: 900px) { 

   .everlight-main-grid {
       grid-template-columns: repeat(2, 1fr);
   }

}

@media (max-width: 600px) { 

   .everlight-main-grid {
       grid-template-columns: 1fr;
   }

}

/* CARD DA CLASSE (EXATO DO SITE) */ .everlight-class-card { 

   background: white;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 4px 12px rgba(0,0,0,0.08);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
   border: 2px solid transparent;
   position: relative;

}

.everlight-class-card:hover { 

   transform: translateY(-8px);
   box-shadow: 0 12px 24px rgba(0,0,0,0.15);
   border-color: #3498db;

}

.everlight-class-card.active { 

   border-color: #2980b9;
   background: #f8fafc;

}

.everlight-class-image { 

   height: 220px;
   background: linear-gradient(135deg, #f5f7fa 0%, #e4e7eb 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   padding: 20px;
   overflow: hidden;

}

.everlight-img-hover { 

   transition: all 0.4s ease;
   filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
   max-height: 180px;
   object-fit: contain;

}

.everlight-class-card:hover .everlight-img-hover { 

   transform: scale(1.08);
   filter: drop-shadow(0 8px 16px rgba(0,0,0,0.2));

}

.everlight-class-name { 

   padding: 20px;
   text-align: center;
   background: white;
   border-top: 1px solid #f1f1f1;

}

.everlight-class-title { 

   display: block;
   color: #2c3e50;
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 5px;

}

.everlight-class-subtitle { 

   display: block;
   color: #7f8c8d;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 1px;

}

/* ÁREA DE EXPANSÃO (EXATO DO SITE) */ .everlight-expansion-area { 

   display: none;
   background: white;
   border-radius: 12px;
   margin: 20px 0 40px;
   box-shadow: 0 6px 20px rgba(0,0,0,0.1);
   border: 1px solid #e0e0e0;
   animation: everlightSlideDown 0.4s ease-out;

}

.everlight-expansion-area.active { 

   display: block;

}

@keyframes everlightSlideDown { 

   from {
       opacity: 0;
       transform: translateY(-15px);
   }
   to {
       opacity: 1;
       transform: translateY(0);
   }

}

.everlight-expansion-content { 

   padding: 30px;

}

.everlight-expansion-title { 

   color: #2c3e50;
   font-size: 28px;
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 2px solid #3498db;
   font-weight: 700;

}

.everlight-expansion-description { 

   color: #555;
   font-size: 16px;
   line-height: 1.7;
   margin-bottom: 30px;
   padding-bottom: 20px;
   border-bottom: 1px solid #eee;

}

/* GRADE DE SUB-CLASSES (EXATO DO SITE) */ .everlight-subclasses-grid { 

   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   gap: 25px;
   margin-top: 20px;

}

.everlight-subclass-card { 

   background: #f8fafc;
   border-radius: 10px;
   padding: 20px;
   transition: all 0.3s ease;
   border: 1px solid #e2e8f0;
   display: flex;
   align-items: center;
   gap: 20px;

}

.everlight-subclass-card:hover { 

   background: white;
   border-color: #3498db;
   box-shadow: 0 6px 12px rgba(52, 152, 219, 0.15);
   transform: translateY(-3px);

}

.everlight-subclass-image { 

   flex-shrink: 0;

}

.everlight-subclass-img { 

   width: 100px;
   height: 100px;
   object-fit: contain;
   transition: transform 0.3s ease;
   filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));

}

.everlight-subclass-card:hover .everlight-subclass-img { 

   transform: scale(1.1);

}

.everlight-subclass-info { 

   flex-grow: 1;

}

.everlight-subclass-info h3 { 

   margin: 0 0 8px 0;
   font-size: 18px;
   font-weight: 700;

}

.everlight-subclass-info h3 a { 

   color: #2c3e50;
   text-decoration: none;
   transition: color 0.2s;

}

.everlight-subclass-info h3 a:hover { 

   color: #3498db;

}

.everlight-subclass-info p { 

   color: #666;
   font-size: 14px;
   line-height: 1.5;
   margin: 0;

}

/* BOTÃO DE FECHAR */ .everlight-close-btn { 

   position: absolute;
   top: 15px;
   right: 15px;
   background: #e74c3c;
   color: white;
   border: none;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   font-size: 18px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: background 0.2s;

}

.everlight-close-btn:hover { 

   background: #c0392b;

} </style>

<script> // FUNÇÃO PRINCIPAL PARA EXPANDIR CLASSE function everlightExpandClass(className) { 

   // Fecha todas as expansões
   document.querySelectorAll('.everlight-expansion-area').forEach(area => {
       area.classList.remove('active');
   });
   
   // Remove classe active de todos os cards
   document.querySelectorAll('.everlight-class-card').forEach(card => {
       card.classList.remove('active');
   });
   
   // Expande a classe selecionada
   const expansion = document.getElementById(`everlight-${className}`);
   if (expansion) {
       expansion.classList.add('active');
       
       // Adiciona classe active ao card clicado
       event.currentTarget.classList.add('active');
       
       // Rola suavemente para a expansão
       expansion.scrollIntoView({
           behavior: 'smooth',
           block: 'start'
       });
   }

}

// Fecha expansão ao clicar fora document.addEventListener('click', function(event) { 

   if (!event.target.closest('.everlight-class-card') && 
       !event.target.closest('.everlight-expansion-area') &&
       !event.target.closest('.everlight-subclass-card')) {
       
       document.querySelectorAll('.everlight-expansion-area').forEach(area => {
           area.classList.remove('active');
       });
       
       document.querySelectorAll('.everlight-class-card').forEach(card => {
           card.classList.remove('active');
       });
   }

});

// Inicializa com a primeira classe expandida document.addEventListener('DOMContentLoaded', function() { 

   // Expande a primeira classe (Aprendiz)
   everlightExpandClass('aprendiz');
   
   // Adiciona efeito de hover nas imagens
   document.querySelectorAll('.everlight-img-hover').forEach(img => {
       img.addEventListener('mouseenter', function() {
           this.style.transform = 'scale(1.1)';
       });
       
       img.addEventListener('mouseleave', function() {
           if (!this.closest('.everlight-class-card.active')) {
               this.style.transform = 'scale(1)';
           }
       });
   });

});

// Fecha expansão com ESC document.addEventListener('keydown', function(event) { 

   if (event.key === 'Escape') {
       document.querySelectorAll('.everlight-expansion-area').forEach(area => {
           area.classList.remove('active');
       });
       
       document.querySelectorAll('.everlight-class-card').forEach(card => {
           card.classList.remove('active');
       });
   }

}); </script>

Disponível em “http://farmland.net.br/wiki/index.php?title=Cheffênia_99&oldid=109”