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="change-widget">
<div class="changelog-container">
<!-- Evento Fist of Love -->
<!-- Card Evento Temporário: Fist of Love -->
<div class="change-item">
<div class="changelog-card">
<div class="change-header">
  <div class="changelog-content">
<span class="change-title">Fist of Love: Marine Training</span>
    <div class="changelog-title">Fist of Love: Marine Training</div>
<span class="change-date">10/04/2025</span>
    <div class="changelog-sub">O término do evento é previsto para dia 24/04.</div>
    <div class="changelog-date">10/04/2025</div>
  </div>
  <div class="changelog-icon">
    <a href="LINK_DO_EVENTO_FIST_OF_LOVE" target="_blank">
      <img src="URL_DO_ICONE_EVENTO">
    </a>
  </div>
</div>
</div>
<hr>
 
<p class="change-text">O término do evento é previsto para dia 24/04.</p>
<!-- Card Informativos: Ranqueada, Records e Ajustes -->
<a href="LINK_DA_WIKI_FIST_OF_LOVE" target="_blank">
<div class="changelog-card">
<img src="https://i.imgur.com/RzxgiKl.png" alt="Evento Fist of Love" class="change-image">
  <div class="changelog-content">
</a>
    <div class="changelog-title">INFORMATIVOS</div>
    <div class="changelog-sub">Ranqueada, Records e Ajustes</div>
    <div class="changelog-date">09/04/2025</div>
  </div>
  <div class="changelog-icon">
    <a href="LINK_DOS_INFORMATIVOS" target="_blank">
      <img src="URL_DO_ICONE_INFORMATIVOS">
    </a>
  </div>
</div>
</div>
<!-- POST 7: Temporada Ranqueada -->
<div class="change-item">
<div class="change-header">
<span class="change-title">Ranqueada</span>
<span class="change-date">08/04/2025</span>
</div>
<hr>
<p class="change-text">A nova temporada começa no dia 10/04. Ganhe medalhas, pedras do despertar e ícones de perfil exclusivos.</p>
<a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886" target="_blank">
<img src="https://i.imgur.com/Hn21Jkp.png" alt="Temporada Ranqueada" class="change-image">
</a>
</div>
<!-- POST 8: Informativos -->
<div class="change-item">
<div class="change-header">
<span class="change-title">Informativos</span>
<span class="change-date">08/04/2025</span>
</div>
<hr>
<p class="change-text">A temporada de records termina em 12/04. Mudanças também afetam loja de gemas e poções de experiência.</p>
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" target="_blank">
<img src="URL_DA_IMAGEM_INFORMATIVOS" alt="Informativos" class="change-image">
</a>
</div>
<!-- POST 5: Balanceamento - Abril -->
<div class="change-item">
<div class="change-header">
<span class="change-title">Balanceamento</span>
<span class="change-date">08/04/2025</span>
</div>
<hr>
<p class="change-text">Patch de balanceamento disponível.</p>
<a href="https://discord.com/channels/390234650590576650/918546838188081242/1359277816226644008" target="_blank">
<img src="URL_DA_IMAGEM_BALANCEAMENTO" alt="Balanceamento" class="change-image">
</a>
</div>
<div style="clear: both;"></div>
</div>
</div>
<style>
<style>
.change-widget {
.changelog-container {
font-family: sans-serif;
  display: flex;
max-height: 300px;
  flex-direction: column;
overflow-y: auto;
background: transparent;
padding: 0 2px;
}
.change-item {
margin-bottom: 18px;
}
.change-item:last-of-type {
margin-bottom: 0;
}
.change-header {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.change-title {
.changelog-card {
font-size: 110%;
  display: flex;
font-weight: bold;
  justify-content: space-between;
color: #000;
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 10px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
}
.change-date {
.changelog-content {
font-size: 90%;
  display: flex;
color: #888;
  flex-direction: column;
}
}
.change-item hr {
.changelog-title {
border: none;
  font-size: 110%;
border-top: 1px solid #ccc;
  font-weight: bold;
margin: 4px 0 8px 0;
  color: #333;
  margin-bottom: 4px;
}
}
.change-text {
.changelog-sub {
margin: 0 0 6px 0;
  font-size: 90%;
max-height: 4.2em;
  color: #666;
overflow: hidden;
  margin-bottom: 8px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 90%;
line-height: 1.4;
color: #333;
}
}
.change-item a {
.changelog-date {
text-decoration: none;
  font-size: 90%;
  color: #999;
}
}
.change-image {
.changelog-icon img {
display: block;
  height: 60px;
max-width: 300px;
  width: auto;
height: auto;
  border-radius: 50%;
margin-top: 6px;
border-radius: 4px;
}
}
</style>
</style>

Edição das 16h12min de 11 de abril de 2025

Fist of Love: Marine Training
O término do evento é previsto para dia 24/04.
10/04/2025
   <a href="LINK_DO_EVENTO_FIST_OF_LOVE" target="_blank">
     <img src="URL_DO_ICONE_EVENTO">
   </a>
INFORMATIVOS
Ranqueada, Records e Ajustes
09/04/2025
   <a href="LINK_DOS_INFORMATIVOS" target="_blank">
     <img src="URL_DO_ICONE_INFORMATIVOS">
   </a>

<style> .changelog-container { 

 display: flex;
 flex-direction: column;

} .changelog-card { 

 display: flex;
 justify-content: space-between;
 align-items: center;
 background: #fff;
 border: 1px solid #ddd;
 border-radius: 6px;
 padding: 10px 14px;
 margin-bottom: 10px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05);

} .changelog-content { 

 display: flex;
 flex-direction: column;

} .changelog-title { 

 font-size: 110%;
 font-weight: bold;
 color: #333;
 margin-bottom: 4px;

} .changelog-sub { 

 font-size: 90%;
 color: #666;
 margin-bottom: 8px;

} .changelog-date { 

 font-size: 90%;
 color: #999;

} .changelog-icon img { 

 height: 60px;
 width: auto;
 border-radius: 50%;

} </style>

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