Diferencia entre revisiones de «Plantilla:MenuLateral»

De Oroza RO Wiki
Ir a la navegación Ir a la búsqueda
← Edición anteriorEdición siguiente →
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
<html>
<html>
<style>
  :root{
    --oroza-bg: #ffffff;
    --oroza-panel: #ffffff;
    --oroza-section: #fff8e1;
    --oroza-row: #fbfcfe;
    --oroza-row-hover: #f4f8fc;
    --oroza-border: #e5ebf2;
    --oroza-border-soft: #eef3f8;
    --oroza-text: #223044;
    --oroza-muted: #5e6b7a;
    --oroza-gold: #e0b11f;
    --oroza-gold-soft: rgba(224,177,31,.12);
    --oroza-shadow: 0 10px 26px rgba(26, 39, 60, 0.08);
    --oroza-shadow-soft: 0 4px 12px rgba(26, 39, 60, 0.05);
    --oroza-radius: 18px;
  }
  .oroza-sidebar-toggle{
    width: 100%;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    color: var(--oroza-text);
  }
  .toggle-checkbox{
    display:none;
  }
  .toggle-label{
    display:none;
    width:100%;
    box-sizing:border-box;
    padding:14px 16px;
    margin-bottom:14px;
    border:1px solid var(--oroza-border);
    border-radius:14px;
    background:#fff;
    color:var(--oroza-text);
    font-size:15px;
    font-weight:700;
    text-align:center;
    cursor:pointer;
    box-shadow: var(--oroza-shadow-soft);
    transition:.22s ease;
  }
  .toggle-label:hover{
    border-color:#d8e2ec;
    box-shadow:0 8px 20px rgba(26,39,60,.08);
  }
  .oroza-sidebar{
    background: var(--oroza-panel);
    border: 1px solid var(--oroza-border);
    border-radius: 22px;
    padding: 16px;
    box-shadow: var(--oroza-shadow);
  }
  .menu-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin: 18px 0 10px;
    padding: 12px 14px;
    background: linear-gradient(180deg, #fffaf0 0%, #fff5dc 100%);
    border: 1px solid rgba(224,177,31,.30);
    border-left: 4px solid var(--oroza-gold);
    border-radius: 12px;
    color: #2f3c4f;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
  }
  .menu-title:first-child{
    margin-top:0;
  }
  .oroza-sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
  }
  .oroza-sidebar li{
    margin:0;
    padding:0;
  }
  .oroza-sidebar li + li{
    margin-top:6px;
  }
  .oroza-sidebar li a{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    box-sizing:border-box;
    min-height:46px;
    padding: 10px 12px;
    background: var(--oroza-row);
    border: 1px solid var(--oroza-border-soft);
    border-radius: 12px;
    color: var(--oroza-text);
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    line-height:1.35;
    box-shadow: var(--oroza-shadow-soft);
    transition:
      background .18s ease,
      border-color .18s ease,
      transform .18s ease,
      box-shadow .18s ease,
      color .18s ease;
  }
  .oroza-sidebar li a:hover{
    background: var(--oroza-row-hover);
    border-color: #dce6ef;
    color: #162234;
    transform: translateX(3px);
    box-shadow: 0 8px 18px rgba(26,39,60,.08);
  }
  .oroza-sidebar li a:focus{
    outline:none;
    border-color: rgba(224,177,31,.55);
    box-shadow: 0 0 0 4px rgba(224,177,31,.12);
  }
  .menu-icon{
    width: 22px;
    min-width: 22px;
    text-align:center;
    font-size:16px;
    line-height:1;
    opacity:.95;
  }
  .menu-text{
    flex:1;
    min-width:0;
  }
  .menu-arrow{
    color: var(--oroza-gold);
    font-size: 14px;
    font-weight: 900;
    line-height:1;
    opacity:.95;
  }
  @media (min-width: 981px){
    .oroza-sidebar{
      max-width: 330px;
    }
  }
  @media (max-width: 980px){
    .toggle-label{
      display:block;
    }
    .oroza-sidebar{
      display:none;
      padding:14px;
      border-radius:18px;
    }
    .toggle-checkbox:checked + .toggle-label + .oroza-sidebar{
      display:block;
    }
    .menu-title{
      font-size:14px;
      padding:11px 12px;
    }
    .oroza-sidebar li a{
      min-height:44px;
      font-size:13.5px;
      padding:10px 11px;
    }
    .menu-icon{
      width:20px;
      min-width:20px;
      font-size:15px;
    }
  }
