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 17: | Linha 17: | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<!-- LAYOUT | <!-- LAYOUT PRINCIPAL: 4 COLUNAS DE MESMA LARGURA --> | ||
<!-- Coluna 1: Assinaturas / Promoções / Encantamentos --> | |||
<!-- Colunas 2+3: Farm / Masmorras + Destaques ocupando ambas --> | |||
<!-- Coluna 4: Progressão --> | |||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<div | <div style="display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:12px; align-items:start;"> | ||
<!-- COLUNA 1 --> | <!-- ===== COLUNA 1 ===== --> | ||
<div style=" | <div style="display:flex; flex-direction:column; gap:12px; min-width:0;"> | ||
<!-- ASSINATURAS --> | <!-- ASSINATURAS --> | ||
<div class="bro-home-card | <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;"> | ||
<div class="bro-home-head"> | <div class="bro-home-head"> | ||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Assinaturas</div> | <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Assinaturas</div> | ||
| Linha 65: | Linha 68: | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div style="width:50%; min-width:0;"> | <div style="width:50%; min-width:0;"> | ||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | <ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | ||
| Linha 104: | Linha 106: | ||
</div> | </div> | ||
<!-- | <!-- ===== COLUNAS 2 + 3 ===== --> | ||
<div style="flex: | <div style="grid-column:2 / span 2; display:flex; flex-direction:column; gap:12px; min-width:0;"> | ||
<!-- LINHA: MAPAS DE FARM + MASMORRAS --> | |||
<div style="display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start;"> | |||
<!-- MAPAS DE FARM --> | |||
<div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;"> | |||
<div class="bro-home-head"> | |||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Mapas de Farm</div> | |||
</div> | |||
<div style="padding:12px;"> | |||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Caverna_Astral]] [[Caverna Astral]]</span></li> | |||
<li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Distrito_Mecânico]] [[Distrito Mecânico|Distrito]]</span></li> | |||
<li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Mineração]] [[Mineração]]</span></li> | |||
<li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Templo_do_Deus_Demônio]] [[Templo do Deus Demônio]]</span></li> | |||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div style="padding:12px;"> | <!-- MASMORRAS --> | ||
<div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;"> | |||
<div class="bro-home-head"> | |||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Masmorras</div> | |||
</div> | |||
</ | <div style="padding:12px;"> | ||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Cheffenia_2.0]] [[Cheffênia 2.0]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Jardim_Sagrado]] [[Jardim Sagrado]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:torre123.png|22x22px|class=bro-ico|link=Torre_sem_Fim]] [[Torre sem Fim]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Torre_Sombria]] [[Torre Sombria]]</span></li> | |||
</ul> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- DESTAQUES --> | <!-- DESTAQUES OCUPA AS DUAS COLUNAS --> | ||
<div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;"> | <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;"> | ||
<div class="bro-home-head"> | <div class="bro-home-head"> | ||
| Linha 130: | Linha 153: | ||
<div style="padding:12px;"> | <div style="padding:12px;"> | ||
<div style="display: | <div style="display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;"> | ||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[File:Diamanteicone1.png|22x22px|class=bro-ico|link=Arena_de_Batalha]] [[Arena de Batalha]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:grimorioicone2.png|22x22px|class=bro-ico|link=Grimório_de_Batalha]] [[Grimório de Batalha]]</span></li> | |||
</ul> | |||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[File:iconeorb.png|22x22px|class=bro-ico|link=Orb_de_Cartas]] [[Orb de Cartas]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas por ROPs]] [[Recompensas por ROPs]]</span></li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
| Linha 150: | Linha 169: | ||
</div> | </div> | ||
<!-- COLUNA | <!-- ===== COLUNA 4: PROGRESSÃO ===== --> | ||
<div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden; align-self:start;"> | |||
<div class="bro-home-head"> | |||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Progressão</div> | |||
</div> | </div> | ||
< | <div style="padding:12px;"> | ||
<ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[Entenda como funciona]]</span></li> | |||
</ul> | |||
<h4 style="margin:8px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Early Game</h4> | |||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[Campo de Treinamento]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</span></li> | |||
</ul> | |||
</ | |||
< | <h4 style="margin:14px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Mid Game</h4> | ||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[Éden Invertido]]</span></li> | |||
</ul> | |||
<h4 style="margin:14px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">End Game</h4> | |||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | |||
<li><span class="broaurora-link" style="display:block;">[[File:bibliotecario123.png|22x22px|class=bro-ico|link=Missões_Bibliotecário]] [[Missões Bibliotecário]]</span></li> | |||
<li><span class="broaurora-link" style="display:block;">[[File:Furia das valq.png|22x22px|class=bro-ico|link=Valquíria_Reginleif]] [[Valquíria Reginleif]]</span></li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- LINHA INFERIOR --> | <!-- ===== LINHA INFERIOR PRESERVADA ===== --> | ||
<div class="bro-home-cards" style="margin-top:12px; align-items:flex-start;"> | <div class="bro-home-cards" style="margin-top:12px; align-items:flex-start;"> | ||
| Linha 228: | Linha 212: | ||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Eventos</div> | <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Eventos</div> | ||
</div> | </div> | ||
<div style="padding:12px;"> | <div style="padding:12px;"> | ||
<div style="display:flex; gap:12px;"> | <div style="display:flex; gap:12px;"> | ||
| Linha 239: | Linha 222: | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div style="width:50%; min-width:0;"> | <div style="width:50%; min-width:0;"> | ||
<h4 style="margin:0 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Temporários</h4> | <h4 style="margin:0 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Temporários</h4> | ||
| Linha 257: | Linha 239: | ||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Pontos</div> | <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Pontos</div> | ||
</div> | </div> | ||
<div style="padding:12px;"> | <div style="padding:12px;"> | ||
<ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | <ul class="bro-list" style="margin:0; padding:0; list-style:none;"> | ||
| Linha 272: | Linha 253: | ||
<div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Utilitários</div> | <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Utilitários</div> | ||
</div> | </div> | ||
<div style="padding:12px;"> | <div style="padding:12px;"> | ||
<div class="bro-home-grid-3"> | <div class="bro-home-grid-3"> | ||





