Ativa o menu
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

Página principal: mudanças entre as edições

De ForFans
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<html>
<html>
<!-- BANNER PRINCIPAL HERO -->
<div style="background:#1a0a2e;background-image:radial-gradient(circle at 20% 50%, #2d1b69 0%, transparent 50%),radial-gradient(circle at 80% 20%, #4a1942 0%, transparent 40%),radial-gradient(circle at 50% 100%, #1a0a2e 0%, transparent 60%);padding:40px 20px;text-align:center;margin:-50px -20px 0 -20px;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%); border-bottom: none;">
<div style="background:#1a0a2e;background-image:radial-gradient(circle at 20% 50%, #2d1b69 0%, transparent 50%),radial-gradient(circle at 80% 20%, #4a1942 0%, transparent 40%),radial-gradient(circle at 50% 100%, #1a0a2e 0%, transparent 60%);padding:40px 20px;text-align:center;margin:-50px -20px 0 -20px;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%); border-bottom: none;">
     <div style="position:absolute;top:10%;left:5%;width:15px;height:15px;background:#e63a5a;transform:rotate(45deg);opacity:0.6;"></div>
     <div style="position:absolute;top:10%;left:5%;width:15px;height:15px;background:#e63a5a;transform:rotate(45deg);opacity:0.6;"></div>
Linha 20: Linha 21:
</div>
</div>


<div style="background:#150724; padding: 20px; margin: 0 -20px; width:100vw; margin-left:calc(-50vw + 50%); border-bottom: 8px solid #e63a5a; box-sizing: border-box; position: relative; z-index: 2;">
<!-- BARRA: PRINCIPAIS WIKIS (FORMATO 100% WIDE FLUIDO) -->
     <div style="max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px;">
<div style="background:#150724; padding: 20px 0; width:100vw; margin-left:calc(-50vw + 50%); border-bottom: 8px solid #e63a5a; box-sizing: border-box; position: relative; z-index: 2;">
    <!-- Container interno sem max-width e com padding de 80px para alinhar com o topo -->
     <div style="width: 100%; padding: 0 80px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; box-sizing: border-box;">
          
          
        <!-- BADGE ESQUERDA -->
         <div style="background: #000; color: #fff; border: 1px solid #ffffff33; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 12px; text-transform: uppercase; line-height: 1.1; transition: background 0.2s;" onmouseover="this.style.background='#ffffff15'" onmouseout="this.style.background='#000'">
         <div style="background: #000; color: #fff; border: 1px solid #ffffff33; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 12px; text-transform: uppercase; line-height: 1.1; transition: background 0.2s;" onmouseover="this.style.background='#ffffff15'" onmouseout="this.style.background='#000'">
             <span style="font-size: 20px;">📖</span>
             <span style="font-size: 20px;">📖</span>
Linha 28: Linha 32:
         </div>
         </div>


         <div style="display: flex; gap: 40px; flex-wrap: wrap; flex: 1; justify-content: center;">
        <!-- CONTAINER DAS COLUNAS DE LINKS -->
         <div style="display: flex; gap: 60px; flex-wrap: wrap; flex: 1; justify-content: center;">
              
              
             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
            <!-- COLUNA: GAMES -->
             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 110px;">
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Games</span>
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Games</span>
                 <a href="/Wiki:Terraria" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Terraria</a>
                 <a href="/Wiki:Terraria" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Terraria</a>
Linha 37: Linha 43:
             </div>
             </div>


             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
            <!-- COLUNA: MOVIES -->
             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 110px;">
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Movies</span>
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Movies</span>
                 <a href="/Wiki:Star_Wars" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Star Wars</a>
                 <a href="/Wiki:Star_Wars" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Star Wars</a>
Linha 44: Linha 51:
             </div>
             </div>


             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
            <!-- COLUNA: TV -->
             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 110px;">
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">TV</span>
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">TV</span>
                 <a href="/Wiki:Memory_Alpha" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Memory Alpha</a>
                 <a href="/Wiki:Memory_Alpha" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Memory Alpha</a>
Linha 51: Linha 59:
             </div>
             </div>


             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
            <!-- COLUNA: ANIME -->
             <div style="display: flex; flex-direction: column; gap: 4px; min-width: 110px;">
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Anime</span>
                 <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Anime</span>
                 <a href="/Wiki:One_Piece" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">One Piece</a>
                 <a href="/Wiki:One_Piece" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">One Piece</a>
Linha 60: Linha 69:
         </div>
         </div>


        <!-- CONTADOR E SETA DIREITA -->
         <div style="display: flex; align-items: center; gap: 14px; border-left: 1px solid #ffffff22; padding-left: 20px;">
         <div style="display: flex; align-items: center; gap: 14px; border-left: 1px solid #ffffff22; padding-left: 20px;">
             <div style="color: #bbb; font-size: 12px; line-height: 1.3; text-align: right; max-width: 140px; font-weight: 500;">
             <div style="color: #bbb; font-size: 12px; line-height: 1.3; text-align: right; max-width: 140px; font-weight: 500;">
Linha 72: Linha 82:
</div>
</div>


<!-- SEÇÃO DE CATEGORIAS -->
<div style="margin-bottom: 32px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 10;">
<div style="margin-bottom: 32px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 10;">
     <div style="background: #e63a5a; color: white; padding: 6px 20px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-radius: 0 0 6px 6px; display: inline-flex; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.15); margin-top: -8px; border-top: 8px solid #150724; box-sizing: border-box;">
     <div style="background: #e63a5a; color: white; padding: 6px 20px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-radius: 0 0 6px 6px; display: inline-flex; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.15); margin-top: -8px; border-top: 8px solid #150724; box-sizing: border-box;">
Linha 81: Linha 92:
</div>
</div>


<!-- GRID DE CATEGORIAS INTERATIVO -->
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom: 40px;">
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom: 40px;">
      
      
    <!-- CARD: JOGOS -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 90: Linha 103:
     </div>
     </div>


    <!-- CARD: ANIME -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 97: Linha 111:
     </div>
     </div>


    <!-- CARD: SÉRIES -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 104: Linha 119:
     </div>
     </div>


    <!-- CARD: MÚSICA -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 111: Linha 127:
     </div>
     </div>


    <!-- CARD: ESPORTES -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
Linha 118: Linha 135:
     </div>
     </div>


    <!-- CARD: MAIS -->
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
     <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  
         onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"  

Edição das 22h45min de 17 de junho de 2026

A plataforma de wikis para fãs do Brasil

Encontre ou crie uma wiki sobre seu fandom favorito

🚀 Criar uma Wiki
📖
Principais
Wikis
Além disso, mais de 250.000 para explorar
Categorias
Ver todas ❯
🎮 Jogos
⚔️ Anime
🎬 Séries
🎵 Música
Esportes
🔥 Mais...