Pagina Principale test: differenze tra le versioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| (19 versioni intermedie di uno stesso utente non sono mostrate) | |||
| Riga 2: | Riga 2: | ||
<html> | <html> | ||
<style> | <style> | ||
/* ===== | /* =========================== | ||
.mp-hero{ | OPZIONE A — HEADER VISIBILE (capoccetta OK) | ||
Pagina: Pagina_Principale_test | |||
=========================== */ | |||
/* (facoltativo) togli titolo MW interno */ | |||
body.page-Pagina_Principale_test #firstHeading, | |||
body.page-Pagina_Principale_test #siteSub, | |||
body.page-Pagina_Principale_test #contentSub{ | |||
display:none !important; | |||
} | |||
/* --- 1) ZERO “spazio bianco” del contenuto sopra al primo blocco --- */ | |||
body.page-Pagina_Principale_test #content, | |||
body.page-Pagina_Principale_test .mw-body, | |||
body.page-Pagina_Principale_test .mw-body-content, | |||
body.page-Pagina_Principale_test #bodyContent, | |||
body.page-Pagina_Principale_test #mw-content-text{ | |||
margin-top: 0 !important; | |||
padding-top: 0 !important; | |||
} | |||
/* margine del primo elemento nel contenuto */ | |||
body.page-Pagina_Principale_test #mw-content-text > :first-child{ | |||
margin-top: 0 !important; | |||
} | |||
/* --- 2) FULLBLEED (rompe il limite del contenuto MW) --- */ | |||
body.page-Pagina_Principale_test .mp-fullbleed{ | |||
position: relative; | |||
width: 100vw; | |||
left: 50%; | |||
margin-left: -50vw; | |||
margin-right: 0; | |||
/* per ora 0: quando è tutto a posto, se serve lo mettiamo -10/-18 */ | |||
margin-top: 0; | |||
} | |||
/* --- 3) HERO --- */ | |||
body.page-Pagina_Principale_test .mp-hero{ | |||
min-height: 86vh; | |||
border-radius: 0; | |||
overflow: hidden; | |||
position: relative; | |||
width: 100%; | width: 100%; | ||
background-image: url("/wiki/Special:FilePath/ | background-image: url("/wiki/Special:FilePath/Masticationpedia%20Header%202025.png"); | ||
background-size: cover; | background-size: cover; | ||
background-position: center | background-position: center 18%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
position: | } | ||
/* =========================== | |||
TESTO PSI — SOLO TESTO (NO BOX) | |||
=========================== */ | |||
/* === Indice Ψ: SOLO TESTO, leggibile, accanto al sole === */ | |||
body.page-Pagina_Principale_test .mp-psi{ | |||
position: absolute; | |||
top: 56%; | |||
right: 12%; | |||
left: auto; | |||
transform: translateY(-50%); | |||
text-align: right; | |||
z-index: 10; | |||
/* niente riquadro */ | |||
background: transparent !important; | |||
border: 0 !important; | |||
padding: 0 !important; | |||
box-shadow: none !important; | |||
backdrop-filter: none !important; | |||
/* forza visibilità */ | |||
opacity: 1 !important; | |||
filter: none !important; | |||
} | |||
body.page-Pagina_Principale_test .mp-psi .psi-title{ | |||
color: #C9A24D !important; /* oro */ | |||
font-size: 34px !important; /* << più grande */ | |||
font-weight: 800 !important; | |||
letter-spacing: 0.03em; | |||
line-height: 1.05; | |||
margin: 0 !important; | |||
text-shadow: 0 2px 10px rgba(0,0,0,.35); | |||
} | |||
body.page-Pagina_Principale_test .mp-psi .psi-tagline{ | |||
color: rgba(255,255,255,0.95) !important; | |||
font-size: 16px !important; /* << più grande */ | |||
font-weight: 500; | |||
line-height: 1.2; | |||
margin-top: 6px !important; | |||
text-shadow: 0 2px 10px rgba(0,0,0,.35); | |||
} | |||
/* Titolo Masticationpedia */ | |||
body.page-Pagina_Principale_test .mp-title{ | |||
position: absolute; | |||
top: 110px; | |||
left: 44%; | |||
transform: translateX(-50%); | |||
margin: 0; | |||
z-index: 2; | |||
font-size: 54px; | |||
color: #fff; | |||
text-shadow: 0 2px 14px rgba(0,0,0,.35); | |||
} | |||
/* Mobile */ | |||
@media (max-width: 768px){ | |||
body.page-Pagina_Principale_test .mp-hero{ min-height: 62vh; } | |||
body.page-Pagina_Principale_test .mp-title{ font-size: 32px; left: 50%; top: 60px; } | |||
body.page-Pagina_Principale_test .mp-psi{ top: 20%; left: 70%; } | |||
body.page-Pagina_Principale_test .mp-psi .psi-title{ font-size: 22px; } | |||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
<div class="hero | <div class="mp-fullbleed"> | ||
<div class=" | <div class="mp-hero"> | ||
<div class="mp-psi"> | |||
<div class="psi-title">Indice <span style="font-weight:700;">Ψ</span></div> | |||
<div class="psi-tagline">Un criterio clinico avanzato</div> | |||
</div> | |||
<h1 class="mp-title">Masticationpedia</h1> | |||
</div> | |||
</div> | </div> | ||
Versione attuale delle 16:55, 15 gen 2026
Indice Ψ
Un criterio clinico avanzato