Página Principal: mudanças entre as edições

De Edda World Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Etiqueta: Revertido
Sem resumo de edição
Etiqueta: Reversão manual
Linha 22: Linha 22:
   --edda-text-secondary: #6B6478;
   --edda-text-secondary: #6B6478;
}
}
/* ===== CONTAINER RESPONSIVO =====
  Usa container queries em vez de media queries: reage ao espaço REAL
  disponível para o conteúdo (o que sobra depois da sidebar do MediaWiki
  comer parte da tela), não à largura total da janela/celular. */
.edda-page { container-type: inline-size; container-name: edda; }


/* ===== HERO ===== */
/* ===== HERO ===== */
Linha 96: Linha 90:
.edda-pill-dot { color: var(--edda-mint); font-size: 11px; flex-shrink: 0; }
.edda-pill-dot { color: var(--edda-mint); font-size: 11px; flex-shrink: 0; }


/* Dispara pelo espaço REAL do container, não pela largura da tela */
@container edda (max-width: 620px) {
  .edda-hero { background-position: 72% center; height: 300px; align-items: flex-start; }
  .edda-hero-content { max-width: 100%; padding: 22px; }
  .edda-hero-logo { width: 200px; }
}
/* Fallback para navegadores sem suporte a container query (ainda melhor que travado) */
@media (max-width: 780px) {
@media (max-width: 780px) {
   .edda-hero { background-position: 72% center; }
   .edda-hero { background-position: 72% center; height: 340px; align-items: flex-start; }
   .edda-hero-content { max-width: 100%; padding: 22px; }
   .edda-hero-content { max-width: 100%; padding: 22px; }
   .edda-hero-logo { width: 220px; }
   .edda-hero-logo { width: 220px; }
Linha 112: Linha 99:
.edda-infobar {
.edda-infobar {
   display: grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   grid-template-columns: repeat(6, 1fr);
   gap: 1px;
   gap: 1px;
   background: var(--edda-mint-tint-strong);
   background: var(--edda-mint-tint-strong);
Linha 120: Linha 107:
   margin-bottom: 14px;
   margin-bottom: 14px;
}
}
.edda-infobar-cell { background: #fff; padding: 12px 14px; min-width: 0; }
.edda-infobar-cell { background: #fff; padding: 12px 14px; }
.edda-infobar-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: var(--edda-text-secondary); margin-bottom: 4px; }
.edda-infobar-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: var(--edda-text-secondary); margin-bottom: 4px; }
.edda-infobar-value { font-size: 12.5px; font-weight: 700; color: var(--edda-text); line-height: 1.35; overflow-wrap: break-word; }
.edda-infobar-value { font-size: 12.5px; font-weight: 700; color: var(--edda-text); line-height: 1.35; }
.edda-infobar-value.mint { color: #2E8F6E; }
.edda-infobar-value.mint { color: #2E8F6E; }
@media (max-width: 780px) {
  .edda-infobar { grid-template-columns: repeat(2, 1fr); }
}


/* ===== BLOCOS BASE ===== */
/* ===== BLOCOS BASE ===== */
.wiki-col-wrap { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:12px; margin-bottom:12px; align-items:start; }
.wiki-col-wrap { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; align-items:start; }
.wiki-block { background:#fff; border:1px solid var(--edda-mint-tint-strong); border-radius:10px; overflow:hidden; margin-bottom:0; min-width:0; }
.wiki-block { background:#fff; border:1px solid var(--edda-mint-tint-strong); border-radius:10px; overflow:hidden; margin-bottom:0; }
.wiki-block-full { background:#fff; border:1px solid var(--edda-mint-tint-strong); border-radius:10px; overflow:hidden; margin-bottom:0; }
.wiki-block-full { background:#fff; border:1px solid var(--edda-mint-tint-strong); border-radius:10px; overflow:hidden; margin-bottom:0; }
.wiki-block-title { background:var(--edda-plum); padding:9px 16px; display:flex; align-items:center; gap:8px; }
.wiki-block-title { background:var(--edda-plum); padding:9px 16px; display:flex; align-items:center; gap:8px; }
.wiki-block-title-text { color:var(--edda-mint-light); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.9px; }
.wiki-block-title-text { color:var(--edda-mint-light); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.9px; }
.wiki-link { display:flex; align-items:center; gap:8px; padding:8px 14px; border-bottom:1px solid var(--edda-mint-tint); text-decoration:none; color:var(--edda-text); font-size:13px; transition:color 0.1s,background 0.1s; min-width:0; overflow-wrap:break-word; }
.wiki-link { display:flex; align-items:center; gap:8px; padding:8px 14px; border-bottom:1px solid var(--edda-mint-tint); text-decoration:none; color:var(--edda-text); font-size:13px; transition:color 0.1s,background 0.1s; }
.wiki-link:last-child { border-bottom:none; }
.wiki-link:last-child { border-bottom:none; }
.wiki-link:hover { color:#2E8F6E; background:#F2FBF7; }
.wiki-link:hover { color:#2E8F6E; background:#F2FBF7; }
Linha 138: Linha 129:
.wiki-list .wiki-link:last-child { border-bottom:none; }
.wiki-list .wiki-link:last-child { border-bottom:none; }


/* Colunas fluidas: o navegador decide quantas cabem no espaço REAL disponível */
.wiki-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); }
.wiki-grid-2 { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); }
.wiki-grid-2 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
.wiki-grid-3 { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); }
.wiki-grid-2 .wiki-link:nth-child(2n) { border-right:none; }
.wiki-grid-4 { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); }
.wiki-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); }
.wiki-grid-3 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
.wiki-grid-3 .wiki-link:nth-child(3n) { border-right:none; }
.wiki-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); }
.wiki-grid-4 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
.wiki-grid-4 .wiki-link:nth-child(4n) { border-right:none; }


/* ===== COMUNIDADE / ACESSO RÁPIDO (banners com mascote) ===== */
/* ===== COMUNIDADE / ACESSO RÁPIDO ===== */
.wiki-quick { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:10px; margin-bottom:14px; }
.wiki-quick { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.wiki-quick-banner {
.wiki-quick-card { position:relative; overflow:hidden; display:flex; flex-direction:column; gap:2px; background:var(--edda-plum); border:1px solid var(--edda-lavender-tint); border-radius:10px; padding:12px 14px 12px 17px; text-decoration:none; transition:border-color 0.15s,transform 0.15s; }
  display: block;
.wiki-quick-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--edda-mint); }
  position: relative;
.wiki-quick-card:hover { border-color:var(--edda-mint); transform:translateY(-2px); }
  border-radius: 20px;
.wiki-quick-title { color:var(--edda-mint-light); font-size:12.5px; font-weight:700; }
  overflow: hidden;
.wiki-quick-sub { color:rgba(255,255,255,0.45); font-size:10px; }
  border: 1px solid var(--edda-lavender-tint);
  line-height: 0;
  transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.wiki-quick-banner img {
  display: block;
  width: 100%;
  height: clamp(110px, 22cqi, 150px);
  object-fit: cover;
  object-position: center 32%;
  transform: scale(1.08);
  transform-origin: center;
}
.wiki-quick-banner:hover {
  transform: translateY(-2px);
  border-color: var(--edda-mint);
  box-shadow: 0 6px 16px rgba(94,207,168,0.18);
}


/* ===== ÍNDICE RÁPIDO ===== */
/* ===== ÍNDICE RÁPIDO ===== */
Linha 192: Linha 170:
.edda-banner-sub { color:rgba(255,255,255,0.5); font-size:11.5px; line-height:1.5; }
.edda-banner-sub { color:rgba(255,255,255,0.5); font-size:11.5px; line-height:1.5; }


/* ===== RESPONSIVO (ajustes finos que sobram além do auto-fit) ===== */
/* ===== RESPONSIVO ===== */
@container edda (max-width: 480px) {
@media (max-width:720px) {
   .wiki-section-desc { display:none; }
   .wiki-quick { grid-template-columns:repeat(2,1fr); }
}
  .wiki-col-wrap { grid-template-columns:1fr; }
@media (max-width: 480px) {
  .wiki-grid-4 { grid-template-columns:repeat(2,1fr); }
  .wiki-grid-4 .wiki-link:nth-child(2n) { border-right:none; }
  .wiki-grid-4 .wiki-link:nth-child(4n) { border-right:1px solid var(--edda-mint-tint); }
  .wiki-grid-3 { grid-template-columns:repeat(2,1fr); }
  .wiki-grid-3 .wiki-link:nth-child(2n) { border-right:none; }
  .wiki-grid-3 .wiki-link:nth-child(3n) { border-right:1px solid var(--edda-mint-tint); }
   .wiki-section-desc { display:none; }
   .wiki-section-desc { display:none; }
}
}
</style>
</style>
<!-- Envolve todo o conteúdo em um container: as regras @container acima
    reagem ao espaço REAL disponível (após a sidebar do MediaWiki), não
    à largura da janela/celular. -->
<div class="edda-page">


<!-- HERO -->
<!-- HERO -->
Linha 243: Linha 221:
<!-- COMUNIDADE -->
<!-- COMUNIDADE -->
<div class="wiki-quick">
<div class="wiki-quick">
   <a href="https://discord.gg/7WZM2w5mTM" class="wiki-quick-banner">
   <a href="https://discord.gg/7WZM2w5mTM" class="wiki-quick-card">
     <img src="/index.php/Special:FilePath/Banner_Discord.png" alt="Discord — Comunidade e suporte">
     <span class="wiki-quick-title">Discord</span>
    <span class="wiki-quick-sub">Comunidade &amp; suporte</span>
   </a>
   </a>
   <a href="https://www.eddaworld.com.br" class="wiki-quick-banner">
   <a href="https://www.eddaworld.com.br" class="wiki-quick-card">
     <img src="/index.php/Special:FilePath/Banner_Site.png" alt="Site — Notícias e downloads">
     <span class="wiki-quick-title">Site Oficial</span>
    <span class="wiki-quick-sub">Notícias &amp; downloads</span>
   </a>
   </a>
   <a href="/index.php/Regras" class="wiki-quick-banner">
   <a href="/index.php/Regras" class="wiki-quick-card">
     <img src="/index.php/Special:FilePath/Banner_Regras.png" alt="Regras — Conduta do servidor">
     <span class="wiki-quick-title">Regras</span>
    <span class="wiki-quick-sub">Conduta do servidor</span>
   </a>
   </a>
</div>
</div>
Linha 433: Linha 414:
     <div class="edda-banner-sub">Tudo acontece por aqui — fendas dimensionais, MVPs globais e muito mais!</div>
     <div class="edda-banner-sub">Tudo acontece por aqui — fendas dimensionais, MVPs globais e muito mais!</div>
   </div>
   </div>
</div>
</div>
</div>


</html>
</html>

Edição das 16h42min de 31 de julho de 2026


Mecânica
Gold Times
Emulador
Pre-Renewal
Rates
10x / 10x / 2x
Episódio
Encontro com o Desconhecido +
Nível Máx.
99 / 70
Anti-Cheat
Gepard 3
Discord Comunidade & suporte Site Oficial Notícias & downloads Regras Conduta do servidor
Comece Aqui ROPs & Recompensas PvP & Eventos Progressão & Criação Mundo & Conteúdo PvE
Comece Aqui Primeiros passos do jogador novo
Início da Jornada
Informações do Servidor Caixa do Iniciante Grupo Éden Balanceamento de Classes Mestra das Classes MoEdda Guild Point Economia Curandeira Resetadora Artesão Removedora de Cartas
ROPs & Recompensas Onde ganhar, gastar e trocar recursos
ROPs & Pontos
Loja de ROPs Passe de Batalha Pontos de Voto Pontos de Presença Máquina de Prêmios Benefícios VIP Logue e Ganhe Bônus de Retorno Loja Kachua
Itens & Recompensas
Pedras de Rate Equipamentos Aprimoráveis Caixa dos Melhores Itens Pedras Visuais Equipamentos Sombrios Equipamentos Rubi Equipamentos Safira
PvP & Eventos Combate competitivo e conteúdo sazonal
PvP & Batalhas
Guerra do Emperium Sistema PK KVM
Eventos
Mapa do Tesouro Corrida dos Bichos Fuja da Dengue Pegue o Pombo Raça do Dia
Progressão & Criação Forje, encante e evolua seu equipamento
Criação & Aprimoramento
Refinamentos Encantamentos Sloteamentos Sistema de Runas Sistema de Progressão Mascotes Quests Edda Forja Alquimia Mineração Afinidades Encantamentos de Malangdo
Mundo & Conteúdo PvE Instâncias estruturadas e o mundo aberto de Edda
Conteúdo PvE
Instâncias 7
Batalha dos Orcs Torre sem Fim Thanatos Corrompido Memórias de Sarah Palácio das Mágoas Torneio de Magia Invasão ao Aeroplano Altar do Selo Ninho de Nidhogg Caverna do Polvo Esgotos de Malangdo
PvM & Mundos 11
Sistema MVP Monstros Dimensionais Guardião dos Destinos Dragão Púrpura Mapas Modificados Fenda Dimensional Experimento Escarlate Zona Morta Bestiário Praga Cerúlea
Edda World — o mundo é vivo
Tudo acontece por aqui — fendas dimensionais, MVPs globais e muito mais!

Disponível em “https://wiki.eddaworld.com.br:443/index.php?title=Página_Principal&oldid=2231”