</style>
<div class="oroza-sidebar-toggle">
<div class="oroza-sidebar-toggle">
   <input type="checkbox" id="menu-toggle" class="toggle-checkbox">
   <input type="checkbox" id="menu-toggle" class="toggle-checkbox">
   <label for="menu-toggle" class="toggle-label">☰ Show menu</label>
   <label for="menu-toggle" class="toggle-label">☰ Wiki Navigation</label>


   <div class="oroza-sidebar">
   <div class="oroza-sidebar">
Línea 8: Línea 204:
     <div class="menu-title">📚 Basic Information</div>
     <div class="menu-title">📚 Basic Information</div>
     <ul>
     <ul>
       <li>🏠 <a href="/wiki/index.php/Página_principal">Main Information</a></li>
       <li><a href="/wiki/index.php/Página_principal"><span class="menu-icon">🏠</span><span class="menu-text">Main Information</span><span class="menu-arrow">›</span></a></li>
       <li>📘 <a href="/wiki/index.php/Que_es_ragnarok">What is Ragnarok?</a></li>
       <li><a href="/wiki/index.php/Que_es_ragnarok"><span class="menu-icon">📘</span><span class="menu-text">What is Ragnarok?</span><span class="menu-arrow">›</span></a></li>
       <li>💾 <a href="/wiki/index.php/como-instalarlo">How to Install</a></li>
       <li><a href="/wiki/index.php/como-instalarlo"><span class="menu-icon">💾</span><span class="menu-text">How to Install</span><span class="menu-arrow">›</span></a></li>
       <li>🚨 <a href="/wiki/index.php/Errores_Comunes">Common Errors</a></li>
       <li><a href="/wiki/index.php/Errores_Comunes"><span class="menu-icon">🚨</span><span class="menu-text">Common Errors</span><span class="menu-arrow">›</span></a></li>
       <li>📜 <a href="/wiki/index.php/reglas">Rules</a></li>
       <li><a href="/wiki/index.php/reglas"><span class="menu-icon">📜</span><span class="menu-text">Rules</span><span class="menu-arrow">›</span></a></li>
       <li>⚔️ <a href="/wiki/index.php/cambios_skills">Skill Changes</a></li>
       <li><a href="/wiki/index.php/cambios_skills"><span class="menu-icon">⚔️</span><span class="menu-text">Skill Changes</span><span class="menu-arrow">›</span></a></li>
       <li>⌨️ <a href="/wiki/index.php/comandos-servidor">Player Commands</a></li>
       <li><a href="/wiki/index.php/comandos-servidor"><span class="menu-icon">⌨️</span><span class="menu-text">Player Commands</span><span class="menu-arrow">›</span></a></li>
       <li>🏪 <a href="/wiki/index.php/mercado-básico">Basic Market</a></li>
       <li><a href="/wiki/index.php/mercado-básico"><span class="menu-icon">🏪</span><span class="menu-text">Basic Market</span><span class="menu-arrow">›</span></a></li>
       <li>🏛️ <a href="/wiki/index.php/zona-de-quest">Quest Zone</a></li>
       <li><a href="/wiki/index.php/zona-de-quest"><span class="menu-icon">🏛️</span><span class="menu-text">Quest Zone</span><span class="menu-arrow">›</span></a></li>
       <li>💎 <a href="/wiki/index.php/piedras-quest">Quest Stones</a></li>
       <li><a href="/wiki/index.php/piedras-quest"><span class="menu-icon">💎</span><span class="menu-text">Quest Stones</span><span class="menu-arrow">›</span></a></li>
       <li>👑 <a href="/wiki/index.php/mvps">Essence MVPs</a></li>
       <li><a href="/wiki/index.php/mvps"><span class="menu-icon">👑</span><span class="menu-text">Essence MVPs</span><span class="menu-arrow">›</span></a></li>
       <li>🏰 <a href="/wiki/index.php/informacion-woe">WoE Information</a></li>
       <li><a href="/wiki/index.php/informacion-woe"><span class="menu-icon">🏰</span><span class="menu-text">WoE Information</span><span class="menu-arrow">›</span></a></li>
       <li>🏟️ <a href="/wiki/index.php/battlegrounds">Battlegrounds</a></li>
       <li><a href="/wiki/index.php/battlegrounds"><span class="menu-icon">🏟️</span><span class="menu-text">Battlegrounds</span><span class="menu-arrow">›</span></a></li>
       <li>🤝 <a href="/wiki/index.php/partys-grupos">Party Information</a></li>
       <li><a href="/wiki/index.php/partys-grupos"><span class="menu-icon">🤝</span><span class="menu-text">Party Information</span><span class="menu-arrow">›</span></a></li>
       <li>🎁 <a href="/wiki/index.php/cajas-especiales">Special Boxes</a></li>
       <li><a href="/wiki/index.php/cajas-especiales"><span class="menu-icon">🎁</span><span class="menu-text">Special Boxes</span><span class="menu-arrow">›</span></a></li>
       <li>🧪 <a href="/wiki/index.php/quest-esencias">Essence Quest</a></li>
       <li><a href="/wiki/index.php/quest-esencias"><span class="menu-icon">🧪</span><span class="menu-text">Essence Quest</span><span class="menu-arrow">›</span></a></li>
       <li>🎯 <a href="/wiki/index.php/dungeon-del-dia">Dungeon of the Day</a></li>
       <li><a href="/wiki/index.php/dungeon-del-dia"><span class="menu-icon">🎯</span><span class="menu-text">Dungeon of the Day</span><span class="menu-arrow">›</span></a></li>
       <li>📢 <a href="/wiki/index.php/anuncios">Announcements</a></li>
       <li><a href="/wiki/index.php/anuncios"><span class="menu-icon">📢</span><span class="menu-text">Announcements</span><span class="menu-arrow">›</span></a></li>
       <li>🏷️ <a href="/wiki/index.php/codigos-promocionales">Promo Codes</a></li>
       <li><a href="/wiki/index.php/codigos-promocionales"><span class="menu-icon">🏷️</span><span class="menu-text">Promo Codes</span><span class="menu-arrow">›</span></a></li>
       <li>🎥 <a href="/wiki/index.php/streamers">Streamer Program</a></li>
       <li><a href="/wiki/index.php/streamers"><span class="menu-icon">🎥</span><span class="menu-text">Streamer Program</span><span class="menu-arrow">›</span></a></li>
       <li>📝 <a href="/wiki/index.php/changelog">Changelog</a></li>
       <li><a href="/wiki/index.php/changelog"><span class="menu-icon">📝</span><span class="menu-text">Changelog</span><span class="menu-arrow">›</span></a></li>
     </ul>
     </ul>


     <div class="menu-title">🧬 Special Systems</div>
     <div class="menu-title">🧬 Special Systems</div>
     <ul>
     <ul>
       <li>👑 <a href="/wiki/index.php/Renacimiento-Legendario">Legendary Rebirth</a></li>
       <li><a href="/wiki/index.php/Renacimiento-Legendario"><span class="menu-icon">👑</span><span class="menu-text">Legendary Rebirth</span><span class="menu-arrow">›</span></a></li>
       <li>🃏 <a href="/wiki/index.php/Legendary-Cards">Legendary Cards</a></li>
       <li><a href="/wiki/index.php/Legendary-Cards"><span class="menu-icon">🃏</span><span class="menu-text">Legendary Cards</span><span class="menu-arrow">›</span></a></li>
       <li>🏁 <a href="/wiki/index.php/carrera-nivel-maximo">Level 99 Race</a></li>
       <li><a href="/wiki/index.php/carrera-nivel-maximo"><span class="menu-icon">🏁</span><span class="menu-text">Level 99 Race</span><span class="menu-arrow">›</span></a></li>
       <li>⏳ <a href="/wiki/index.php/puntos-por-hora">Points per Hour</a></li>
       <li><a href="/wiki/index.php/puntos-por-hora"><span class="menu-icon">⏳</span><span class="menu-text">Points per Hour</span><span class="menu-arrow">›</span></a></li>
       <li>🏆 <a href="/wiki/index.php/ranking-mvp">MVP Ranking</a></li>
       <li><a href="/wiki/index.php/ranking-mvp"><span class="menu-icon">🏆</span><span class="menu-text">MVP Ranking</span><span class="menu-arrow">›</span></a></li>
       <li>⚔️ <a href="/wiki/index.php/pvp">PvP Ranking</a></li>
       <li><a href="/wiki/index.php/pvp"><span class="menu-icon">⚔️</span><span class="menu-text">PvP Ranking</span><span class="menu-arrow">›</span></a></li>
       <li>🍀 <a href="/wiki/index.php/bonus-equipo">Drop Bonus (Equipment)</a></li>
       <li><a href="/wiki/index.php/bonus-equipo"><span class="menu-icon">🍀</span><span class="menu-text">Drop Bonus (Equipment)</span><span class="menu-arrow">›</span></a></li>
       <li>🪄 <a href="/wiki/index.php/encantamiento-fragmentos">Fragment Enchanting</a></li>
       <li><a href="/wiki/index.php/encantamiento-fragmentos"><span class="menu-icon">🪄</span><span class="menu-text">Fragment Enchanting</span><span class="menu-arrow">›</span></a></li>
       <li>🎩 <a href="/wiki/index.php/encantamiento-hats">Hat Enchanting</a></li>
       <li><a href="/wiki/index.php/encantamiento-hats"><span class="menu-icon">🎩</span><span class="menu-text">Hat Enchanting</span><span class="menu-arrow">›</span></a></li>
       <li>🗺️ <a href="/wiki/index.php/sistema-misiones">Missions</a></li>
       <li><a href="/wiki/index.php/sistema-misiones"><span class="menu-icon">🗺️</span><span class="menu-text">Missions</span><span class="menu-arrow">›</span></a></li>
       <li>👘 <a href="/wiki/index.php/conversión-costume">Costume Conversion</a></li>
       <li><a href="/wiki/index.php/conversión-costume"><span class="menu-icon">👘</span><span class="menu-text">Costume Conversion</span><span class="menu-arrow">›</span></a></li>
       <li>📦 <a href="/wiki/index.php/guild-pack">Automatic Guild Pack</a></li>
       <li><a href="/wiki/index.php/guild-pack"><span class="menu-icon">📦</span><span class="menu-text">Automatic Guild Pack</span><span class="menu-arrow">›</span></a></li>
       <li>💎 <a href="/wiki/index.php/sistema-vip">VIP</a></li>
       <li><a href="/wiki/index.php/sistema-vip"><span class="menu-icon">💎</span><span class="menu-text">VIP</span><span class="menu-arrow">›</span></a></li>
       <li>🗡️ <a href="/wiki/index.php/armas-custom">Shadow Weapons</a></li>
       <li><a href="/wiki/index.php/armas-custom"><span class="menu-icon">🗡️</span><span class="menu-text">Shadow Weapons</span><span class="menu-arrow">›</span></a></li>
       <li>🧸 <a href="/wiki/index.php/mascotas-homúnculos">Pets and Homunculi</a></li>
       <li><a href="/wiki/index.php/mascotas-homúnculos"><span class="menu-icon">🧸</span><span class="menu-text">Pets and Homunculi</span><span class="menu-arrow">›</span></a></li>
       <li>🐾 <a href="/wiki/index.php/pokemón-pets">Pokémon Pets</a></li>
       <li><a href="/wiki/index.php/pokemón-pets"><span class="menu-icon">🐾</span><span class="menu-text">Pokémon Pets</span><span class="menu-arrow">›</span></a></li>
       <li>🎯 <a href="/wiki/index.php/captura-pokemon">Pokémon Capture</a></li>
       <li><a href="/wiki/index.php/captura-pokemon"><span class="menu-icon">🎯</span><span class="menu-text">Pokémon Capture</span><span class="menu-arrow">›</span></a></li>
       <li>🧬 <a href="/wiki/index.php/evoluciones-pokemon">Pokémon Evolutions</a></li>
       <li><a href="/wiki/index.php/evoluciones-pokemon"><span class="menu-icon">🧬</span><span class="menu-text">Pokémon Evolutions</span><span class="menu-arrow">›</span></a></li>
       <li>🐉 <a href="/wiki/index.php/pokemon-legendarios">Legendary Pokémon</a></li>
       <li><a href="/wiki/index.php/pokemon-legendarios"><span class="menu-icon">🐉</span><span class="menu-text">Legendary Pokémon</span><span class="menu-arrow">›</span></a></li>
       <li>🎩 <a href="/wiki/index.php/hat-pokemon-especiales">Special Pokémon Hats</a></li>
       <li><a href="/wiki/index.php/hat-pokemon-especiales"><span class="menu-icon">🎩</span><span class="menu-text">Special Pokémon Hats</span><span class="menu-arrow">›</span></a></li>
       <li>♈ <a href="/wiki/index.php/auras-del-zodiaco">Zodiac Auras</a></li>
       <li><a href="/wiki/index.php/auras-del-zodiaco"><span class="menu-icon">♈</span><span class="menu-text">Zodiac Auras</span><span class="menu-arrow">›</span></a></li>
       <li>🏺 <a href="/wiki/index.php/reliquias">Relics</a></li>
       <li><a href="/wiki/index.php/reliquias"><span class="menu-icon">🏺</span><span class="menu-text">Relics</span><span class="menu-arrow">›</span></a></li>
       <li>🔨 <a href="/wiki/index.php/refinamiento-seguro">Safe Refinement</a></li>
       <li><a href="/wiki/index.php/refinamiento-seguro"><span class="menu-icon">🔨</span><span class="menu-text">Safe Refinement</span><span class="menu-arrow">›</span></a></li>
       <li>🛒 <a href="/wiki/index.php/vending">Vending</a></li>
       <li><a href="/wiki/index.php/vending"><span class="menu-icon">🛒</span><span class="menu-text">Vending</span><span class="menu-arrow">›</span></a></li>
       <li>👥 <a href="/wiki/index.php/sistema-referidos">Referral System</a></li>
       <li><a href="/wiki/index.php/sistema-referidos"><span class="menu-icon">👥</span><span class="menu-text">Referral System</span><span class="menu-arrow">›</span></a></li>
       <li>🎩 <a href="/wiki/index.php/Hats-Especiales">Special Hats</a></li>
       <li><a href="/wiki/index.php/Hats-Especiales"><span class="menu-icon">🎩</span><span class="menu-text">Special Hats</span><span class="menu-arrow">›</span></a></li>
       <li>👓 <a href="/wiki/index.php/Mids-Especiales">Special Mids</a></li>
       <li><a href="/wiki/index.php/Mids-Especiales"><span class="menu-icon">👓</span><span class="menu-text">Special Mids</span><span class="menu-arrow">›</span></a></li>
       <li>👢 <a href="/wiki/index.php/Low-Especiales">Special Lows</a></li>
       <li><a href="/wiki/index.php/Low-Especiales"><span class="menu-icon">👢</span><span class="menu-text">Special Lows</span><span class="menu-arrow">›</span></a></li>
     </ul>
     </ul>


     <div class="menu-title">🏰 Instances / Dungeons</div>
     <div class="menu-title">🏰 Instances / Dungeons</div>
     <ul>
     <ul>
       <li>👑 <a href="/wiki/index.php/king-poring-maze">King Poring Maze</a></li>
       <li><a href="/wiki/index.php/king-poring-maze"><span class="menu-icon">👑</span><span class="menu-text">King Poring Maze</span><span class="menu-arrow">›</span></a></li>
       <li>🗼 <a href="/wiki/index.php/endless-tower">Endless Tower</a></li>
       <li><a href="/wiki/index.php/endless-tower"><span class="menu-icon">🗼</span><span class="menu-text">Endless Tower</span><span class="menu-arrow">›</span></a></li>
       <li>🪜 <a href="/wiki/index.php/mini-endless-tower">Mini Endless Tower</a></li>
       <li><a href="/wiki/index.php/mini-endless-tower"><span class="menu-icon">🪜</span><span class="menu-text">Mini Endless Tower</span><span class="menu-arrow">›</span></a></li>
       <li>🪺 <a href="/wiki/index.php/Boss-Nest">Boss Nest</a></li>
       <li><a href="/wiki/index.php/Boss-Nest"><span class="menu-icon">🪺</span><span class="menu-text">Boss Nest</span><span class="menu-arrow">›</span></a></li>
       <li>🐲 <a href="/wiki/index.php/Nydhoggs-Nest">Nydhogg's Nest</a></li>
       <li><a href="/wiki/index.php/Nydhoggs-Nest"><span class="menu-icon">🐲</span><span class="menu-text">Nydhogg's Nest</span><span class="menu-arrow">›</span></a></li>
     </ul>
     </ul>


     <div class="menu-title">🎉 Events</div>
     <div class="menu-title">🎉 Events</div>
     <ul>
     <ul>
       <li>🧟‍♂️ <a href="/wiki/index.php/NvZ">Novice vs Zombie</a></li>
       <li><a href="/wiki/index.php/NvZ"><span class="menu-icon">🧟‍♂️</span><span class="menu-text">Novice vs Zombie</span><span class="menu-arrow">›</span></a></li>
       <li>🦍 <a href="/wiki/index.php/hombre-Mono">Ape Man</a></li>
       <li><a href="/wiki/index.php/hombre-Mono"><span class="menu-icon">🦍</span><span class="menu-text">Ape Man</span><span class="menu-arrow">›</span></a></li>
       <li>💰 <a href="/wiki/index.php/Cofre-de-Tesoro">Treasure Chest</a></li>
       <li><a href="/wiki/index.php/Cofre-de-Tesoro"><span class="menu-icon">💰</span><span class="menu-text">Treasure Chest</span><span class="menu-arrow">›</span></a></li>
       <li>😈 <a href="/wiki/index.php/Invasion-Satan">Satan Morocc Invasion</a></li>
       <li><a href="/wiki/index.php/Invasion-Satan"><span class="menu-icon">😈</span><span class="menu-text">Satan Morocc Invasion</span><span class="menu-arrow">›</span></a></li>
       <li>🏹 <a href="/wiki/index.php/Ultimo-Sobreviviente">Last Survivor</a></li>
       <li><a href="/wiki/index.php/Ultimo-Sobreviviente"><span class="menu-icon">🏹</span><span class="menu-text">Last Survivor</span><span class="menu-arrow">›</span></a></li>
       <li>🐉 <a href="/wiki/index.php/Word-Boss-Legendario">Legendary Pokémon</a></li>
       <li><a href="/wiki/index.php/Word-Boss-Legendario"><span class="menu-icon">🐉</span><span class="menu-text">Legendary Pokémon</span><span class="menu-arrow">›</span></a></li>
       <li>🏁 <a href="/wiki/index.php/Pokémon-Race">Pokémon Race</a></li>
       <li><a href="/wiki/index.php/Pokémon-Race"><span class="menu-icon">🏁</span><span class="menu-text">Pokémon Race</span><span class="menu-arrow">›</span></a></li>
       <li>🫧 <a href="/wiki/index.php/Poring-Catcher">Poring Catcher</a></li>
       <li><a href="/wiki/index.php/Poring-Catcher"><span class="menu-icon">🫧</span><span class="menu-text">Poring Catcher</span><span class="menu-arrow">›</span></a></li>
       <li>🔎 <a href="/wiki/index.php/Encuentrame">Find Me</a></li>
       <li><a href="/wiki/index.php/Encuentrame"><span class="menu-icon">🔎</span><span class="menu-text">Find Me</span><span class="menu-arrow">›</span></a></li>
     </ul>
     </ul>


Revisión del 14:28 31 mar 2026

📚 Basic Information
🧬 Special Systems
🏰 Instances / Dungeons
🎉 Events

Obtenido de «https://en.orozaro.com//wiki/index.php?title=Plantilla:MenuLateral&oldid=496»