Mudanças entre as edições de "Widget:Teste2"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(28 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="notice-item">
<div class="notice-content">
<a href="LINK_INFORMATIVOS" class="notice-title">Informativos</a>
<div class="notice-date">21.04.2025</div>
<p class="notice-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<img src="URL_DO_ICONE" class="notice-icon">
</div>
<div class="notice-item">
<div class="notice-content">
<a href="LINK_INFORMATIVOS" class="notice-title">Informativos</a>
<div class="notice-date">21.04.2025</div>
<p class="notice-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<img src="URL_DO_ICONE" class="notice-icon">
</div>
<div class="notice-item">
<div class="notice-content">
<a href="LINK_INFORMATIVOS" class="notice-title">Informativos</a>
<div class="notice-date">21.04.2025</div>
<p class="notice-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<img src="URL_DO_ICONE" class="notice-icon">
</div>
<style>
<style>
.notice-item {
body::before {
display: flex;
content: '';
align-items: center;
position: fixed;
border-left: 5px solid #f5b700;
top: 0;
padding: 8px;
left: 0;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
height: 100vh;
}
background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat;
 
filter: brightness(0.6);
.notice-content {
 
flex: 1;
background-attachment: fixed;
margin-right: 8px;
background-position: center;
}
background-repeat: no-repeat;
 
background-size: cover;
.notice-title {
z-index: -1;
font-size: 1em;
font-weight: bold;
color: #333;
text-decoration: none;
display: block;
margin: 0;
}
 
.notice-title:hover {
text-decoration: underline;
}
 
.notice-date {
font-size: 0.9em;
color: #888;
margin: 4px 0;
}
 
.notice-desc {
font-size: 0.9em;
color: #555;
line-height: 1.3;
margin: 0;
}
 
.notice-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
}
}
</style>
</style>

Edição atual tal como às 23h19min de 29 de agosto de 2025

<style> 

body::before {

content: ; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; filter: brightness(0.6);

background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Teste2&oldid=38360”