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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
Linha 1: Linha 1:
<div class="index-cell disabled-section" style="flex: 0 0 calc(50% - 8px); background-color: #f6f6f6; border: 1px dashed #003366; border-radius: 8px; padding: 12px; box-sizing: border-box; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; justify-content: flex-start;">
<div class="index-title">
<img src="https://wiki.gla.com.br/images/1/1f/Star_icon.png" style="vertical-align:middle; max-width: 32px; max-height: 32px;" />
<span>Eventos Temporários</span>
</div>
<div class="index-links">
<a href="/index.php/{{FULLPAGENAME}}">3D2Y</a> ·
<a href="/index.php/{{FULLPAGENAME}}">Summer</a> ·
<a href="/index.php/{{FULLPAGENAME}}">Halloween</a> ·
<a href="/index.php/{{FULLPAGENAME}}">Germa 66</a> ·
<a href="/index.php/{{FULLPAGENAME}}">Freedom</a> ·
<a href="/index.php/{{FULLPAGENAME}}">Fist of Love</a>
</div>
</div>
<style>
<style>
.disabled-section {
/* mesma largura do resto (caso teu grid use flex:1 1 48%) */
.index-grid .disabled-section {
position: relative;
position: relative;
filter: grayscale(100%) contrast(60%);
filter: grayscale(100%) contrast(60%);
opacity: 0.65;
opacity: .65;
}
}


.disabled-section::after {
/* faixa “EM BREVE” centralizada */
.index-grid .disabled-section::after {
content: "EM BREVE";
content: "EM BREVE";
position: absolute;
position: absolute;
Linha 34: Linha 21:
}
}


.disabled-section .index-links a {
/* links cinza (ainda clicáveis) */
.index-grid .disabled-section .index-links a {
color: #d0d0d0;
color: #d0d0d0;
text-decoration: none;
text-decoration: none;
}
}
</style>
</style>

Edição das 21h45min de 26 de junho de 2025

<style> /* mesma largura do resto (caso teu grid use flex:1 1 48%) */ .index-grid .disabled-section { position: relative; filter: grayscale(100%) contrast(60%); opacity: .65; }

/* faixa “EM BREVE” centralizada */ .index-grid .disabled-section::after { content: "EM BREVE"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.4em; font-weight: bold; color: #ffffff; text-shadow: 0 0 6px #000; pointer-events: none; }

/* links cinza (ainda clicáveis) */ .index-grid .disabled-section .index-links a { color: #d0d0d0; text-decoration: none; } </style>