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 46: Linha 46:
/* ===== BLOCOS BASE ===== */
/* ===== BLOCOS BASE ===== */
.wiki-col-wrap { display:grid; grid-template-columns:1fr 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; }
.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-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; min-width:0; }
/* Barra de título "pequena" — usada para sub-grupos dentro de uma mesma categoria */
/* Barra de título "pequena" — usada para sub-grupos dentro de uma mesma categoria */
.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; }
Linha 55: Linha 55:
.wiki-block-title.hero { padding:14px 20px; gap:12px; }
.wiki-block-title.hero { padding:14px 20px; gap:12px; }
.wiki-block-title.hero img { image-rendering:pixelated; flex-shrink:0; }
.wiki-block-title.hero img { image-rendering:pixelated; flex-shrink:0; }
.wiki-cat-title-text { font-family:'Grenze Gotisch', Georgia, serif; font-weight:700; font-size:26px; color:var(--edda-mint-light); letter-spacing:0.2px; line-height:1; }
.wiki-cat-title-text { font-family:'Grenze Gotisch', Georgia, serif; font-weight:700; font-size:26px; color:var(--edda-mint-light); letter-spacing:0.2px; line-height:1.1; min-width:0; }
.wiki-block-title.hero.compact { padding:11px 16px; justify-content:center; }
.wiki-block-title.hero.compact { padding:11px 16px; justify-content:center; flex-wrap:wrap; text-align:center; }
.wiki-block-title.hero.compact img { width:22px; height:22px; }
.wiki-block-title.hero.compact img { width:22px; height:22px; }
.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; }
 
/* ===== LINKS ===== */
.wiki-link { display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:1px solid var(--edda-mint-tint); border-right:1px solid var(--edda-mint-tint); text-decoration:none; color:var(--edda-text); font-size:13px; line-height:1.35; min-width:0; overflow-wrap:break-word; transition:color 0.1s,background 0.1s; }
.wiki-link:hover { color:#2E8F6E; background:#F2FBF7; }
.wiki-link:hover { color:#2E8F6E; background:#F2FBF7; }
.wiki-link img { image-rendering:pixelated; flex-shrink:0; }
.wiki-link img { image-rendering:pixelated; flex-shrink:0; }
/* Linha divisória embaixo de TODO item, inclusive o(s) da última fileira —
 
   assim nenhuma célula (mesmo numa última fileira incompleta) fica sem linha */
/* ===== GRADES DE LINKS =====
.wiki-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); }
  Cada link tem linha à direita e embaixo. A grade avança 1px para a direita,
.wiki-grid-2 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
  e o card (overflow:hidden) esconde a linha da última coluna. Assim as
.wiki-grid-2 .wiki-link:nth-child(2n) { border-right:none; }
   linhas ficam certas com qualquer número de colunas, sem regras nth-child. */
.wiki-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); }
.wiki-grid-2, .wiki-grid-3, .wiki-grid-4, .wiki-grid-6 { display:grid; margin-right:-1px; }
.wiki-grid-3 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
/* 2 colunas fixas */
.wiki-grid-3 .wiki-link:nth-child(3n) { border-right:none; }
.wiki-grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.wiki-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); }
/* 3, 4 e 6: quantas colunas couberem, cada uma com no mínimo 150px.
.wiki-grid-4 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
  Num card estreito ficam 2 colunas; num card largo, 3 ou mais. */
.wiki-grid-4 .wiki-link:nth-child(4n) { border-right:none; }
.wiki-grid-3 { grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); }
.wiki-grid-6 { display:grid; grid-template-columns:repeat(6,1fr); }
.wiki-grid-4 { grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); }
.wiki-grid-6 .wiki-link { border-right:1px solid var(--edda-mint-tint); }
.wiki-grid-6 { grid-template-columns:repeat(auto-fill, minmax(140px,1fr)); }
.wiki-grid-6 .wiki-link:nth-child(6n) { border-right:none; }
 
/* ===== LINHAS DE CATEGORIAS AGRUPADAS LADO A LADO ===== */
/* ===== LINHAS DE CATEGORIAS AGRUPADAS LADO A LADO =====
.wiki-cat-row-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:28px 0 12px; }
  Até 3 cards por linha; abaixo disso, 2; no celular, 1. */
