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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
Linha 1: Linha 1:
<div class="changelog-container">
<div class="widget-changelog">
<!-- Item 1: Ranqueada -->
<div class="notice-item" style="--notice-color: #D9F2D9;">
<div class="change-item">
<div class="notice-content">
<div class="change-header">
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795"
<span class="change-title">RANQUEADA</span>
target="_blank" class="notice-title">Fist of Love: Marine Training</a>
<span class="change-date">08/04/2025</span>
<div class="notice-date">10/04 até 24/04</div>
<p class="notice-desc">
Evento disponível por tempo limitado. Complete pra receber recompensas diárias.
</p>
</div>
</div>
<hr>
<img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon">
<p class="change-text">Nova temporada disponível 10/04</p>
<a href="LINK_DA_RANQUEADA" target="_blank">
<img src="https://i.imgur.com/RzxgiKl.png" class="change-image">
</a>
</div>
</div>


<!-- Item 2: Evento Temporário - Fist of Love -->
<div class="notice-item" style="--notice-color: #FFF2B3;">
<div class="change-item">
<div class="notice-content">
<div class="change-header">
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795"
<span class="change-title">EVENTO TEMPORÁRIO</span>
class="notice-title">Informativos</a>
<span class="change-date">09/04/2025</span>
<div class="notice-date">08/04/2025</div>
<p class="notice-desc">
Skins do passe anterior entram na rotação da loja, temporada de records será encerrada e uso de poções
de XP foi ajustado.
</p>
</div>
</div>
<hr>
<p class="change-text">Fist of Love: de 11 a 24 de abril</p>
<a href="LINK_DO_EVENTO" target="_blank">
<img src="https://i.imgur.com/RzxgiKl.png" class="change-image">
</a>
</div>
</div>


<!-- Item 3: Informativos -->
<div class="notice-item" style="--notice-color: #F4CCCC;">
<div class="change-item">
<div class="notice-content">
<div class="change-header">
<a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886"
<span class="change-title">INFORMATIVOS</span>
target="_blank" class="notice-title">Ranqueada</a>
<span class="change-date">09/04/2025</span>
<div class="notice-date">08/04/2025</div>
<p class="notice-desc">
Confira os ícones exclusivos da nova temporada ranqueada que começa dia 10/04!
</p>
</div>
</div>
<hr>
<img src="https://wiki.gla.com.br/images/8/82/Medalha_de_campeao.png" class="notice-icon">
<p class="change-text">Ranqueada, records e ajustes</p>
<a href="LINK_DOS_INFORMATIVOS" target="_blank">
<img src="https://i.imgur.com/RzxgiKl.png" class="change-image">
</a>
</div>
</div>
</div>
</div>


<style>
<style>
.changelog-container {
.widget-changelog {
display: block;
max-height: 220px;
padding: 10px;
overflow-y: auto;
margin: 0;
padding-right: 5px;
box-sizing: border-box;
box-sizing: border-box;
}
}


.change-item {
.notice-item {
margin-bottom: 18px;
display: flex;
align-items: flex-start;
background: #fff;
border: 1px solid #ddd;
border: 1px solid #ddd;
border-radius: 4px;
border-radius: 6px;
padding: 8px;
margin-bottom: 10px;
padding: 8px 10px;
box-sizing: border-box;
box-sizing: border-box;
border-left: 5px solid var(--notice-color, #f5b700);
}
}


.change-header {
.notice-content {
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
}
}


.change-title {
.notice-title {
font-size: 1.1em;
display: block;
font-size: 1.3em;
font-weight: bold;
font-weight: bold;
color: #000;
color: #333;
text-decoration: none;
margin: 0;
}
}


.change-date {
.notice-title:hover {
font-size: 0.9em;
text-decoration: underline;
color: #888;
}
}


.change-item hr {
.notice-date {
margin: 4px 0;
border: none;
border-top: 1px solid #ccc;
}
 
.change-text {
font-size: 0.9em;
font-size: 0.9em;
line-height: 1.4;
color: #888;
color: #333;
margin: -5px 0;
margin-bottom: 6px;
}
}


.change-image {
.notice-desc {
display: block;
font-size: 0.8em;
width: 300px;
color: #555;
height: 90px;
line-height: 1.3;
}
 
@media (max-width: 600px) {
.changelog-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 10px;
margin: 0;
margin: 0;
}
}


.change-item {
.notice-icon {
margin-bottom: 0;
object-fit: contain;
}
flex-shrink: 0;
 
.change-image {
width: 100%;
height: auto;
}
}
}
</style>
</style>

Edição das 21h30min de 13 de abril de 2025

<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" target="_blank" class="notice-title">Fist of Love: Marine Training</a>

10/04 até 24/04

Evento disponível por tempo limitado. Complete pra receber recompensas diárias.

<img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon">

<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" class="notice-title">Informativos</a>

08/04/2025

Skins do passe anterior entram na rotação da loja, temporada de records será encerrada e uso de poções de XP foi ajustado.

<a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886" target="_blank" class="notice-title">Ranqueada</a>

08/04/2025

Confira os ícones exclusivos da nova temporada ranqueada que começa dia 10/04!

<img src="https://wiki.gla.com.br/images/8/82/Medalha_de_campeao.png" class="notice-icon">

<style> .widget-changelog { max-height: 220px; overflow-y: auto; padding-right: 5px; box-sizing: border-box; }

.notice-item { display: flex; align-items: flex-start; background: #fff; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; padding: 8px 10px; box-sizing: border-box; border-left: 5px solid var(--notice-color, #f5b700); }

.notice-content { flex: 1; }

.notice-title { display: block; font-size: 1.3em; font-weight: bold; color: #333; text-decoration: none; margin: 0; }

.notice-title:hover { text-decoration: underline; }

.notice-date { font-size: 0.9em; color: #888; margin: -5px 0; }

.notice-desc { font-size: 0.8em; color: #555; line-height: 1.3; margin: 0; }

.notice-icon { object-fit: contain; flex-shrink: 0; } </style>

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