Masticationpedia

Pagina Principale test: differenze tra le versioni

← Differenza precedente
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(20 versioni intermedie di uno stesso utente non sono mostrate)
Riga 2: Riga 2:
<html>
<html>
<style>
<style>
/* =========================================================
/* ===========================
   STEP 1: HERO FULLSCREEN “PULITO”
   OPZIONE A — HEADER VISIBILE (capoccetta OK)
   - niente template
   Pagina: Pagina_Principale_test
  - niente box
   =========================== */
  - niente pulsanti
  - stabile loggato / non loggato
   ========================================================= */


/* nascondi titolo MediaWiki solo qui */
/* (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;
}


/* full-bleed: esce dal contenitore MediaWiki */
/* --- 1) ZERO “spazio bianco” del contenuto sopra al primo blocco --- */
.mp-fullhero{
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;
   position: relative;
   width: 100vw;
   width: 100vw;
   left: 50%;
   left: 50%;
  right: 50%;
   margin-left: -50vw;
   margin-left: -50vw;
   margin-right: -50vw;
   margin-right: 0;
   padding: 0;
 
   overflow: hidden;
   /* per ora 0: quando è tutto a posto, se serve lo mettiamo -10/-18 */
   margin-top: 0;
}
}


/* HERO vero: prende 100vh */
/* --- 3) HERO --- */
.mp-hero{
body.page-Pagina_Principale_test .mp-hero{
  min-height: 86vh;
  border-radius: 0;
  overflow: hidden;
   position: relative;
   position: relative;
  min-height: 100vh;
   width: 100%;
   width: 100%;
  display: block;
  border-radius: 0 !important;


  /* 👇 metti qui la tua immagine */
   background-image: url("/wiki/Special:FilePath/Masticationpedia%20Header%202025.png");
   background-image: url("/wiki/Special:FilePath/BrainHero.jpg");
   background-size: cover;
   background-size: cover;
   background-position: center center;
   background-position: center 18%;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
}
}


/* overlay leggero per leggere bene i testi */
/* ===========================
.mp-hero::before{
  TESTO PSI — SOLO TESTO (NO BOX)
   content:"";
  =========================== */
   position:absolute;
/* === Indice Ψ: SOLO TESTO, leggibile, accanto al sole === */
   inset:0;
body.page-Pagina_Principale_test .mp-psi{
   background: linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.10) 45%, rgba(0,0,0,.18) 100%);
  position: absolute;
   pointer-events:none;
  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;
}
}


/* contenuto centrato */
body.page-Pagina_Principale_test .mp-psi .psi-title{
.mp-hero-content{
   color: #C9A24D !important;       /* oro */
   position: relative;
   font-size: 34px !important;       /* << più grande */
   z-index: 2;
   font-weight: 800 !important;
   height: 100vh;
   letter-spacing: 0.03em;
   display: flex;
   line-height: 1.05;
   align-items: center;
   margin: 0 !important;
   justify-content: center;
   text-shadow: 0 2px 10px rgba(0,0,0,.35);
   text-align: center;
  padding: 0 18px;
}
}


/* titolo */
body.page-Pagina_Principale_test .mp-psi .psi-tagline{
.mp-hero-title{
   color: rgba(255,255,255,0.95) !important;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 16px !important;       /* << più grande */
   font-size: 54px;
   font-weight: 500;
   font-weight: 700;
   line-height: 1.2;
   color: #ffffff;
   margin-top: 6px !important;
  letter-spacing: 0.02em;
   text-shadow: 0 2px 10px rgba(0,0,0,.35);
   margin: 0;
   text-shadow: 0 2px 14px rgba(0,0,0,.35);
}
}


/* mini-blocco “Indice Ψ” in alto a destra (solo testo) */
 
.mp-hero-corner{
/* Titolo Masticationpedia */
body.page-Pagina_Principale_test .mp-title{
   position: absolute;
   position: absolute;
  top: 110px;
  left: 44%;
  transform: translateX(-50%);
  margin: 0;
   z-index: 2;
   z-index: 2;
  top: 60px;
  right: 70px;
  text-align: right;
  color: rgba(255,255,255,.92);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}


.mp-hero-psi{
   font-size: 54px;
   font-size: 28px;
   color: #fff;
  font-weight: 500;
   text-shadow: 0 2px 14px rgba(0,0,0,.35);
  letter-spacing: 0.04em;
   color: #C9A24D;
   margin: 0;
}
 
.mp-hero-tagline{
  font-size: 16px;
  font-weight: 400;
  margin: 6px 0 0 0;
  opacity: .95;
}
}


/* mobile */
/* Mobile */
@media (max-width: 768px){
@media (max-width: 768px){
   .mp-hero-title{ font-size: 38px; }
   body.page-Pagina_Principale_test .mp-hero{ min-height: 62vh; }
   .mp-hero-corner{
   body.page-Pagina_Principale_test .mp-title{ font-size: 32px; left: 50%; top: 60px; }
    top: 24px;
   body.page-Pagina_Principale_test .mp-psi{ top: 20%; left: 70%; }
    right: 20px;
   body.page-Pagina_Principale_test .mp-psi .psi-title{ font-size: 22px; }
  }
   .mp-hero-psi{ font-size: 22px; }
   .mp-hero-tagline{ font-size: 14px; }
}
}
</style>
</style>
</html>
<div class="mp-fullbleed">
  <div class="mp-hero">


<div class="mp-fullhero">
    <div class="mp-psi">
  <section class="mp-hero">
      <div class="psi-title">Indice <span style="font-weight:700;">Ψ</span></div>
    <div class="mp-hero-corner">
       <div class="psi-tagline">Un criterio clinico avanzato</div>
      <div class="mp-hero-psi">Indice &Psi;</div>
       <div class="mp-hero-tagline">Un criterio clinico avanzato</div>
     </div>
     </div>


     <div class="mp-hero-content">
     <h1 class="mp-title">Masticationpedia</h1>
      <h1 class="mp-hero-title">Masticationpedia</h1>
 
    </div>
   </div>
   </section>
</div>
</div>
</html>

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"