Teste scripts: mudanças entre as edições

De Farmland
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
{{DISPLAYTITLE:<span style="display:none">{{PAGENAME}}</span>}}
<div class="ro-wave-wrapper">
[[Arquivo:anim-logo1.gif|centro|520x520px|link=site]]
    <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 class="ro-item-wave ro-pos-2"><div class="ro-circle-wave">[[Arquivo:Class-path-thumb_mercador-f.png|link=Mercador]]</div></div>
<div class="everlight-container">
    <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 class="ro-item-wave ro-pos-4"><div class="ro-circle-wave">[[Arquivo:Class-path-thumb_espadachim-f.png|link=Espadachim]]</div></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 class="everlight-top-links">
    <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 class="ro-item-wave ro-pos-7"><div class="ro-circle-wave">[[Arquivo:Class-path-thumb_arqueiro-f.png|link=Arqueiro]]</div></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>
  EVERLIGHT TOP LINKS - TEMA BRANCO MEDIAWIKI
    <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 class="ro-item-wave ro-pos-10"><div class="ro-circle-wave">[[Arquivo:Class-path-thumb_justiceiro-f.png|link=Justiceiro]]</div></div>
 
/* Container principal - Fundo branco */
.everlight-top-links-white {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 20px;
  background: #ffffff;
  border-radius: 12px;
  margin: 20px auto;
  max-width: 1200px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}
 
/* Linha decorativa no topo */
.everlight-top-links-white::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,
    #8B5CF6 0%,
    #3B82F6 25%,
    #10B981 50%,
    #F59E0B 75%,
    #EC4899 100%);
  border-radius: 12px 12px 0 0;
}
 
/* Links individuais - Estilo limpo */
.wiki-top-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  color: #374151;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 8px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  min-width: 110px;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
}
 
/* Efeito do Botão 2 adaptado - bordas que crescem */
.wiki-top-link::before,
.wiki-top-link::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 0;
  background: linear-gradient(90deg, #8B5CF6, #3B82F6);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 1px;
  z-index: 2;
}
 
.wiki-top-link::before {
  top: -1px;
}
 
.wiki-top-link::after {
  bottom: -1px;
}
 
/* Hover effect - Ativa o efeito do Botão 2 */
.wiki-top-link:hover {
  letter-spacing: 1px;
  background: white;
  border-color: #8B5CF6;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.15);
  color: #1f2937;
}
 
.wiki-top-link:hover::before,
.wiki-top-link:hover::after {
  width: 85%;
}
 
/* Efeito de brilho interno no hover */
.wiki-top-link:hover::before {
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
}
 
.wiki-top-link:hover::after {
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.4);
}
 