.wiki-cat-row-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0 12px; }
.wiki-cat-row-2 { display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:12px; margin:28px 0 12px; align-items:start; }
.wiki-cat-row-3 { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:12px; margin:28px 0 12px; align-items:start; }
.wiki-cat-row-2:first-of-type, .wiki-cat-row-3:first-of-type { margin-top:6px; }
.wiki-cat-row-2:first-of-type, .wiki-cat-row-3:first-of-type { margin-top:6px; }
/* ===== ÍNDICE RÁPIDO ===== */
/* ===== ÍNDICE RÁPIDO ===== */
.wiki-block-full[id], .wiki-block[id] { scroll-margin-top:16px; }
.wiki-block-full[id], .wiki-block[id] { scroll-margin-top:16px; }
/* ===== RODAPÉ EDDA ===== */
/* ===== RODAPÉ EDDA ===== */
.edda-banner { display:flex; align-items:center; gap:14px; background:var(--edda-plum); border:1px solid var(--edda-lavender-tint); border-radius:12px; padding:16px 20px; }
.edda-banner { display:flex; flex-wrap:wrap; align-items:center; gap:14px; background:var(--edda-plum); border:1px solid var(--edda-lavender-tint); border-radius:12px; padding:16px 20px; }
.edda-banner-title { color:var(--edda-mint-light); font-size:13.5px; font-weight:700; margin-bottom:3px; }
.edda-banner-title { color:var(--edda-mint-light); font-size:13.5px; font-weight:700; margin-bottom:3px; }
.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 ===== */
/* ===== RESPONSIVO ===== */
@media (max-width:1100px) {
  .wiki-cat-title-text { font-size:23px; }
}
@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; }
   .wiki-cat-row-2, .wiki-cat-row-3 { grid-template-columns:1fr; margin:18px 0 10px; }
  .wiki-grid-4 { grid-template-columns:repeat(2,1fr); }
   .wiki-cat-title-text { font-size:21px; }
   .wiki-grid-4 .wiki-link:nth-child(2n) { border-right:none; }
   .wiki-link { font-size:12.5px; padding:8px 10px; }
   .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); }
@media (max-width:380px) {
  .wiki-grid-3 .wiki-link:nth-child(2n) { border-right:none; }
   .wiki-grid-2, .wiki-grid-3, .wiki-grid-4, .wiki-grid-6 { grid-template-columns:1fr; }
  .wiki-grid-3 .wiki-link:nth-child(3n) { border-right:1px solid var(--edda-mint-tint); }
   .wiki-grid-6 { grid-template-columns:repeat(2,1fr); }
  .wiki-grid-6 .wiki-link:nth-child(2n) { border-right:none; }
  /* Recalcula a "primeira linha" para 2 colunas (a regra de desktop usava 3/4/6) */
  .wiki-grid-3 .wiki-link, .wiki-grid-4 .wiki-link, .wiki-grid-6 .wiki-link { border-top:1px solid var(--edda-mint-tint); }
  .wiki-grid-3 .wiki-link:nth-child(-n+2), .wiki-grid-4 .wiki-link:nth-child(-n+2), .wiki-grid-6 .wiki-link:nth-child(-n+2) { border-top:none; }
  .wiki-cat-title-text { font-size:20px; }
}
}
</style>
</style>
Linha 122: Linha 124:
     <a href="/index.php/Itens_Modificados" class="wiki-link"><img src="https://static.divine-pride.net/images/items/item/11554.png" width="24" height="24" alt="">Itens Modificados</a>
     <a href="/index.php/Itens_Modificados" class="wiki-link"><img src="https://static.divine-pride.net/images/items/item/11554.png" width="24" height="24" alt="">Itens Modificados</a>
     <a href="/index.php/Economia" class="wiki-link"><img src="https://static.divine-pride.net/images/items/item/7444.png" width="24" height="24" alt="">Economia</a>
     <a href="/index.php/Economia" class="wiki-link"><img src="https://static.divine-pride.net/images/items/item/7444.png" width="24" height="24" alt="">Economia</a>
     <a href="/index.php/Balanceamento_de_Classes" class="wiki-link" style="border-right:none;"><img src="https://static.divine-pride.net/images/items/item/2822.png" width="24" height="24" alt="">Balanceamento de Classes</a>
     <a href="/index.php/Balanceamento_de_Classes" class="wiki-link"><img src="https://static.divine-pride.net/images/items/item/2822.png" width="24" height="24" alt="">Balanceamento de Classes</a>
     </div>
     </div>
   </div>
   </div>

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

Edda World Wiki