Testes do Snails: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
Linha 21: | Linha 21: | ||
.nostalgic-menu-header { | .nostalgic-menu-header { | ||
background-color: #1A2C60; | background-color: #1A2C60; | ||
color: #FFD700; | |||
text-align: center; | |||
padding: 10px; | |||
font-weight: bold; | |||
font-size: 18px; | |||
border-bottom: 2px solid #FFD700; | border-bottom: 2px solid #FFD700; | ||
} | } | ||
Linha 27: | Linha 31: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
padding: | padding: 15px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Linha 36: | Linha 40: | ||
min-width: 300px; | min-width: 300px; | ||
} | } | ||
.nostalgic- | .nostalgic-grid { | ||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); | |||
gap: 15px; | |||
width: 100%; | |||
} | } | ||
.nostalgic- | .nostalgic-item { | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
align-items: center; | align-items: center; | ||
text-align: center; | |||
background-color: #f9f9f9; | |||
border-radius: 8px; | |||
padding: 10px; | |||
transition: all 0.3s ease; | |||
text-decoration: none; | text-decoration: none; | ||
height: 100%; | |||
} | } | ||
.nostalgic- | .nostalgic-item:hover { | ||
transform: translateY(-5px); | |||
box-shadow: 0 5px 15px rgba(0,0,0,0.1); | |||
background-color: #f0f0f0; | background-color: #f0f0f0; | ||
} | |||
.nostalgic-item img { | |||
margin-bottom: 8px; | |||
max-width: 32px; | |||
max-height: 32px; | |||
} | |||
.nostalgic-item-content { | |||
width: 100%; | |||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.nostalgic-menu-content { | .nostalgic-menu-content { | ||
flex-direction: column; | flex-direction: column; | ||
} | |||
.nostalgic-grid { | |||
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); | |||
} | } | ||
} | } | ||
Linha 81: | Linha 82: | ||
<div class="nostalgic-menu-container"> | <div class="nostalgic-menu-container"> | ||
<div class="nostalgic-menu-header"></div> | <div class="nostalgic-menu-header">Sobre o servidor</div> | ||
<div class="nostalgic-menu-content"> | <div class="nostalgic-menu-content"> | ||
<div class="nostalgic- | <div class="nostalgic-grid"> | ||
< | <a href="Corrida_99" class="nostalgic-item"> | ||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:22537.png|32px|link=Corrida 99]] | |||
< | <html> | ||
<div>CORRIDA 99</div> | |||
</div> | |||
</a> | |||
<a href="O_Servidor" class="nostalgic-item"> | |||
< | <div class="nostalgic-item-content"> | ||
</html> | |||
[[Arquivo:699.png|32px|link=O Servidor]] | |||
< | <html> | ||
<div>O Servidor</div> | |||
</div> | |||
< | </a> | ||
<a href="Batalha_Campal" class="nostalgic-item"> | |||
< | <div class="nostalgic-item-content"> | ||
</ | </html> | ||
[[Arquivo:7828.png|32px|link=Batalha Campal]] | |||
<html> | |||
<div>Batalha Campal</div> | |||
</div> | |||
</a> | |||
<a href="Guerra_do_Emperium" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:6444.png|32px|link=Guerra do Emperium]] | |||
<html> | |||
<div>Guerra do Emperium</div> | |||
</div> | |||
</a> | |||
<a href="Player_Vs_Player" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:sword.png|32px]] | |||
<html> | |||
<div>Player Vs Player</div> | |||
</div> | |||
</a> | |||
<a href="Regras" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:PLACA_DE_PARE.png|32px|link=Regras]] | |||
<html> | |||
<div>Regras</div> | |||
</div> | |||
</a> | |||
<a href="Sistema_VIP" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:6480.png|32px|link=Sistema VIP]] | |||
<html> | |||
<div>Sistema VIP</div> | |||
</div> | |||
</a> | |||
<a href="Cash_Shop" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:670.png|32px|link=Cash Shop]] | |||
<html> | |||
<div>Cash Shop</div> | |||
</div> | |||
</a> | |||
</div> | </div> | ||
</div> | |||
</div> | |||
<div class="nostalgic-menu-container"> | |||
<div class="nostalgic-menu-header">Sistemas</div> | |||
<div class="nostalgic-menu-content"> | |||
<div class="nostalgic-grid"> | |||
<a href="Modificações_em_Habilidades" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:23506.png|32px|link=Modificações em Habilidades]] | |||
<html> | |||
< | <div>Modificações em Habilidades</div> | ||
</div> | |||
</a> | |||
< | <a href="Drops_MVPs" class="nostalgic-item"> | ||
<div class="nostalgic-item-content"> | |||
</html> | |||
< | [[Arquivo:24px-MVP.png|32px]] | ||
<html> | |||
<div>Drops MVPs</div> | |||
< | </div> | ||
</a> | |||
<a href="Monstros_campeões" class="nostalgic-item"> | |||
</ | <div class="nostalgic-item-content"> | ||
</html> | |||
[[Arquivo:2249.gif|32px|link=Monstros campeões]] | |||
<html> | |||
<div>Monstros campeões</div> | |||
</div> | |||
</a> | |||
<a href="Velho_Álbum_de_Cartas" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:616.png|32px|link=Velho Álbum de Cartas]] | |||
<html> | |||
<div>Velho Álbum de Cartas</div> | |||
</div> | |||
</a> | |||
<a href="Troca_de_Cartas" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:trocadecartasicone1.png|32px]] | |||
<html> | |||
<div>Troca de Cartas</div> | |||
</div> | |||
</a> | |||
<a href="Fragmentos_de_Cartas" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:600.png|32px|link=Fragmentos de Cartas]] | |||
<html> | |||
<div>Fragmentos de Cartas</div> | |||
</div> | |||
</a> | |||
<a href="Grupo_Eden_Nostalgic" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:22508.png|32px|link=Grupo Eden Nostalgic]] | |||
<html> | |||
<div>Grupo Eden Nostalgic</div> | |||
</div> | |||
</a> | |||
<a href="Bônus_Aleatórios" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:29101.png|32px|link=Bônus Aleatórios]] | |||
<html> | |||
<div>Bônus Aleatórios</div> | |||
</div> | |||
</a> | |||
</div> | </div> | ||
</div> | </div> | ||
Linha 134: | Linha 226: | ||
<div class="nostalgic-menu-container"> | <div class="nostalgic-menu-container"> | ||
<div class="nostalgic-menu-header"></div> | <div class="nostalgic-menu-header">Classes</div> | ||
<div class="nostalgic-menu-content"> | <div class="nostalgic-menu-content"> | ||
<div class="nostalgic- | <div class="nostalgic-grid"> | ||
< | <a href="Espadachins" class="nostalgic-item"> | ||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:Espadachinspartyicn.png|32px|link=Espadachins]] | |||
< | <html> | ||
<div>Espadachins</div> | |||
< | </div> | ||
</a> | |||
< | <a href="Magos" class="nostalgic-item"> | ||
<div class="nostalgic-item-content"> | |||
</html> | |||
< | [[Arquivo:Magospartyicn.png|32px|link=Magos]] | ||
<html> | |||
<div>Magos</div> | |||
< | </div> | ||
</a> | |||
<a href="Arqueiros" class="nostalgic-item"> | |||
< | <div class="nostalgic-item-content"> | ||
</html> | |||
[[Arquivo:Arqueirospartyicn.png|32px|link=Arqueiros]] | |||
< | <html> | ||
<div>Arqueiros</div> | |||
</div> | |||
< | </a> | ||
</ | <a href="Mercadores" class="nostalgic-item"> | ||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:Mercadorespartyicn.png|32px|link=Mercadores]] | |||
<html> | |||
<div>Mercadores</div> | |||
</div> | |||
</a> | |||
<a href="Gatunos" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:Gatunospartyicn.png|32px|link=Gatunos]] | |||
<html> | |||
<div>Gatunos</div> | |||
</div> | |||
</a> | |||
<a href="Noviços" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:Novicospartyicn.png|32px|link=Noviços]] | |||
<html> | |||
<div>Noviços</div> | |||
</div> | |||
</a> | |||
<a href="Cavaleiros" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:Cavaleirospartyicn.png|32px|link=Cavaleiros]] | |||
<html> | |||
<div>Cavaleiros</div> | |||
</div> | |||
</a> | |||
<a href="Templários" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[Arquivo:Templariospartyicn.png|32px|link=Templários]] | |||
<html> | |||
<div>Templários</div> | |||
</div> | |||
</a> | |||
</div> | </div> | ||
</div> | |||
</div> | |||
<div class="nostalgic-menu-container"> | |||
<div class="nostalgic-menu-header">Instâncias</div> | |||
<div class="nostalgic-menu-content"> | |||
<div class="nostalgic-grid"> | |||
</ | <a href="Torre_sem_Fim" class="nostalgic-item"> | ||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:13412.png|32px]] | |||
<html> | |||
<div>Torre sem Fim</div> | |||
</div> | |||
</a> | |||
<a href="Memórias_de_Sarah" class="nostalgic-item"> | |||
<div class="nostalgic-item-content"> | |||
</html> | |||
[[File:BOXCOMIDA.gif|32px]] | |||
<html> | |||
<div>Memórias de Sarah</div> | |||
</div> | |||
</a> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> |