/* Cores específicas para cada link no hover */
.wiki-top-link:nth-child(1):hover { border-color: #3B82F6; } /* Site Oficial - Azul */
.wiki-top-link:nth-child(3):hover { border-color: #10B981; } /* Informações - Verde */
.wiki-top-link:nth-child(5):hover { border-color: #F59E0B; } /* Registro - Amarelo */
.wiki-top-link:nth-child(7):hover { border-color: #EF4444; } /* Download - Vermelho */
.wiki-top-link:nth-child(9):hover { border-color: #8B5CF6; } /* Mercado - Roxo */
.wiki-top-link:nth-child(11):hover { border-color: #06B6D4; } /* Discord - Ciano */
.wiki-top-link:nth-child(13):hover { border-color: #EC4899; } /* Atualizações - Rosa */
 
/* Ícones */
.wiki-link-icon {
  font-size: 16px;
  transition: all 0.3s ease;
  display: inline-block;
}
 
.wiki-top-link:hover .wiki-link-icon {
  transform: scale(1.15);
  animation: iconBounce 0.5s ease;
}
 
@keyframes iconBounce {
  0%, 100% { transform: scale(1.15); }
  50% { transform: scale(1.3); }
}
 
/* Texto */
.wiki-link-text {
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}
 
.wiki-top-link:hover .wiki-link-text {
  background: linear-gradient(90deg, #8B5CF6, #3B82F6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
 
/* Separadores */
.wiki-link-separator {
  color: #d1d5db;
  font-size: 16px;
  font-weight: 300;
  margin: 0 5px;
  transition: all 0.3s ease;
  padding: 0 2px;
}
 
.wiki-top-link:hover + .wiki-link-separator,
.wiki-link-separator:hover {
  color: #8B5CF6;
  transform: scale(1.2);
  font-weight: bold;
}
 
/* Estado ativo (página atual) */
.wiki-top-link.active {
  background: linear-gradient(135deg, #8B5CF6, #3B82F6);
  color: white;
  letter-spacing: 1px;
  box-shadow: 0 5px 20px rgba(139, 92, 246, 0.25);
  border-color: #8B5CF6;
}
 
.wiki-top-link.active .wiki-link-text {
  color: white;
  -webkit-text-fill-color: white;
  background: none;
}
 
.wiki-top-link.active::before,
.wiki-top-link.active::after {
  width: 85%;
  background: white;
}
 
/* Efeito de onda ao clicar */
.wiki-top-link:active {
  transform: translateY(-1px);
  transition: transform 0.1s;
}
 
/* Responsividade */
@media (max-width: 1024px) {
  .everlight-top-links-white {
    padding: 15px;
    gap: 3px;
  }
 
  .wiki-top-link {
    padding: 8px 14px;
    font-size: 13px;
    min-width: 95px;
  }
}
 
@media (max-width: 768px) {
  .everlight-top-links-white {
    flex-direction: column;
    gap: 8px;
    padding: 15px;
  }
 
  .wiki-top-link {
    width: 100%;
    max-width: 220px;
    justify-content: center;
  }
 
  .wiki-link-separator {
    display: none;
  }
}
 
/* Animação de entrada */
@keyframes fadeInSlide {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
 
.wiki-top-link {
  animation: fadeInSlide 0.5s ease-out forwards;
  animation-delay: calc(var(--link-index, 0) * 0.05s);
  opacity: 0;
}
 
/* Badge para links externos */
.wiki-top-link[href^="http"]::after {
  content: '↗';
  font-size: 10px;
  margin-left: 4px;
  opacity: 0.6;
  transition: opacity 0.3s;
}
 
.wiki-top-link[href^="http"]:hover::after {
  opacity: 1;
}
 
/* Contador visual */
.everlight-top-links-white::after {
  content: '7 links disponíveis';
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
}
 
/* Efeito de brilho sutil no container */
.everlight-top-links-white:hover {
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}
</div>
 
<!-- BOTÃO EVENTO -->
 
<!-- CARDS PRINCIPAIS -->
<div class="img-hover main-card">
[[File:cardclasses.jpg|200px|link=Classes]]
</div>
<div class="img-hover main-card">
[[File:cardguiadeup.jpg|200px|link=Guia_de_UP]]
</div>
<div class="img-hover main-card">
[[File:comandos1.png|200px|link=Comandos]]
</div>
<div class="img-hover main-card">
[[File:cardmareinfernal.jpg|225px|link=Maré_Infernal]]
</div>
<div class="img-hover main-card">
[[File:cardmodificacoes.jpg|200px|link=Modificações_Everlight]]
</div>
 
</div>
 
<!-- =========================
    GUIAS – EVERLIGHT
    ========================= -->
 
<div class="hr-guides-wrapper">
 
<div class="hr-guides-title">
GUIAS
</div>
 
<!-- BOTÕES DE FILTRO -->
<div class="guides-filter-buttons">
  <button class="filter-btn active" data-filter="all">
    <span class="btn-icon">🌐</span> Todos
  </button>
  <button class="filter-btn" data-filter="progression">
    <span class="btn-icon">⚔️</span> Progressão
  </button>
  <button class="filter-btn" data-filter="systems">
    <span class="btn-icon">⚙️</span> Sistemas
  </button>
  <button class="filter-btn" data-filter="economy">
    <span class="btn-icon">💰</span> Econômico
  </button>
  <button class="filter-btn" data-filter="content">
    <span class="btn-icon">🎯</span> Conteúdo
  </button>
  <button class="filter-btn" data-filter="popular">
    <span class="btn-icon">🔥</span> Populares
  </button>
  <button class="filter-btn" data-filter="updated">
    <span class="btn-icon">🔄</span> Atualizados
  </button>
</div>
 
<!-- BARRA DE BUSCA -->
<div class="guides-search">
  <div class="search-container">
    <input type="text" class="search-input" placeholder="🔍 Buscar guia específico...">
    <button class="search-clear" title="Limpar busca">✕</button>
  </div>
  <div class="search-stats">
     <span class="stat-count">30</span> guias disponíveis
  </div>
</div>
 
<div class="hr-guides-grid">
 
<div class="hr-guide-item" data-category="progression" data-popular="true">
  <span class="hr-icon">📈</span>
  <a href="/wiki/Guia_de_UP" class="guide-link">Guia de UP</a>
  <span class="guide-badge popular">🔥</span>
</div>
 
<div class="hr-guide-item" data-category="economy">
  <span class="hr-icon">💰</span>
  <a href="/wiki/Comércio" class="guide-link">Comércio</a>
</div>
 
<div class="hr-guide-item" data-category="economy">
  <span class="hr-icon">🏪</span>
  <a href="/wiki/Loja_de_Presença" class="guide-link">Loja de Presença</a>
</div>
 
<div class="hr-guide-item" data-category="progression">
  <span class="hr-icon">✨</span>
  <a href="/wiki/Encantamentos" class="guide-link">Encantamentos</a>
</div>
 
<div class="hr-guide-item" data-category="economy">
  <span class="hr-icon">🗳️</span>
  <a href="/wiki/Pontos_de_Voto" class="guide-link">Pontos de Voto</a>
</div>
 
<div class="hr-guide-item" data-category="systems" data-popular="true">
  <span class="hr-icon">👑</span>
  <a href="/wiki/Sistema_VIP" class="guide-link">Sistema VIP</a>
  <span class="guide-badge popular">🔥</span>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">👹</span>
  <a href="/wiki/Pontos_MVP" class="guide-link">Pontos MVP</a>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">🤖</span>
  <a href="/wiki/Eventos_Automáticos" class="guide-link">Eventos Automáticos</a>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">🏰</span>
  <a href="/wiki/Instâncias" class="guide-link">Instâncias</a>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">🌿</span>
  <a href="/wiki/Grupo_do_Éden" class="guide-link">Grupo do Éden</a>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">🎲</span>
  <a href="/wiki/Random_Options" class="guide-link">Random Options</a>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">🔥</span>
  <a href="/wiki/Monstros_Infernais" class="guide-link">Monstros Infernais</a>
</div>
 
<div class="hr-guide-item" data-category="systems" data-updated="true">
  <span class="hr-icon">⌨️</span>
  <a href="/wiki/Comandos" class="guide-link">Comandos</a>
  <span class="guide-badge updated">🔄</span>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">🐾</span>
  <a href="/wiki/Sistema_de_PET" class="guide-link">Sistema de PET</a>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">🛡️</span>
  <a href="/wiki/Passe_de_Batalha" class="guide-link">Passe de Batalha</a>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">🏰</span>
  <a href="/wiki/Instâncias" class="guide-link">Instâncias</a>
</div>
 
<div class="hr-guide-item" data-category="content" data-popular="true">
  <span class="hr-icon">🌊</span>
  <a href="/wiki/Maré_Infernal" class="guide-link">Maré Infernal</a>
  <span class="guide-badge popular">🔥</span>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">👑</span>
  <a href="/wiki/MVPs" class="guide-link">MVPs</a>
</div>
 
<div class="hr-guide-item" data-category="progression">
  <span class="hr-icon">⚔️</span>
  <a href="/wiki/Progressão_de_Dano" class="guide-link">Progressão de Dano</a>
</div>
 
<div class="hr-guide-item" data-category="progression">
  <span class="hr-icon">🔧</span>
  <a href="/wiki/Refinamento_e_Grade" class="guide-link">Refinamento e Grade</a>
</div>
 
<div class="hr-guide-item" data-category="economy">
  <span class="hr-icon">🎰</span>
  <a href="/wiki/Roleta_da_Sorte" class="guide-link">Roleta da Sorte</a>
</div>
 
<div class="hr-guide-item" data-category="economy">
  <span class="hr-icon">💎</span>
  <a href="/wiki/Sistema_RMT" class="guide-link">Sistema RMT</a>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">👑</span>
  <a href="/wiki/Sistema_VIP" class="guide-link">Sistema VIP</a>
</div>
 
<div class="hr-guide-item" data-category="progression">
  <span class="hr-icon">🔄</span>
  <a href="/wiki/Renascimento" class="guide-link">Renascimento</a>
</div>
 
<div class="hr-guide-item" data-category="progression">
  <span class="hr-icon">📊</span>
  <a href="/wiki/Trait_Status" class="guide-link">Trait Status</a>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">👼</span>
  <a href="/wiki/Bençao_de_Lilith" class="guide-link">Bençao de Lilith</a>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">👨‍🍳</span>
  <a href="/wiki/Chefenia" class="guide-link">Chefenia</a>
</div>
 
<div class="hr-guide-item" data-category="systems">
  <span class="hr-icon">📚</span>
  <a href="/wiki/Colecionador" class="guide-link">Colecionador</a>
</div>
 
<div class="hr-guide-item" data-category="progression">
  <span class="hr-icon">📈</span>
  <a href="/wiki/Guia_de_UP" class="guide-link">Guia de UP</a>
</div>
 
<div class="hr-guide-item" data-category="content">
  <span class="hr-icon">👥</span>
  <a href="/wiki/Horda" class="guide-link">Horda</a>
</div>
 
</div>
 
<!-- BOTÕES DE CONTROLE -->
<div class="guides-controls">
  <button class="control-btn" id="shuffleGuides" title="Embaralhar ordem">
    <span class="control-icon">🎲</span> Embaralhar
  </button>
  <button class="control-btn" id="expandAll" title="Expandir todos">
    <span class="control-icon">📖</span> Expandir Tudo
  </button>
  <button class="control-btn" id="collapseAll" title="Recolher todos">
    <span class="control-icon">📕</span> Recolher Tudo
  </button>
  <button class="control-btn" id="showPopular" title="Mostrar populares">
    <span class="control-icon">🔥</span> Populares
  </button>
  <button class="control-btn" id="toggleIcons" title="Mostrar/ocultar ícones">
    <span class="control-icon">👁️</span> Ícones
  </button>
</div>
 
<!-- PAGINAÇÃO (se necessário) -->
<div class="guides-pagination">
  <button class="page-btn prev-btn" disabled>
    ← Anterior
  </button>
  <div class="page-numbers">
    <button class="page-number active">1</button>
    <button class="page-number">2</button>
    <button class="page-number">3</button>
  </div>
  <button class="page-btn next-btn">
    Próxima →
  </button>
</div>
 
</div>
</div>
</div>
</div>
 
<!-- DESTAQUES -->
<div class="everlight-section-title">Destaques</div>
<div class="highlights-container">
<div class="img-hover">
[[File:Eventoscard1.png|220px|link=Eventos]]
</div>
<div class="img-hover">
[[File:cardmodificacoes1.jpg|220px|link=Modificações_Everlight]]
</div>
<div class="img-hover">
[[File:cardepisodio1.png|220px|link=Episódios]]
</div>
<div class="img-hover">
[[File:cardinformacoes1.jpg|220px|link=Informações_do_Servidor]]
</div>
</div>
 
<!-- EXCLUSIVOS -->
<div class="everlight-section-title">Conteúdos Exclusivos</div>
<div class="carousel-container everlight-carousel">
<div class="nav-btn left-btn">‹</div>
<div class="carousel-wrapper">
<div class="carousel-item">
[[File:cardmareinfernal1.jpg|208x208px|link=Maré_Infernal]]
</div>
<div class="carousel-item">
[[File:cardhorda1.png|180x180px|link=Horda]]
</div>
<div class="carousel-item">
[[File:cardpasse1.png|180x180px|link=Passe_de_Batalha]]
</div>
<div class="carousel-item">
[[File:cardrenascimento1.jpg|204x204px|link=Renascimento]]
</div>
<div class="carousel-item">
[[File:cardinstancia1.png|180x180px|link=Instâncias]]
</div>
<div class="carousel-item">
[[File:cardbencao1.png|180x180px|link=Bênção_de_Lilith]]
</div>
<div class="carousel-item">
[[File:cardinfernais1.png|180x180px|link=Monstros_Infernais]]
</div>
<div class="carousel-item">
[[File:cardrefino1.png|180x180px|link=Refinamento_e_Grade]]
</div>
<div class="carousel-item">
[[File:cardestacao1.png|180x180px|link=Estação_Celestial]]
</div>
<div class="carousel-item">
[[File:cardpet1.png|180x180px|link=Sistema_de_PET]]
</div>
<div class="carousel-item">
[[File:cardcheffenia1.jpg|204x204px|link=Cheffênia]]
</div>
</div>
<div class="nav-btn right-btn">›</div>
</div>
 
<div class="everlight-footer">
<b>EverLight Games • Wiki Oficial</b><br>
[[Informações do Servidor]] • [[Regras]] • [[Sistema VIP]] • [[Comandos]] • [[Doações]]<br>
🌐 https://everlightgames.com.br • 💬 Discord Oficial<br><br>
© 2025 EverLight Games. Todos os direitos reservados.<br>
Ragnarok Online é marca registrada da Gravity Co., Ltd.
</div>
</div>

Edição atual tal como às 04h19min de 29 de abril de 2026