Mudanças entre as edições de "Usuário:Utata"
Ir para navegação
Ir para pesquisar
| (57 revisões intermediárias por 3 usuários não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
<templatestyles src="Predefinição:ItemButton/styles.css" /> | |||
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} | |||
<center> | <div style="text-align: center; max-width: 1000px; margin: 15px auto 30px auto;"> | ||
<h1 style="font-size: 2.2em; font-weight: 700; color: #333; margin: 0 0 5px 0;">Índice de Itens e Equipamentos</h1> | |||
<p style="font-size: 1.1em; color: #666; margin: 0;">Navegue pelas categorias de itens, equipamentos de personagem e partes de navio.</p> | |||
</div> | |||
<div class="caixa-categoria" style="border: 0.5px solid #e0e0e0; border-radius: 8px;"> | |||
<div class="titulo-categoria" style="background: #3498db;">Equipamentos</div> | |||
<div style="padding: 10px; text-align: center;"> | |||
<div class="itens-linha" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> | |||
<div class="item-linha"> | |||
<div class="item-botao">[[Arquivo:Pirate Explore's Hat.png|40px|link=Cabeça]]</div> | |||
<div style="font-size: 1.2em;">[[Cabeça]]</div> | |||
</div> | |||
<div class="item-linha"> | |||
<div class="item-botao">[[Arquivo:Pirate Explore's Shirt.png|40px|link=Corpo]]</div> | |||
<div style="font-size: 1.2em;">[[Corpo]]</div> | |||
</div> | |||
<div class="item-linha" > | |||
<div class="item-botao">[[Arquivo:Pirate Explore's Pants.png|40px|link=Pernas]]</div> | |||
<div style="font-size: 1.2em;">[[Pernas]]</div> | |||
</div> | |||
<div class="item-linha"> | |||
<div class="item-botao">[[Arquivo:Pirate Explore's Emblem.png|40px|link=Emblema]]</div> | |||
<div style="font-size: 1.2em;">[[Emblema]]</div> | |||
</div> | |||
<div class="item-linha"> | |||
<div class="item-botao">[[Arquivo:Pirate Explore's Saber.png|40px|link=Arma]]</div> | |||
<div style="font-size: 1.2em;">[[Arma]]</div> | |||
</div> | |||
<div class="item-linha"> | |||
<div class="item-botao">[[Arquivo:Pirate Explore's Necklace.png|40px|link=Acessório]]</div> | |||
<div style="font-size: 1.2em;">[[Acessório]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;"> | |||
<div style="border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; background: #fff;"> | |||
<div style="text-align: center; font-size: 1.4em; font-weight: 600; background: #3498db; color: white; padding: 12px 15px;">Navegação</div> | |||
<div style="padding: 15px 10px 5px 10px; text-align: center;"> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: space-around;"> | |||
[[ | <div class="item-linha"><div class="item-botao">[[Arquivo:Canhão nv1.2.png|40px|link=Armas (Navio)]]</div> | ||
<div style="font-size: 1.2em;">[[Armas (Navio)]]</div> | |||
<div style="padding: 10px; text-align: center;"> | |||
<div class="item-linha"><div class="item-botao">[[Arquivo:Casco nv1.2.png|40px|link=Casco (Navio)]]</div> | |||
<div style="font-size: 1.2em;">[[Casco (Navio)]]</div> | |||
</ | <div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | ||
<div style="margin-bottom: 5px;">[[Arquivo:Vela nv1.2.png|100px|link=Vela (Navio)]]</div> | |||
<div style="font-size: 1.2em;">[[Vela (Navio)]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Founder s Merry.png|100px|link=Skins (Navio)]]</div> | |||
<div style="font-size: 1.2em;">[[Skins (Navio)]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Repair kit 1.2.png|100px|link=Kit de Reparos]]</div> | |||
<div style="font-size: 1.2em;">[[Kit de Reparos]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"></div> | |||
</div> | |||
</div> | |||
</div> | |||
< | <div style="border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; background: #fff;"> | ||
<div style="text-align: center; font-size: 1.4em; font-weight: 600; background: #27ae60; color: white; padding: 12px 15px;">Consumíveis</div> | |||
<div style="padding: 15px 10px 5px 10px; text-align: center;"> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: space-around;"> | |||
<div style="width: 50%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Leg meat2.png|100px|link=Comidas]]</div> | |||
<div style="font-size: 1.2em;">[[Comidas]]</div> | |||
</div> | |||
<div style="width: 50%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Bandage2.png|100px|link=Curativos]]</div> | |||
<div style="font-size: 1.2em;">[[Curativos]]</div> | |||
</div> | |||
<div style="border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; background: #fff;"> | |||
<div style="text-align: center; font-size: 1.4em; font-weight: 600; background: #DAA520; color: white; padding: 12px 15px;">Itens Valiosos</div> | |||
<div style="padding: 15px 10px 5px 10px; text-align: center;"> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: space-around;"> | |||
<div style="width: 50%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Item charakey2.png|100px|link=Especiais]]</div> | |||
<div style="font-size: 1.2em;">[[Especiais]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||





