Mudanças entre as edições de "Widget:Changelog"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
<div class="change-widget"><div class="change-item"><div class="change-header"><span class="change-title">Galeria</span><span class="change-date">01/04/2025</span></div><hr><p class="change-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo, eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.</p><strong><a href="https://discord.com/channels/ID_GALERIA" target="_blank">Saiba mais ➔</a></strong></div><div class="change-item"><div class="change-header"><span class="change-title">Informativos</span><span class="change-date">30/03/2025</span></div><hr><p class="change-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo, eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.</p><strong><a href="https://discord.com/channels/ID_INFORMATIVOS" target="_blank">Saiba mais ➔</a></strong></div><div class="change-item"><div class="change-header"><span class="change-title">Balanceamento</span><span class="change-date">27/03/2025</span></div><hr><p class="change-text">Patch notes e atualizações de balanceamento de personagens e skills.</p><strong><a href="https://discord.com/channels/ID_BALANCEAMENTO" target="_blank">Saiba mais ➔</a></strong></div><div style="clear: both;"></div></div><style>.change-widget {font-family: sans-serif;max-height: 300px;overflow-y: auto;background: transparent;padding: 0 2px;}.change-item {margin-bottom: 18px;}.change-header {display: flex;justify-content: space-between;align-items: center;}.change-title {font-size: 110%;font-weight: bold;color: #000;}.change-date {font-size: 90%;color: #888;}.change-item hr {border: none;border-top: 1px solid #ccc;margin: 4px 0 8px 0;}.change-text {margin: 0 0 6px 0;max-height: 4.2em;overflow: hidden;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 {text-decoration: none;font-weight: bold;color: #0066cc;}.change-item a:hover {text-decoration: underline;}</style> | <div class="change-widget"> | ||
<!-- POST 1: Galeria --> | |||
<div class="change-item"> | |||
<div class="change-header"> | |||
<span class="change-title">Galeria</span> | |||
<span class="change-date">01/04/2025</span> | |||
</div> | |||
<hr> | |||
<p class="change-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo, eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.</p> | |||
<strong><a href="https://discord.com/channels/ID_GALERIA" target="_blank">Saiba mais ➔</a></strong> | |||
</div> | |||
<!-- POST 2: Informativos --> | |||
<div class="change-item"> | |||
<div class="change-header"> | |||
<span class="change-title">Informativos</span> | |||
<span class="change-date">30/03/2025</span> | |||
</div> | |||
<hr> | |||
<p class="change-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo, eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.</p> | |||
<strong><a href="https://discord.com/channels/ID_INFORMATIVOS" target="_blank">Saiba mais ➔</a></strong> | |||
</div> | |||
<!-- POST 3: Balanceamento --> | |||
<div class="change-item"> | |||
<div class="change-header"> | |||
<span class="change-title">Balanceamento</span> | |||
<span class="change-date">27/03/2025</span> | |||
</div> | |||
<hr> | |||
<p class="change-text">Patch notes e atualizações de balanceamento de personagens e skills.</p> | |||
<strong><a href="https://discord.com/channels/ID_BALANCEAMENTO" target="_blank">Saiba mais ➔</a></strong> | |||
</div> | |||
<div style="clear: both;"></div> | |||
</div> | |||
<style> | |||
.change-widget { | |||
font-family: sans-serif; | |||
max-height: 300px; | |||
overflow-y: auto; | |||
background: transparent; | |||
padding: 0 2px; | |||
} | |||
.change-item { | |||
margin-bottom: 18px; | |||
} | |||
.change-header { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
} | |||
.change-title { | |||
font-size: 110%; | |||
font-weight: bold; | |||
color: #000; | |||
} | |||
.change-date { | |||
font-size: 90%; | |||
color: #888; | |||
} | |||
.change-item hr { | |||
border: none; | |||
border-top: 1px solid #ccc; | |||
margin: 4px 0 8px 0; | |||
} | |||
.change-text { | |||
margin: 0 0 6px 0; | |||
max-height: 4.2em; | |||
overflow: hidden; | |||
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 { | |||
text-decoration: none; | |||
font-weight: bold; | |||
color: #0066cc; | |||
} | |||
.change-item a:hover { | |||
text-decoration: underline; | |||
} | |||
</style> | |||
Edição das 21h05min de 8 de abril de 2025
<style> .change-widget { font-family: sans-serif; max-height: 300px; overflow-y: auto; background: transparent; padding: 0 2px; } .change-item { margin-bottom: 18px; } .change-header { display: flex; justify-content: space-between; align-items: center; } .change-title { font-size: 110%; font-weight: bold; color: #000; } .change-date { font-size: 90%; color: #888; } .change-item hr { border: none; border-top: 1px solid #ccc; margin: 4px 0 8px 0; } .change-text { margin: 0 0 6px 0; max-height: 4.2em; overflow: hidden; 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 { text-decoration: none; font-weight: bold; color: #0066cc; } .change-item a:hover { text-decoration: underline; } </style>