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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
 
(43 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="news-card">
<div class="news-image-container">
<img src="URL_DA_IMAGEM" class="news-image">
</div>
<div class="news-info">
<div class="news-header">
<div class="news-title">Informativos</div>
<span class="news-date">21.04.2025</span>
</div>
<hr class="news-divider">
<p class="news-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum.
</p>
</div>
</div>
<div class="news-card">
<div class="news-image-container">
<img src="URL_DA_IMAGEM" class="news-image">
</div>
<div class="news-info">
<div class="news-header">
<div class="news-title">Informativos</div>
<span class="news-date">21.04.2025</span>
</div>
<hr class="news-divider">
<p class="news-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum.
</p>
</div>
</div>
<div class="news-card">
<div class="news-image-container">
<img src="URL_DA_IMAGEM" class="news-image">
</div>
<div class="news-info">
<div class="news-header">
<div class="news-title">Informativos</div>
<span class="news-date">21.04.2025</span>
</div>
<hr class="news-divider">
<p class="news-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum.
</p>
</div>
</div>
<style>
<style>
.news-card {
body::before {
width: 100%;
content: '';
max-width: 600px;
position: fixed;
border: 1px solid #ddd;
top: 0;
border-radius: 6px;
left: 0;
margin-bottom: 16px;
width: 100%;
overflow: hidden;
height: 100vh;
background: #fff;
background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat;
box-sizing: border-box;
filter: brightness(0.6);
}
 
 
background-attachment: fixed;
.news-image-container {
background-position: center;
width: 100%;
background-repeat: no-repeat;
height: 120px;
background-size: cover;
overflow: hidden;
z-index: -1;
}
 
.news-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
 
.news-info {
padding: 10px 14px;
box-sizing: border-box;
}
 
.news-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
}
 
.news-title {
font-size: 1em;
font-weight: bold;
color: #333;
margin: 0;
}
 
.news-date {
font-size: 0.9em;
color: #888;
margin-left: 10px;
}
 
.news-divider {
margin: 8px 0;
border: none;
border-top: 1px solid #ccc;
width: calc(100% + 28px);
margin-left: -14px;
}
 
.news-desc {
font-size: 0.9em;
color: #555;
line-height: 1.4;
margin: 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”