Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1: Riga 1:
__NOTOC__
<html>
<style>
/* ===========================
  HERO PULITO (solo pagina)
  =========================== */


{{main menu
/* (opzionale) nasconde titolo MW sopra */
| link to German = Hauptseite
#firstHeading, #siteSub, #contentSub { display:none !important; }
| link to French = Page d'accueil
 
| link to Italian = Pagina Principale
/* HERO: prende tutta la larghezza del CONTENITORE */
| link to Spanish = Pàgina Principal
.mp-hero{
| no title = 1
  width: 100%;
}}
  min-height: 100vh;
   <div class="homepage-slider full-width">
  position: relative;
    <div class="homepage-logo-container">[[File:Logo Masticationpedia (da Wix).png|class=rounded-logo|link=]]</div>
  border-radius: 16px;
    <div class="homepage-slide-1">''The Past''</div>
  overflow: hidden;
    <div class="homepage-slide-2">''The Present''</div>
 
    <div class="homepage-slide-3">''The Future''</div>
  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

Masticationpedia