Mudanças entre as edições de "Widget:MainPageIndex"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
 
(23 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<templatestyles src="Predefinição:MainPageIndex/styles.css" />
<style>
<div class="index-grid">
.index-grid .disabled-section {
  <div class="index-cell">
position: relative;
    <div class="index-title">[[Arquivo:Icon_gla.png|link=|style=vertical-align:middle;]] Servidor</div>
filter: grayscale(100%) contrast(60%);
    <div class="index-links">
opacity: .65;
      [https://grandlineadventures.com/pt/#download Download] · [[Sistema_de_Ticket|Suporte]] · [[Doações|Doações]] · [[Benefícios VIP|Benefícios VIP]] · [[Criadores de Conteúdo|Criadores de Conteúdo]] · [[Revendedores Oficiais|Revendedores Oficiais]]
}
    </div>
  </div>


  <div class="index-cell">
/* Deixa os links apagados */
    <div class="index-title">[[Arquivo:Item_icon_box.png|link=|style=vertical-align:middle;]] Guias</div>
.index-grid .disabled-section .index-links a {
    <div class="index-links">
color: #d0d0d0;
      [[Baús de Personagens|Baús de Personagens]] · [[Tier e Estrelas|Tier e Estrelas]] · [[Customização de Perfil|Customização de Perfil]] · [[Tier_e_Estrelas#Ganho_de_Experi.C3.AAncia|Experiência]] · [[Login Diário|Login Diário]] · [[Loja de Gemas|Loja de Gemas]]
text-decoration: none;
    </div>
}
  </div>


  <div class="index-cell">
/* "EM BREVE" no centro da célula */
    <div class="index-title">[[Arquivo:Engrenagem_pixel.png|link=|style=vertical-align:middle;]] Sistemas</div>
.index-grid .disabled-section::after {
    <div class="index-links">
content: "EM BREVE";
      [[Sistema de Indicação|Indicação]] · [[Sistema de Boost|Boost de Equipamentos]] · [[Black Market|Black Market]] · [[Den Den TV|Den Den TV]]
position: absolute;
    </div>
top: 50%;
  </div>
left: 50%;
 
transform: translate(-50%, -50%);
  <div class="index-cell">
text-align: center;
    <div class="index-title">[[Arquivo:Mapa tesouro.png|link=|style=vertical-align:middle;]] Conta</div>
font-size: 1.7em;
    <div class="index-links">
font-weight: 900;
      [[Configuração de Atalhos|Configuração de Atalhos]] · [[Autorização de Máquina|Autorização de Máquina]] · [[Problemas de Conexão|Problemas de Conexão]] · [[Quick Cast|Quick Cast]]
color: #000;
    </div>
text-shadow: 0 0 2px #aaa;
  </div>
pointer-events: none;
 
z-index: 2;
  <div class="index-cell">
}
    <div class="index-title">[[Arquivo:Kidknifeepistol.gif|link=|style=vertical-align:middle;]] PvP</div>
</style>
    <div class="index-links">
      [[PVP|Casual & Instância]] · [[Ranked|Ranked]] · [[Torneios|Torneios]] · [[GVG|Guild vs Guild]]
    </div>
  </div>
 
  <div class="index-cell">
    <div class="index-title">[[Arquivo:Item_charakey.png|link=|style=vertical-align:middle;]] Foxy Games</div>
    <div class="index-links">
      [[Resposta Foxy Quizz|Foxy Quiz]] · [[Eventos Globais#Foxy Race|Foxy Race]] · [[Eventos Globais#Deathmatch|Deathmatch]] · [[Foxy Memory|Foxy Memory]] · [[Eventos Globais#Foxy Count|Foxy Count]]
    </div>
  </div>
 
  <div class="index-cell">
    <div class="index-title">[[Arquivo:Akuma_no_mi_icon.png ‎|link=|style=vertical-align:middle;]] Eventos</div>
    <div class="index-links">
      [[3D2Y|3D2Y]] · [[Summer|Summer]] · [[Halloween|Halloween]] · [[Germa 66|Germa 66]] · [[Freedom|Freedom]] · [[Fist of Love|Fist of Love]]
    </div>
  </div>
 
  <!-- Placeholder invisível para forçar alinhamento em número ímpar -->
  <div class="index-cell" style="visibility:hidden; pointer-events:none;"></div>
</div>

Edição atual tal como às 21h53min de 26 de junho de 2025

<style> .index-grid .disabled-section { position: relative; filter: grayscale(100%) contrast(60%); opacity: .65; }

/* Deixa os links apagados */ .index-grid .disabled-section .index-links a { color: #d0d0d0; text-decoration: none; }

/* "EM BREVE" no centro da célula */ .index-grid .disabled-section::after { content: "EM BREVE"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 1.7em; font-weight: 900; color: #000; text-shadow: 0 0 2px #aaa; pointer-events: none; z-index: 2; } </style>