Página principal: mudanças entre as edições
De ForFans
Mais ações
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<html> | <html> | ||
<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 21: | Linha 20: | ||
</div> | </div> | ||
<div style="background:#150724; padding: 20px 0; border-bottom: 8px solid #e63a5a; box-sizing: border-box; position: relative; z-index: 2; margin: 0; width: 100vw; margin-left: calc(-50vw + 50%);"> | |||
<div style="background:#150724; padding: 20px 0 | |||
<div style="max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; box-sizing: border-box; width: 100%;"> | |||
<div style="width: | |||
<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 32: | Linha 29: | ||
</div> | </div> | ||
<div style="display: flex; gap: 50px; flex-wrap: wrap; flex: 1; justify-content: center;"> | |||
<div style="display: flex; gap: | |||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;"> | |||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: | |||
<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 43: | Linha 38: | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;"> | |||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: | |||
<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 51: | Linha 45: | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;"> | |||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: | |||
<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 59: | Linha 52: | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;"> | |||
<div style="display: flex; flex-direction: column; gap: 4px; min-width: | |||
<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 69: | Linha 61: | ||
</div> | </div> | ||
<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 82: | Linha 73: | ||
</div> | </div> | ||
<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 92: | Linha 82: | ||
</div> | </div> | ||
<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;"> | ||
<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 103: | Linha 91: | ||
</div> | </div> | ||
<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 98: | ||
</div> | </div> | ||
<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 119: | Linha 105: | ||
</div> | </div> | ||
<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 127: | Linha 112: | ||
</div> | </div> | ||
<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 135: | Linha 119: | ||
</div> | </div> | ||
<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 22h50min de 17 de junho de 2026
Categorias
Ver todas ❯
🎮
Jogos
⚔️
Anime
🎬
Séries
🎵
Música
⚽
Esportes
🔥
Mais...