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 10: | Linha 10: | ||
estilo gótico mas com traços mais grossos e mais legíveis que UnifrakturMaguntia. */ | estilo gótico mas com traços mais grossos e mais legíveis que UnifrakturMaguntia. */ | ||
@import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@700;800&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@700;800&display=swap'); | ||
/* ============================================== | /* ============================================== | ||
PALETA DE MARCA — EDDA WORLD | PALETA DE MARCA — EDDA WORLD | ||
| Linha 47: | Linha 46: | ||
.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; } | ||
.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; } | ||
/* 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; } | ||
.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; } | ||
/* Barra de título "grande" (hero) — cabeçalho de categoria, ícone + fonte gótica | /* Barra de título "grande" (hero) — cabeçalho de categoria, ícone + fonte gótica | ||
das artes oficiais do Edda. Mesmas cores da barra pequena. */ | das artes oficiais do Edda. Mesmas cores da barra pequena. */ | ||
| Linha 58: | Linha 55: | ||
.wiki-cat-title-text { font-family:'Grenze Gotisch', Georgia, serif; font-weight:700; font-size:24px; 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:24px; color:var(--edda-mint-light); letter-spacing:0.2px; line-height:1; } | ||
.wiki-block-title.hero.compact { padding:11px 16px; justify-content:center; } | .wiki-block-title.hero.compact { padding:11px 16px; justify-content: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; } | .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:hover { color:#2E8F6E; background:#F2FBF7; } | .wiki-link:hover { color:#2E8F6E; background:#F2FBF7; } | ||
| Linha 75: | Linha 70: | ||
.wiki-grid-4 .wiki-link { border-right:1px solid var(--edda-mint-tint); } | .wiki-grid-4 .wiki-link { border-right:1px solid var(--edda-mint-tint); } | ||
.wiki-grid-4 .wiki-link:nth-child(4n) { border-right:none; } | .wiki-grid-4 .wiki-link:nth-child(4n) { 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; } | .wiki-cat-row-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:28px 0 12px; } | ||
.wiki-cat-row-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0 12px; } | .wiki-cat-row-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0 12px; } | ||
.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; 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:720px) { | @media (max-width:720px) { | ||
| Linha 107: | Linha 98: | ||
<!-- HERO --> | <!-- HERO --> | ||
<div class="edda-hero"></div> | <div class="edda-hero"></div> | ||
<!-- ============= 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 151: | Linha 141: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- ===================== INSTÂNCIAS (+ tudo que estava nas outras categorias, | <!-- ===================== INSTÂNCIAS (+ tudo que estava nas outras categorias, | ||
provisório até você reorganizar) ===================== --> | provisório até você reorganizar) ===================== --> | ||
| Linha 226: | Linha 215: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- RODAPÉ EDDA --> | <!-- RODAPÉ EDDA --> | ||
<div class="edda-banner" style="margin-top:20px;margin-bottom:0;"> | <div class="edda-banner" style="margin-top:20px;margin-bottom:0;"> | ||
Edição das 04h32min de 15 de agosto de 2026