Mudanças entre as edições de "Widget:Teste2"
Ir para navegação
Ir para pesquisar
m |
|||
| Linha 1: | Linha 1: | ||
<div class="changelog-widget"> | <div class="changelog-widget"> | ||
<div class="changelog-item"> | <div class="changelog-item"> | ||
<div class="changelog-info"> | <div class="changelog-info"> | ||
<a href="LINK_INFORMATIVOS" class="changelog-title">Informativos</a> | <a href="LINK_INFORMATIVOS" class="changelog-title">Informativos</a> | ||
<div class="changelog-date">21.04.2025</div> | <div class="changelog-date">21.04.2025</div> | ||
<p class="changelog-desc"> | <p class="changelog-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
</p> | </p> | ||
</div> | </div> | ||
<img src="https://wiki.gla.com.br/images/f/f9/Special_awakening_stone.gif" class="changelog-icon"> | |||
</div> | </div> | ||
<div class="changelog-item"> | <div class="changelog-item"> | ||
<div class="changelog-info"> | <div class="changelog-info"> | ||
<a href="LINK_RANQUEADA" class="changelog-title">Ranqueada</a> | <a href="LINK_RANQUEADA" class="changelog-title">Ranqueada</a> | ||
<div class="changelog-date">20.04.2025</div> | <div class="changelog-date">20.04.2025</div> | ||
<p class="changelog-desc"> | <p class="changelog-desc"> | ||
Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais. | Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais. | ||
</p> | </p> | ||
</div> | </div> | ||
<img src="https://wiki.gla.com.br/images/f/f9/Special_awakening_stone.gif" class="changelog-icon"> | |||
</div> | </div> | ||
<div class="changelog-item"> | <div class="changelog-item"> | ||
<div class="changelog-info"> | <div class="changelog-info"> | ||
<a href="LINK_EVENTO" class="changelog-title">Evento Temporário</a> | <a href="LINK_EVENTO" class="changelog-title">Evento Temporário</a> | ||
<div class="changelog-date">19.04.2025</div> | <div class="changelog-date">19.04.2025</div> | ||
<p class="changelog-desc"> | <p class="changelog-desc"> | ||
Fist of Love: evento de 11 a 24 de abril para enfrentar um poderoso herói da Marinha. | Fist of Love: evento de 11 a 24 de abril para enfrentar um poderoso herói da Marinha. | ||
</p> | </p> | ||
</div> | </div> | ||
<img src="https://wiki.gla.com.br/images/f/f9/Special_awakening_stone.gif" class="changelog-icon"> | |||
</div> | </div> | ||
</div> | </div> | ||
| Linha 51: | Linha 45: | ||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
justify-content: space-between; | |||
padding: 10px 0; | padding: 10px 0; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #eee; | ||
} | } | ||
.changelog-item:last-of-type { | .changelog-item:last-of-type { | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
.changelog-info { | .changelog-info { | ||
flex: 1; | flex: 1; | ||
margin-right: 10px; | |||
margin- | |||
} | } | ||
.changelog-title { | .changelog-title { | ||
display: block; | |||
font-size: 1.1em; | font-size: 1.1em; | ||
font-weight: bold; | font-weight: bold; | ||
color: #333; | color: #333; | ||
text-decoration: none; | text-decoration: none; | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
| Linha 94: | Linha 76: | ||
font-size: 0.9em; | font-size: 0.9em; | ||
color: #888; | color: #888; | ||
margin: 4px 0; | |||
} | } | ||
| Linha 101: | Linha 84: | ||
color: #555; | color: #555; | ||
line-height: 1.4; | line-height: 1.4; | ||
} | |||
.changelog-icon { | |||
width: 32px; | |||
height: 32px; | |||
flex-shrink: 0; | |||
align-self: flex-start; | |||
} | } | ||
</style> | </style> | ||
Edição das 02h28min de 13 de abril de 2025
<style> .changelog-widget { font-family: sans-serif; max-width: 600px; margin: 0 auto; box-sizing: border-box; }
.changelog-item { display: flex; align-items: flex-start; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #eee; }
.changelog-item:last-of-type { border-bottom: none; }
.changelog-info { flex: 1; margin-right: 10px; }
.changelog-title { display: block; font-size: 1.1em; font-weight: bold; color: #333; text-decoration: none; margin: 0; padding: 0; }
.changelog-title:hover { text-decoration: underline; }
.changelog-date { font-size: 0.9em; color: #888; margin: 4px 0; }
.changelog-desc { margin: 0; font-size: 0.9em; color: #555; line-height: 1.4; }
.changelog-icon { width: 32px; height: 32px; flex-shrink: 0; align-self: flex-start; } </style>