Pagina Principale test: differenze tra le versioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| Riga 1: | Riga 1: | ||
__NOTOC__ | |||
<html> | |||
<style> | |||
/* =========================== | |||
HERO PULITO (solo pagina) | |||
=========================== */ | |||
{{ | /* (opzionale) nasconde titolo MW sopra */ | ||
#firstHeading, #siteSub, #contentSub { display:none !important; } | |||
/* HERO: prende tutta la larghezza del CONTENITORE */ | |||
.mp-hero{ | |||
width: 100%; | |||
}} | min-height: 100vh; | ||
<div class=" | position: relative; | ||
border-radius: 16px; | |||
overflow: hidden; | |||
background-image: url('/wiki/Special:FilePath/Masticationpedia%20Header%202025.png'); | |||
background-size: cover; | |||
background-position: center center; | |||
background-repeat: no-repeat; | |||
} | |||
/* overlay leggerissimo (se vuoi testo più leggibile) */ | |||
.mp-hero::before{ | |||
content: ""; | |||
position: absolute; | |||
inset: 0; | |||
background: linear-gradient(90deg, rgba(0,0,0,0.18), rgba(0,0,0,0.05)); | |||
pointer-events: none; | |||
} | |||
/* blocco Indice Ψ in alto a destra */ | |||
.mp-psi{ | |||
position: absolute; | |||
top: 36px; | |||
right: 40px; | |||
text-align: right; | |||
z-index: 2; | |||
} | |||
.mp-psi .psi-title{ | |||
font-size: 28px; | |||
font-weight: 600; | |||
letter-spacing: 0.04em; | |||
color: #C9A24D; | |||
line-height: 1.05; | |||
margin: 0; | |||
} | |||
.mp-psi .psi-tagline{ | |||
font-size: 14px; | |||
color: rgba(255,255,255,0.88); | |||
margin-top: 6px; | |||
} | |||
/* titolo centrale */ | |||
.mp-title{ | |||
position: absolute; | |||
left: 50%; | |||
top: 42%; | |||
transform: translate(-50%, -50%); | |||
z-index: 2; | |||
color: #fff; | |||
font-size: 46px; | |||
font-weight: 700; | |||
text-shadow: 0 3px 16px rgba(0,0,0,0.35); | |||
margin: 0; | |||
white-space: nowrap; | |||
} | |||
/* hamburger in alto a destra (se già stilizzato globalmente, basta) */ | |||
.mp-hamburger{ | |||
position: absolute; | |||
top: 18px; | |||
right: 18px; | |||
z-index: 3; | |||
} | |||
/* mobile */ | |||
@media (max-width: 768px){ | |||
.mp-hero{ min-height: 85vh; border-radius: 0; } | |||
.mp-psi{ top: 18px; right: 18px; } | |||
.mp-psi .psi-title{ font-size: 22px; } | |||
.mp-title{ font-size: 34px; top: 46%; white-space: normal; text-align: center; width: 92vw; } | |||
} | |||
</style> | |||
</html> | |||
<div class="mp-hero"> | |||
<!-- hamburger: qui puoi mettere il tuo blocco menu --> | |||
<div class="mp-hamburger"> | |||
<div class="hero-hamburger"> | |||
<div class="hamburger-icon">☰</div> | |||
<div id="heroMenu" class="hero-hamburger-menu"> | |||
<ul> | |||
<li>[[Main Page|Home]]</li> | |||
<li>[[Comunità scientifica|Comunità scientifica]]</li> | |||
<li>[[Comitato etico|Comitato etico]]</li> | |||
<li>[[Indice_libro|Indice libro]]</li> | |||
<li>[[Network|Il nostro network]]</li> | |||
<li>[[Dashboard_Masticationpedia|Dashboard]]</li> | |||
<li>[[Donare|Donare]]</li> | |||
<li>[[Contatti|Contatti]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
<!-- Indice Ψ --> | |||
<div class="mp-psi"> | |||
<div class="psi-title">Indice <math>\Psi</math></div> | |||
<div class="psi-tagline">Un criterio clinico avanzato</div> | |||
</div> | |||
<!-- Titolo --> | |||
<h1 class="mp-title">Masticationpedia</h1> | |||
</div> | |||
Versione delle 12:43, 15 gen 2026
Indice
Un criterio clinico avanzato