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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(88 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<style>
<style>
.table-index {
.index-grid .disabled-section {
  width: 100%;
position: relative;
  border-spacing: 16px;
filter: grayscale(100%) contrast(60%);
  font-family: Verdana, Arial, Helvetica, sans-serif;
opacity: .65;
  border-collapse: separate;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}
}


.index-cell {
/* Deixa os links apagados */
  flex: 1 1 48%;
.index-grid .disabled-section .index-links a {
  box-sizing: border-box;
color: #d0d0d0;
  padding: 12px;
text-decoration: none;
  background-color: #fdfdfd;
  border: 1px dashed #AAAAAA;
  border-radius: 8px;
}
}


.index-title {
/* "EM BREVE" no centro da célula */
  display: flex;
.index-grid .disabled-section::after {
  align-items: center;
content: "EM BREVE";
  font-weight: bold;
position: absolute;
  font-size: 15px;
top: 50%;
  margin-bottom: 4px;
left: 50%;
}
transform: translate(-50%, -50%);
 
text-align: center;
.index-title img {
font-size: 1.7em;
  width: 20px;
font-weight: 900;
  height: 20px;
color: #000;
  margin-right: 6px;
text-shadow: 0 0 2px #aaa;
}
pointer-events: none;
 
z-index: 2;
.index-links {
  font-size: 14px;
  line-height: 1.6;
}
 
.index-links a {
  color: #0366d6;
  text-decoration: none;
  margin-right: 6px;
}
 
.index-links a:hover {
  text-decoration: underline;
}
 
/* Responsivo: em telas muito pequenas, as células ocupam 100% */
@media screen and (max-width: 600px) {
  .index-cell {
    flex: 1 1 100%;
  }
}
}
</style>
</style>
<div class="table-index">
  <!-- Aqui vem cada bloco index-cell exatamente como tu já tem, não muda nada -->
  <!-- copia e cola teus <td class="index-cell"> ... </td> aqui como div -->
  <!-- Exemplo: -->
  <div class="index-cell">
    <div class="index-title">
      <img src="https://wiki.gla.com.br/images/4/45/Gold_medal.gif" />
      Grand Line Adventures
    </div>
    <div class="index-links">
      <a href="/wiki/Download">Download</a> ·
      <a href="/wiki/Suporte">Suporte</a> ·
      <a href="/wiki/Doações">Doações</a> ·
      <a href="/wiki/Benefícios_VIP">Benefícios VIP</a> ·
      <a href="/wiki/Revendedores_Oficiais">Revendedores Oficiais</a> ·
      <a href="/wiki/Criadores_de_Conteúdo">Criadores de Conteúdo</a>
    </div>
  </div>
  <!-- repete para os outros blocos -->
</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>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:MainPageIndex&oldid=36759”