Masticationpedia

Pagina Principale test: differenze tra le versioni

← Differenza precedente
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(17 versioni intermedie di uno stesso utente non sono mostrate)
Riga 3: Riga 3:
<style>
<style>
/* ===========================
/* ===========================
   HERO PULITO (solo pagina)
   OPZIONE A — HEADER VISIBILE (capoccetta OK)
  Pagina: Pagina_Principale_test
   =========================== */
   =========================== */


/* (opzionale) nasconde titolo MW sopra */
/* (facoltativo) togli titolo MW interno */
#firstHeading, #siteSub, #contentSub { display:none !important; }
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;
}


/* HERO: prende tutta la larghezza del CONTENITORE */
/* --- 2) FULLBLEED (rompe il limite del contenuto MW) --- */
.mp-hero{
body.page-Pagina_Principale_test .mp-fullbleed{
  width: 100%;
  min-height: 100vh;
   position: relative;
   position: relative;
   border-radius: 16px;
  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;
   overflow: hidden;
  position: relative;
  width: 100%;


   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 18%;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
}
}


/* overlay leggerissimo (se vuoi testo più leggibile) */
/* ===========================
.mp-hero::before{
  TESTO PSI — SOLO TESTO (NO BOX)
  content: "";
  =========================== */
/* === Indice Ψ: SOLO TESTO, leggibile, accanto al sole === */
body.page-Pagina_Principale_test .mp-psi{
   position: absolute;
   position: absolute;
   inset: 0;
   top: 56%;
   background: linear-gradient(90deg, rgba(0,0,0,0.18), rgba(0,0,0,0.05));
   right: 12%;
   pointer-events: none;
   left: auto;
}


/* blocco Indice Ψ in alto a destra */
   transform: translateY(-50%);
.mp-psi{
   position: absolute;
  top: 36px;
  right: 40px;
   text-align: right;
   text-align: right;
   z-index: 2;
   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;
}
}
.mp-psi .psi-title{
 
   font-size: 28px;
body.page-Pagina_Principale_test .mp-psi .psi-title{
   font-weight: 600;
  color: #C9A24D !important;        /* oro */
   letter-spacing: 0.04em;
   font-size: 34px !important;       /* << più grande */
  color: #C9A24D;
   font-weight: 800 !important;
   letter-spacing: 0.03em;
   line-height: 1.05;
   line-height: 1.05;
   margin: 0;
   margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
}
.mp-psi .psi-tagline{
 
  font-size: 14px;
body.page-Pagina_Principale_test .mp-psi .psi-tagline{
   color: rgba(255,255,255,0.88);
   color: rgba(255,255,255,0.95) !important;
   margin-top: 6px;
  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 centrale */
 
.mp-title{
/* Titolo Masticationpedia */
body.page-Pagina_Principale_test .mp-title{
   position: absolute;
   position: absolute;
   left: 50%;
   top: 110px;
   top: 42%;
   left: 44%;
   transform: translate(-50%, -50%);
   transform: translateX(-50%);
  margin: 0;
   z-index: 2;
   z-index: 2;


  font-size: 54px;
   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{ min-height: 62vh; }
   .mp-psi{ top: 18px; right: 18px; }
  body.page-Pagina_Principale_test .mp-title{ font-size: 32px; left: 50%; top: 60px; }
   .mp-psi .psi-title{ font-size: 22px; }
   body.page-Pagina_Principale_test .mp-psi{ top: 20%; left: 70%; }
  .mp-title{ font-size: 34px; top: 46%; white-space: normal; text-align: center; width: 92vw; }
   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 attuale delle 16:55, 15 gen 2026

Indice Ψ
Un criterio clinico avanzato

Masticationpedia

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