Diferencia entre revisiones de «Plantilla:MenuLateral»
Ir a la navegación
Ir a la búsqueda
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; | |||
} | |||
/* Compacta mejor la parte visual en desktop */ | |||
@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">☰ | <label for="menu-toggle" class="toggle-label">☰ Navegacion Wiki</label> | ||
<div class="oroza-sidebar"> | <div class="oroza-sidebar"> | ||
| Línea 8: | Línea 205: | ||
<div class="menu-title">📚 Información Básica</div> | <div class="menu-title">📚 Información Básica</div> | ||
<ul> | <ul> | ||
<li> | <li><a href="/wiki/index.php/Página_principal"><span class="menu-icon">🏠</span><span class="menu-text">Información Principal</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Que_es_ragnarok"><span class="menu-icon">📘</span><span class="menu-text">¿Qué es Ragnarok?</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/como-instalarlo"><span class="menu-icon">💾</span><span class="menu-text">Cómo instalarlo</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Errores_Comunes"><span class="menu-icon">🚨</span><span class="menu-text">Errores comunes</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/reglas"><span class="menu-icon">📜</span><span class="menu-text">Reglas</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/cambios_skills"><span class="menu-icon">⚔️</span><span class="menu-text">Cambios en Skills</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/comandos-servidor"><span class="menu-icon">⌨️</span><span class="menu-text">Comandos del Jugador</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/mercado-básico"><span class="menu-icon">🏪</span><span class="menu-text">Mercado Básico</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/zona-de-quest"><span class="menu-icon">🏛️</span><span class="menu-text">Zona de Quest</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/piedras-quest"><span class="menu-icon">💎</span><span class="menu-text">Piedras Quest</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/mvps"><span class="menu-icon">👑</span><span class="menu-text">MvP Esencias</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/informacion-woe"><span class="menu-icon">🏰</span><span class="menu-text">Información WoE</span><span class="menu-arrow">›</span></a></li> | ||
<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> | <li><a href="/wiki/index.php/partys-grupos"><span class="menu-icon">🤝</span><span class="menu-text">Información Partys</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/cajas-especiales"><span class="menu-icon">🎁</span><span class="menu-text">Cajas Especiales</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/quest-esencias"><span class="menu-icon">🧪</span><span class="menu-text">Quest de Esencias</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/dungeon-del-dia"><span class="menu-icon">🎯</span><span class="menu-text">Dungeon del Día</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/anuncios"><span class="menu-icon">📢</span><span class="menu-text">Anuncios</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/codigos-promocionales"><span class="menu-icon">🏷️</span><span class="menu-text">Codigos Promocionales</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/streamers"><span class="menu-icon">🎥</span><span class="menu-text">Programa Streamers</span><span class="menu-arrow">›</span></a></li> | ||
<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">🧬 Sistemas Especiales</div> | <div class="menu-title">🧬 Sistemas Especiales</div> | ||
<ul> | <ul> | ||
<li> | <li><a href="/wiki/index.php/Renacimiento-Legendario"><span class="menu-icon">👑</span><span class="menu-text">Renacimiento Legendario</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Legendary-Cards"><span class="menu-icon">🃏</span><span class="menu-text">Cartas Legendarias</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/carrera-nivel-maximo"><span class="menu-icon">🏁</span><span class="menu-text">Carrera Nivel 99</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/puntos-por-hora"><span class="menu-icon">⏳</span><span class="menu-text">Puntos por Hora</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/ranking-mvp"><span class="menu-icon">🏆</span><span class="menu-text">Ranking MvP</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/pvp"><span class="menu-icon">⚔️</span><span class="menu-text">Ranking PvP</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/bonus-equipo"><span class="menu-icon">🍀</span><span class="menu-text">Bonus por Dropeo (Equipo)</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/encantamiento-fragmentos"><span class="menu-icon">🪄</span><span class="menu-text">Encantamiento con Fragmentos</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/encantamiento-hats"><span class="menu-icon">🎩</span><span class="menu-text">Encantamiento de Hats</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/sistema-misiones"><span class="menu-icon">🗺️</span><span class="menu-text">Misiones</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/conversión-costume"><span class="menu-icon">👘</span><span class="menu-text">Conversión a Costume</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/guild-pack"><span class="menu-icon">📦</span><span class="menu-text">Guild Pack Automatizado</span><span class="menu-arrow">›</span></a></li> | ||
<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> | <li><a href="/wiki/index.php/armas-custom"><span class="menu-icon">🗡️</span><span class="menu-text">Armas Shadow</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/mascotas-homúnculos"><span class="menu-icon">🧸</span><span class="menu-text">Mascotas y Homúnculos</span><span class="menu-arrow">›</span></a></li> | ||
<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> | <li><a href="/wiki/index.php/captura-pokemon"><span class="menu-icon">🎯</span><span class="menu-text">Captura Pokémon</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/evoluciones-pokemon"><span class="menu-icon">🧬</span><span class="menu-text">Evoluciones Pokémon</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/pokemon-legendarios"><span class="menu-icon">🐉</span><span class="menu-text">Pokémon Legendarios</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/hat-pokemon-especiales"><span class="menu-icon">🎩</span><span class="menu-text">Hats Pokémon Especiales</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/auras-del-zodiaco"><span class="menu-icon">♈</span><span class="menu-text">Auras del Zodiaco</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/reliquias"><span class="menu-icon">🏺</span><span class="menu-text">Reliquias</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/refinamiento-seguro"><span class="menu-icon">🔨</span><span class="menu-text">Refinamiento Seguro</span><span class="menu-arrow">›</span></a></li> | ||
<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> | <li><a href="/wiki/index.php/sistema-referidos"><span class="menu-icon">👥</span><span class="menu-text">Sistema de Referidos</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Hats-Especiales"><span class="menu-icon">🎩</span><span class="menu-text">Hats Especiales</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Mids-Especiales"><span class="menu-icon">👓</span><span class="menu-text">Mids Especiales</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Low-Especiales"><span class="menu-icon">👢</span><span class="menu-text">Low Especiales</span><span class="menu-arrow">›</span></a></li> | ||
</ul> | </ul> | ||
<div class="menu-title">🏰 Instancias / Dungeons</div> | <div class="menu-title">🏰 Instancias / Dungeons</div> | ||
<ul> | <ul> | ||
<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> | <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> | <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> | <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> | <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">🎉 Eventos</div> | <div class="menu-title">🎉 Eventos</div> | ||
<ul> | <ul> | ||
<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> | <li><a href="/wiki/index.php/hombre-Mono"><span class="menu-icon">🦍</span><span class="menu-text">Hombre Mono</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Cofre-de-Tesoro"><span class="menu-icon">💰</span><span class="menu-text">Cofre del Tesoro</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Invasion-Satan"><span class="menu-icon">😈</span><span class="menu-text">Invasión Satan Morocc</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Ultimo-Sobreviviente"><span class="menu-icon">🏹</span><span class="menu-text">Último Sobreviviente</span><span class="menu-arrow">›</span></a></li> | ||
<li> | <li><a href="/wiki/index.php/Word-Boss-Legendario"><span class="menu-icon">🐉</span><span class="menu-text">Pokémon Legendario</span><span class="menu-arrow">›</span></a></li> | ||
<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> | <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> | <li><a href="/wiki/index.php/Encuentrame"><span class="menu-icon">🔎</span><span class="menu-text">Encuentrame</span><span class="menu-arrow">›</span></a></li> | ||
</ul> | </ul> | ||
Revisión del 14:23 31 mar 2026