{source}<div class="download-sezioni"><div class="download-box">
<p>Consulta le tesi degli allievi del corso di Campobasso in archivio</p>
<a href="/./files/perizia-stevanin.pdf" target="_blank" rel="noopener">
Serial Killer Stevanin
</a>
<a href="/./files/pericolosita-sociale.pdf" target="_blank" rel="noopener">
Pericolosità sociale
</a>
</div>
</div>
<style>
.download-sezioni {display: grid;
gap: 20px;
margin-top: 30px;
}
.download-box {padding: 20px;
border: 1px solid #ddd;
border-radius: 12px;
background: #fff;
}
.download-box a {display: block;
margin-top: 10px;
color: #1d508d !important;
text-decoration: underline !important;
font-weight: 600;
}
</style>{/source}
{source}<div class="download-sezioni"><div class="download-box">
<a href="/./files/e-book il_test_della_figura_umana_1.pdf" target="_blank" rel="noopener">
Test Figura Umana
</a>
<a href="/./files/e-book i_test_psicologici_nella_valutazione_della_personalita.pdf" target="_blank" rel="noopener">
Test psicologici
</a>
</div>
</div>
<style>
.download-sezioni {display: grid;
gap: 20px;
margin-top: 30px;
}
.download-box {padding: 20px;
border: 1px solid #ddd;
border-radius: 12px;
background: #fff;
}
.download-box a {display: block;
margin-top: 10px;
color: #1d508d !important;
text-decoration: underline !important;
font-weight: 600;
}
/* =========================ARTICOLI
========================= */
.blog-esempi .item,
.blog-esempi .item-content {background: transparent;
border: none;
border-radius: 0;
padding: 0;
margin-bottom: 16px;
box-shadow: none;
box-sizing: border-box;
}
/* titolo */
.blog-esempi h2,
.blog-esempi .page-header h2 {font-size: 2rem;
line-height: 1.2;
margin-bottom: 14px;
}
.blog-esempi h2 a {text-decoration: underline;
color: #656565;
}
/* testo */
.blog-esempi .introtext,
.blog-esempi .item-content p {font-size: 1rem;
line-height: 1.7;
color: rgba(43,36,48,.78);
}
/* immagine (NO crop) */
.blog-esempi img {display: block;
width: 100%;
max-width: 600px;
height: auto;
margin: 18px auto;
border-radius: 12px;
}
/* bottone */
.blog-esempi .readmore,
.blog-esempi p.readmore {margin-top: 18px;
}
.blog-esempi .readmore a,
.blog-esempi p.readmore a,
.blog-esempi .btn {display: inline-block;
padding: 10px 16px;
border-radius: 10px;
text-decoration: none;
background: rgba(255,255,255,.78);
color: #7d3f8a !important;
border: 1px solid rgba(160, 90, 168, .20);
font-weight: 600;
transition: all 0.2s ease;
}
.blog-esempi .readmore a:hover,
.blog-esempi p.readmore a:hover,
.blog-esempi .btn:hover {background: rgba(255,255,255,.94);
color: #7d3f8a !important;
border-color: rgba(160, 90, 168, .30);
}
/* layout fix */
.blog-esempi .items-row {display: block;
}
/* separazione visiva tra articoli */
.blog-esempi .item,
.blog-esempi .items-row > div {padding-bottom: 24px;
border-bottom: 1px solid rgba(160, 90, 168, .12);
}
/* =========================PAGINAZIONE DESKTOP
========================= */
.blog-esempi .com-content-category-blog__pagination {text-align: center;
margin-top: 40px;
}
.blog-esempi .pagination {justify-content: center;
gap: 6px;
}
.blog-esempi .pagination .page-link {border-radius: 8px;
padding: 8px 12px;
border: 1px solid rgba(160, 90, 168, .18);
color: #7d3f8a;
background: rgba(255,255,255,.78);
}
.blog-esempi .pagination .page-link:hover {background: #a05aa8;
color: #fff;
border-color: #a05aa8;
}
.blog-esempi .pagination .active .page-link {background: #7d3f8a;
border-color: #7d3f8a;
color: #fff;
}
.blog-esempi .category-list a,
.blog-esempi .com-content-category-list a {
color: #656565;
text-decoration: underline;
}
.blog-esempi .category-list li {
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(160, 90, 168, .12);
}
.blog-esempi .category-list {
color: rgba(43,36,48,.78);
}
/* =========================MOBILE
========================= */
@media (max-width: 768px) {.blog-esempi .item,
.blog-esempi .item-content {
margin-bottom: 28px;
padding: 0;
}
.blog-esempi h2 {
font-size: 1.6rem;
}
.blog-esempi img {
max-width: 100%;
}
.blog-esempi .readmore a {
width: 100%;
text-align: center;
}
/* PAGINAZIONE MOBILE FIX */
.blog-esempi .pagination {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 6px;
overflow: hidden;
}
.blog-esempi .pagination li {
display: none;
}
.blog-esempi .pagination li.active,
.blog-esempi .pagination li:first-child,
.blog-esempi .pagination li:last-child {
display: block;
}
.blog-esempi .pagination .page-link {
padding: 6px 10px;
font-size: 0.9rem;
}
}
</style>{/source}