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: 8px solid #e63a5a;"> | |||
<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: | |||
<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> | ||
<div style="position:absolute;top:30%;left:15%;width:8px;height:8px;background:#f59e0b;transform:rotate(45deg);opacity:0.5;"></div> | <div style="position:absolute;top:30%;left:15%;width:8px;height:8px;background:#f59e0b;transform:rotate(45deg);opacity:0.5;"></div> | ||
| Linha 11: | Linha 10: | ||
<img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;"> | <img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;"> | ||
<h2 style="color:white;font-size:2em;margin-top:0;margin-bottom:5px;font-weight:300;position:relative;z-index:1;">A plataforma de wikis para fãs do Brasil</h2> | <h2 style="color:white;font-size:2em;margin-top:0;margin-bottom:5px;font-weight:300;position:relative;z-index:1;">A plataforma de wikis para fãs do Brasil</h2> | ||
<p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie uma wiki sobre seu | <p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie uma wiki sobre seu fandom favorito</p> | ||
<form action="/Special:Search" method="get" style="max-width:500px;margin:0 auto 15px;display:flex;background:#ffffff22;border-radius:30px;overflow:hidden;border:1px solid #ffffff33;position:relative;z-index:1;"> | <form action="/Special:Search" method="get" style="max-width:500px;margin:0 auto 15px;display:flex;background:#ffffff22;border-radius:30px;overflow:hidden;border:1px solid #ffffff33;position:relative;z-index:1;"> | ||
<input type="text" name="search" placeholder="🔍 Pesquisar wikis..." style="flex:1;background:transparent;border:none;padding:14px 20px;color:white;font-size:15px;outline:none;"> | <input type="text" name="search" placeholder="🔍 Pesquisar wikis..." style="flex:1;background:transparent;border:none;padding:14px 20px;color:white;font-size:15px;outline:none;"> | ||
<button type="submit" style="background:#e63a5a;border:none;color:white;padding:14px 20px;cursor:pointer;font-size:15px;">Buscar</button> | <button type="submit" style="background:#e63a5a; border:none; color:white; padding:14px 20px; cursor:pointer; font-size:15px; font-weight:700; transition: background 0.2s ease;" onmouseover="this.style.background='#cc2947'" onmouseout="this.style.background='#e63a5a'">Buscar</button> | ||
</form> | </form> | ||
<a href="/Special:CreateWiki" style="background:#e63a5a;color:white;padding:14px 32px;border-radius:30px;text-decoration:none;font-size:16px;font-weight: | |||
<a href="/Special:CreateWiki" style="background:#e63a5a; color:white; padding:14px 32px; border-radius:30px; text-decoration:none; font-size:16px; font-weight:700; position:relative; z-index:1; margin-top:10px; display:inline-block; transition: background 0.2s ease;" onmouseover="this.style.background='#cc2947'" onmouseout="this.style.background='#e63a5a'">🚀 Criar uma Wiki</a> | |||
</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 #2d1b69; 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 #2d1b69; box-sizing: border-box;"> | ||
| Linha 30: | Linha 29: | ||
</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 41: | Linha 38: | ||
</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 49: | Linha 45: | ||
</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 57: | Linha 52: | ||
</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 65: | Linha 59: | ||
</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 73: | Linha 66: | ||
</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)';" | ||