|
|
| (21 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <div class="notice-item" style="--notice-color: #D9F2D9;">
| |
| <div class="notice-content">
| |
| <a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" target="_blank" class="notice-title">Fist of Love: Marine Training</a>
| |
| <div class="notice-date">20.04.2025</div>
| |
| <p class="notice-desc">
| |
| Evento disponível por tempo limitado. Complete pra receber recompensas diárias.
| |
| </p>
| |
| </div>
| |
| <img src="https://wiki.gla.com.br/images/7/7e/Item_charakey.png" class="notice-icon">
| |
| </div>
| |
|
| |
| <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="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>
| |
| <img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon">
| |
| </div>
| |
|
| |
| <div class="notice-item" style="--notice-color: #F4CCCC;">
| |
| <div class="notice-content">
| |
| <a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886" target="_blank" class="notice-title">Ranqueada</a>
| |
| <div class="notice-date">20.04.2025</div>
| |
| <p class="notice-desc">
| |
| Confira os ícones exclusivos da nova temporada ranqueada que começa dia 10/04!
| |
| </p>
| |
| </div>
| |
| <img src="https://wiki.gla.com.br/images/8/82/Medalha_de_campeao.png" class="notice-icon">
| |
| </div>
| |
|
| |
| <style> | | <style> |
| .notice-item {
| | body::before { |
| display: flex;
| | content: ''; |
| align-items: flex-start;
| | position: fixed; |
| background: #fff;
| | top: 0; |
| border: 1px solid #ddd;
| | left: 0; |
| border-radius: 6px;
| | width: 100%; |
| margin-bottom: 10px;
| | height: 100vh; |
| padding: 8px 10px;
| | background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; |
| box-sizing: border-box;
| | filter: brightness(0.6); |
| border-left: 5px solid var(--notice-color, #f5b700);
| | |
| }
| | background-attachment: fixed; |
| | | background-position: center; |
| .notice-content {
| | background-repeat: no-repeat; |
| flex: 1;
| | background-size: cover; |
| margin-right: 10px;
| | z-index: -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.9em;
| |
| color: #555;
| |
| line-height: 1.3;
| |
| margin: 0;
| |
| }
| |
| | |
| .notice-icon {
| |
| object-fit: contain;
| |
| flex-shrink: 0;
| |
| } | | } |
| </style> | | </style> |
