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
Sem resumo de edição
Linha 78: Linha 78:


/* ===== LINHAS DE CATEGORIAS AGRUPADAS LADO A LADO =====
/* ===== LINHAS DE CATEGORIAS AGRUPADAS LADO A LADO =====
   Até 3 cards por linha; abaixo disso, 2; no celular, 1. */
   O número de colunas segue a largura real da área de conteúdo (não a da tela):
.wiki-cat-row-2 { display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:12px; margin:28px 0 12px; align-items:start; }
  3 cards por linha quando cabem; 2 quando não cabem, com o terceiro ocupando
.wiki-cat-row-3 { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:12px; margin:28px 0 12px; align-items:start; }
  a linha inteira (sem buraco ao lado); 1 no celular. Cards da mesma linha
.wiki-cat-row-2:first-of-type, .wiki-cat-row-3:first-of-type { margin-top:6px; }
  ficam com a mesma altura, e os links se distribuem para preencher o espaço. */
.wiki-home { container-type:inline-size; container-name:wikihome; }
.wiki-cat-row-2, .wiki-cat-row-3 { display:grid; gap:12px; margin:28px 0 12px; align-items:stretch; }
.wiki-cat-row-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.wiki-cat-row-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.wiki-cat-row-2:first-child, .wiki-cat-row-3:first-child { margin-top:6px; }
.wiki-cat-row-2 > .wiki-block, .wiki-cat-row-3 > .wiki-block { display:flex; flex-direction:column; }
.wiki-cat-row-2 > .wiki-block > [class^="wiki-grid-"], .wiki-cat-row-3 > .wiki-block > [class^="wiki-grid-"] { flex:1 1 auto; }
/* Linha com dois cards grandes (Sistemas e Instâncias): os dois dividem a linha e
  o terceiro card (Expedição) vem embaixo, ocupando a largura toda. */
.wiki-cat-row-3.wiki-row-wide { grid-template-columns:repeat(2, minmax(0,1fr)); }
.wiki-row-wide > .wiki-block:nth-child(3) { grid-column:1 / -1; }
.wiki-row-wide > .wiki-block:nth-child(3) > .wiki-grid-2 { grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); }
 
@container wikihome (max-width: 899px) {
  .wiki-cat-row-3 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .wiki-cat-row-3 > .wiki-block:nth-child(3) { grid-column:1 / -1; }
}
@container wikihome (max-width: 559px) {
  .wiki-cat-row-2, .wiki-cat-row-3, .wiki-cat-row-3.wiki-row-wide { grid-template-columns:1fr; margin:18px 0 10px; }
  .wiki-cat-row-3 > .wiki-block:nth-child(3) { grid-column:auto; }
  .wiki-row-wide > .wiki-block:nth-child(3) > .wiki-grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .wiki-cat-title-text { font-size:21px; }
  .wiki-link { font-size:12.5px; padding:9px 10px; }
}


/* ===== ÍNDICE RÁPIDO ===== */
/* ===== ÍNDICE RÁPIDO ===== */
Linha 94: Linha 118:
@media (max-width:1100px) {
@media (max-width:1100px) {
   .wiki-cat-title-text { font-size:23px; }
   .wiki-cat-title-text { font-size:23px; }
}
/* Navegadores antigos sem suporte a container queries: cai para a largura da tela */
@supports not (container-type: inline-size) {
  @media (max-width:1100px) {
    .wiki-cat-row-3 { grid-template-columns:repeat(2, minmax(0,1fr)); }
    .wiki-cat-row-3 > .wiki-block:nth-child(3) { grid-column:1 / -1; }
  }
  @media (max-width:720px) {
    .wiki-cat-row-2, .wiki-cat-row-3, .wiki-cat-row-3.wiki-row-wide { grid-template-columns:1fr; margin:18px 0 10px; }
    .wiki-cat-row-3 > .wiki-block:nth-child(3) { grid-column:auto; }
    .wiki-cat-title-text { font-size:21px; }
    .wiki-link { font-size:12.5px; padding:9px 10px; }
  }
}
}
@media (max-width:720px) {
@media (max-width:720px) {
   .wiki-col-wrap { grid-template-columns:1fr; }
   .wiki-col-wrap { grid-template-columns:1fr; }
  .wiki-cat-row-2, .wiki-cat-row-3 { grid-template-columns:1fr; margin:18px 0 10px; }
  .wiki-cat-title-text { font-size:21px; }
  .wiki-link { font-size:12.5px; padding:8px 10px; }
}
}
@media (max-width:380px) {
@media (max-width:380px) {
Linha 109: Linha 143:
   <img src="https://wiki.eddaworld.com.br/images/f/fa/ChatGPT_Image_15_de_ago._de_2026%2C_03_11_32.png" alt="Edda World Wiki">
   <img src="https://wiki.eddaworld.com.br/images/f/fa/ChatGPT_Image_15_de_ago._de_2026%2C_03_11_32.png" alt="Edda World Wiki">
</div>
</div>
<div class="wiki-home">
<!-- ============= SOBRE O EDDA WORLD | INICIANTES | DESTAQUES ============= -->
<!-- ============= SOBRE O EDDA WORLD | INICIANTES | DESTAQUES ============= -->
<div class="wiki-cat-row-3">
<div class="wiki-cat-row-3">
Linha 239: Linha 274:
</div>
</div>
<!-- ============= SISTEMAS | INSTÂNCIAS | EXPEDIÇÃO ============= -->
<!-- ============= SISTEMAS | INSTÂNCIAS | EXPEDIÇÃO ============= -->
<div class="wiki-cat-row-3">
<div class="wiki-cat-row-3 wiki-row-wide">
   <div class="wiki-block" id="sec-sistemas">
   <div class="wiki-block" id="sec-sistemas">
     <div class="wiki-block-title hero compact">
     <div class="wiki-block-title hero compact">
Linha 298: Linha 333:
     </div>
     </div>
   </div>
   </div>
</div>
</div>
</div>
</html>
</html>

Edição das 02h34min de 5 de outubro de 2026

Edda World Wiki

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