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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(89 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<div class="horizontal-guide-index">
  <div class="guide-column">
    <div class="guide-title"><i>Mecânicas</i></div>
    <ul>
      <li><a href="/index.php/PvP">PvP</a></li>
      <li><a href="/index.php/Nível">Nível</a></li>
      <li><a href="/index.php/Drop">Drop & EXP</a></li>
      <li><a href="/index.php/Efeitos_negativos">Efeitos negativos</a></li>
      <li><a href="/index.php/Família">Casamento</a></li>
    </ul>
  </div>
  <div class="guide-column">
    <div class="guide-title"><i>Comércio</i></div>
    <ul>
      <li><a href="/index.php/Bazar_de_Prontera">Bazar de Prontera</a></li>
      <li><a href="/index.php/Lojinha_de_Rua">Lojinha de Rua</a></li>
      <li><a href="/index.php/Catálogo_de_Vendas">Catálogo de Vendas</a></li>
      <li><a href="/index.php/Paramercado">Paramercado</a></li>
    </ul>
  </div>
  <div class="guide-column">
    <div class="guide-title"><i>Aprimoramentos</i></div>
    <ul>
      <li><a href="/index.php/Refinamento">Refinamento</a></li>
      <li><a href="/index.php/Combinação">Combinação</a></li>
      <li><a href="/index.php/Encantamento">Encantamento</a></li>
      <li><a href="/index.php/Encantamento_de_Visual">Encanto de Visual</a></li>
    </ul>
  </div>
  <div class="guide-column">
    <div class="guide-title"><i>Melhorias</i></div>
    <ul>
      <li><a href="/index.php/Slot">Slot</a></li>
      <li><a href="/index.php/Cartas">Cartas (Lista)</a></li>
      <li><a href="/index.php/Conjuntos">Conjuntos</a></li>
      <li><a href="/index.php/Autoconjuração">Autoconjuração</a></li>
      <li><a href="/index.php/Selos_Divinos">Itens Divinos</a></li>
    </ul>
  </div>
  <div class="guide-column">
    <div class="guide-title"><i>E mais</i></div>
    <ul>
      <li><a href="/index.php/Estilista">Estilista</a></li>
      <li><a href="/index.php/Homunculus">Homunculus</a></li>
      <li><a href="/index.php/Assistentes">Assistentes</a></li>
      <li><a href="/index.php/Emoticons">Emoticons</a></li>
      <li><a href="/index.php/RolePlay">RolePlay</a></li>
    </ul>
  </div>
</div>
<style>
<style>
.horizontal-guide-index {
.index-grid .disabled-section {
  display: flex;
position: relative;
  justify-content: space-between;
filter: grayscale(100%) contrast(60%);
  flex-wrap: wrap;
opacity: .65;
  gap: 20px;
  font-family: sans-serif;
  font-size: 14px;
  border-top: 1px solid #333;
  padding-top: 10px;
}
 
.guide-column {
  flex: 1 1 150px;
  min-width: 150px;
}
 
.guide-title {
  font-weight: bold;
  margin-bottom: 5px;
}
 
.guide-column ul {
  margin: 0;
  padding-left: 16px;
}
 
.guide-column li {
  margin: 2px 0;
}
}


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


.guide-column a:hover {
/* "EM BREVE" no centro da célula */
  text-decoration: underline;
.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>
</style>

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>