Mudanças entre as edições de "Widget:Teste2"
Ir para navegação
Ir para pesquisar
| (30 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
<div class=" | <div class="widget-changelog"> | ||
<div class=" | <div class="notice-item" style="--notice-color: #D9F2D9;"> | ||
<div class="notice-content"> | |||
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" | |||
<div class=" | target="_blank" class="notice-title">Fist of Love: Marine Training</a> | ||
< | <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. | ||
</div> | |||
<p class=" | |||
</p> | </p> | ||
</div> | </div> | ||
<img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon"> | |||
</div> | </div> | ||
<div class=" | <div class="notice-item" style="--notice-color: #FFF2B3;"> | ||
<div class="notice-content"> | |||
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" | |||
class="notice-title">Informativos</a> | |||
<div class=" | <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. | ||
</div> | |||
<p class=" | |||
</p> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="notice-item" style="--notice-color: #F4CCCC;"> | ||
<div class=" | <div class="notice-content"> | ||
< | <a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886" | ||
target="_blank" class="notice-title">Ranqueada</a> | |||
<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> | ||
< | <img src="https://wiki.gla.com.br/images/8/82/Medalha_de_campeao.png" class="notice-icon"> | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | <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: 1px solid #ddd; | ||
border-radius: 6px; | border-radius: 6px; | ||
margin-bottom: | margin-bottom: 10px; | ||
padding: 8px 10px; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
border-left: 5px solid var(--notice-color, #f5b700); | |||
} | } | ||
. | .notice-content { | ||
flex: 1; | |||
} | } | ||
. | .notice-title { | ||
display: block; | display: block; | ||
font-size: 1.3em; | |||
font-size: | |||
font-weight: bold; | font-weight: bold; | ||
color: #333; | color: #333; | ||
text-decoration: none; | |||
margin: 0; | margin: 0; | ||
} | } | ||
. | .notice-title:hover { | ||
text-decoration: underline; | |||
} | |||
.notice-date { | |||
font-size: 0.9em; | font-size: 0.9em; | ||
color: #888; | color: #888; | ||
margin- | margin: -5px 0; | ||
} | } | ||
. | .notice-desc { | ||
font-size: 0. | font-size: 0.8em; | ||
color: #555; | color: #555; | ||
line-height: 1. | line-height: 1.3; | ||
margin: | margin: 0; | ||
} | |||
.notice-icon { | |||
object-fit: contain; | |||
flex-shrink: 0; | |||
} | } | ||
</style> | </style> | ||
Edição das 21h30min de 13 de abril de 2025
<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>