Masticationpedia

Pagina Principale test: differenze tra le versioni

← Differenza precedenteDifferenza successiva →
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 3: Riga 3:
<style>
<style>
/* ===========================
/* ===========================
   HERO PULITO (solo pagina)
   HERO FULL-WIDTH (solo pagina)
  Cambia "Pagina_Principale_test" se il titolo pagina è diverso
   =========================== */
   =========================== */


/* (opzionale) nasconde titolo MW sopra */
body.page-Pagina_Principale_test #firstHeading,
#firstHeading, #siteSub, #contentSub { display:none !important; }
body.page-Pagina_Principale_test #siteSub,
body.page-Pagina_Principale_test #contentSub{
  display:none !important;
}


/* HERO: prende tutta la larghezza del CONTENITORE */
/* Questo è IL TRUCCO che rompe il limite del contenuto MediaWiki */
.mp-hero{
body.page-Pagina_Principale_test .mp-fullbleed{
  width: 100%;
  min-height: 100vh;
   position: relative;
   position: relative;
   border-radius: 16px;
  width: 100vw;          /* <-- larghezza finestra (COMANDO PRINCIPALE) */
  left: 50%;
  margin-left: -50vw;    /* <-- esce dal contenitore MW */
  margin-right: 0;
}
 
/* HERO */
body.page-Pagina_Principale_test .mp-hero{
  min-height: 78vh;
   border-radius: 18px;
   overflow: hidden;
   overflow: hidden;
  position: relative;


   background-image: url('/wiki/Special:FilePath/Masticationpedia%20Header%202025.png');
   background-image: url("/wiki/Special:FilePath/Masticationpedia%20Header%202025.png");
   background-size: cover;
   background-size: cover;
   background-position: center center;
   background-position: center center;
Riga 23: Riga 35:
}
}


/* overlay leggerissimo (se vuoi testo più leggibile) */
/* Testi (minimi) */
.mp-hero::before{
body.page-Pagina_Principale_test .mp-psi{
  content: "";
   position: absolute;
   position: absolute;
  inset: 0;
   top: 42px;
  background: linear-gradient(90deg, rgba(0,0,0,0.18), rgba(0,0,0,0.05));
   right: 54px;
  pointer-events: none;
}
 
/* blocco Indice Ψ in alto a destra */
.mp-psi{
  position: absolute;
   top: 36px;
   right: 40px;
   text-align: right;
   text-align: right;
   z-index: 2;
   z-index: 2;
}
}
.mp-psi .psi-title{
 
body.page-Pagina_Principale_test .mp-psi .psi-title{
   font-size: 28px;
   font-size: 28px;
   font-weight: 600;
   font-weight: 600;
  color: #C9A24D;
   letter-spacing: 0.04em;
   letter-spacing: 0.04em;
  color: #C9A24D;
   line-height: 1.05;
   line-height: 1.05;
   margin: 0;
   margin: 0;
}
}
.mp-psi .psi-tagline{
 
body.page-Pagina_Principale_test .mp-psi .psi-tagline{
   font-size: 14px;
   font-size: 14px;
   color: rgba(255,255,255,0.88);
   color: rgba(255,255,255,0.88);
Riga 54: Riga 59:
}
}


/* titolo centrale */
body.page-Pagina_Principale_test .mp-title{
.mp-title{
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
   top: 42%;
   top: 50%;
   transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);
  margin: 0;
   z-index: 2;
   z-index: 2;


  font-size: 44px;
   color: #fff;
   color: #fff;
  font-size: 46px;
   text-shadow: 0 2px 14px rgba(0,0,0,.35);
  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 */
/* Mobile */
@media (max-width: 768px){
@media (max-width: 768px){
   .mp-hero{ min-height: 85vh; border-radius: 0; }
   body.page-Pagina_Principale_test .mp-hero{
   .mp-psi{ top: 18px; right: 18px; }
    min-height: 62vh;
   .mp-psi .psi-title{ font-size: 22px; }
    border-radius: 12px;
   .mp-title{ font-size: 34px; top: 46%; white-space: normal; text-align: center; width: 92vw; }
  }
  body.page-Pagina_Principale_test .mp-title{
    font-size: 32px;
  }
   body.page-Pagina_Principale_test .mp-psi{
    top: 18px;
    right: 18px;
  }
   body.page-Pagina_Principale_test .mp-psi .psi-title{
    font-size: 22px;
   }
}
}
</style>
</style>
</html>
</html>


<div class="mp-hero">
<div class="mp-fullbleed">
 
   <div class="mp-hero">
  <!-- hamburger: qui puoi mettere il tuo blocco menu -->
     <div class="mp-psi">
   <div class="mp-hamburger">
       <div class="psi-title">Indice <span style="font-weight:700;">Ψ</span></div>
     <div class="hero-hamburger">
      <div class="psi-tagline">Un criterio clinico avanzato</div>
       <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 Ψ -->
    <h1 class="mp-title">Masticationpedia</h1>
  <div class="mp-psi">
    <div class="psi-title">Indice <math>\Psi</math></div>
    <div class="psi-tagline">Un criterio clinico avanzato</div>
   </div>
   </div>
  <!-- Titolo -->
  <h1 class="mp-title">Masticationpedia</h1>
</div>
</div>

Versione delle 12:52, 15 gen 2026

Indice Ψ
Un criterio clinico avanzato

Masticationpedia

Estratto da "https://staging.masticationpedia.org/index.php?title=Pagina_Principale_test&oldid=6553"