Página Principal: mudanças entre as edições
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 | |||
/* ===== 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; } | ||
/* | |||
/* ===== GRADES DE LINKS ===== | |||
.wiki-grid- | Cada link tem linha à direita e embaixo. A grade avança 1px para a direita, | ||
.wiki-grid- | e o card (overflow:hidden) esconde a linha da última coluna. Assim as | ||
.wiki-grid- | linhas ficam certas com qualquer número de colunas, sem regras nth-child. */ | ||
.wiki-grid- | .wiki-grid-2, .wiki-grid-3, .wiki-grid-4, .wiki-grid-6 { display:grid; margin-right:-1px; } | ||
/* 2 colunas fixas */ | |||
.wiki-grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); } | |||
.wiki-grid- | /* 3, 4 e 6: quantas colunas couberem, cada uma com no mínimo 150px. | ||
.wiki-grid-4 | Num card estreito ficam 2 colunas; num card largo, 3 ou mais. */ | ||
.wiki-grid-3 { grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); } | |||
.wiki-grid-6 { | .wiki-grid-4 { grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); } | ||
.wiki-grid-6 { grid-template-columns:repeat(auto-fill, minmax(140px,1fr)); } | |||
/* ===== LINHAS DE CATEGORIAS AGRUPADAS LADO A LADO ===== */ | /* ===== LINHAS DE CATEGORIAS AGRUPADAS LADO A LADO ===== | ||
.wiki-cat-row-2 { display:grid; grid-template-columns:repeat( | Até 3 cards por linha; abaixo disso, 2; no celular, 1. */ | ||
.wiki-cat-row-3 { display:grid; grid-template-columns:repeat( | .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-cat-title-text { font-size:21px; } | |||
.wiki- | .wiki-link { font-size:12.5px; padding:8px 10px; } | ||
} | |||
@media (max-width:380px) { | |||
.wiki-grid-2, .wiki-grid-3, .wiki-grid-4, .wiki-grid-6 { grid-template-columns:1fr; } | |||
.wiki-grid- | |||
} | } | ||
</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 | <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