|
|
| (35 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <div class="minimal-changelog-widget">
| |
| <div class="changelog-item">
| |
| <img src="URL_DO_ICONE" class="changelog-icon">
| |
| <div class="changelog-info">
| |
| <div class="changelog-header">
| |
| <div class="changelog-title">Informativos</div>
| |
| <div class="changelog-date">21.04.2025</div>
| |
| </div>
| |
| <p class="changelog-desc">
| |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel justo quis arcu faucibus
| |
| aliquet.
| |
| </p>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="changelog-item">
| |
| <img src="URL_DO_ICONE" class="changelog-icon">
| |
| <div class="changelog-info">
| |
| <div class="changelog-header">
| |
| <div class="changelog-title">Ranqueada</div>
| |
| <div class="changelog-date">20.04.2025</div>
| |
| </div>
| |
| <p class="changelog-desc">
| |
| Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais.
| |
| </p>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="changelog-item">
| |
| <img src="URL_DO_ICONE" class="changelog-icon">
| |
| <div class="changelog-info">
| |
| <div class="changelog-header">
| |
| <div class="changelog-title">Evento Temporário</div>
| |
| <div class="changelog-date">19.04.2025</div>
| |
| </div>
| |
| <p class="changelog-desc">
| |
| Fist of Love: evento de 11 a 24 de abril para enfrentar um poderoso herói da Marinha.
| |
| </p>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| <style> | | <style> |
| .minimal-changelog-widget {
| | body::before { |
| font-family: sans-serif;
| | content: ''; |
| max-width: 600px;
| | position: fixed; |
| margin: 0 auto;
| | top: 0; |
| box-sizing: border-box;
| | left: 0; |
| }
| | width: 100%; |
| | | height: 100vh; |
| .changelog-item {
| | background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; |
| display: flex;
| | filter: brightness(0.6); |
| align-items: flex-start;
| | |
| padding: 8px 0;
| | background-attachment: fixed; |
| border-bottom: 1px solid #eee;
| | background-position: center; |
| }
| | background-repeat: no-repeat; |
| | | background-size: cover; |
| .changelog-item:last-of-type {
| | z-index: -1; |
| border-bottom: none;
| |
| }
| |
| | |
| .changelog-icon {
| |
| width: 32px; | |
| height: 32px; | |
| margin-right: 10px;
| |
| flex-shrink: 0;
| |
| }
| |
| | |
| .changelog-info { | |
| flex: 1;
| |
| }
| |
| | |
| .changelog-header { | |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| }
| |
| | |
| .changelog-title { | |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| color: #333;
| |
| margin: 0;
| |
| }
| |
| | |
| .changelog-date {
| |
| font-size: 0.9em;
| |
| color: #888;
| |
| margin-left: 10px;
| |
| }
| |
| | |
| /* Descrição */
| |
| .changelog-desc {
| |
| margin: 4px 0 0 0;
| |
| font-size: 0.9em;
| |
| color: #555;
| |
| line-height: 1.4;
| |
| } | | } |
| </style> | | </style> |
