/* vrv-print.css - come esce il post sulla CARTA (e quindi nel PDF). * * Il PDF lo stampa Chrome dalla pagina vera (ajax/post_pdf.php), quindi qui non * si ridisegna niente: si toglie di mezzo l'interfaccia e si srotolano le cose * che sulla carta non si possono sfogliare. * * Regola d'oro: sulla carta resta IL FOGLIO, non il programma. * * 16/10/2026: gli `!important` da 31 a 17. Tolti a uno a uno e misurati in stampa * (media print, 111 post): restano SOLO dove il video vince senza (slot e foto * dei maserati, sfondo sfocato, max-width delle foto, collegamenti, bianco). */ @page { size: A4; margin: 14mm 12mm; } @media print { /* 1. Via l'interfaccia: medaglione utente, bottoni che galleggiano, barre di navigazione, pie' di pagina. Non servono a chi legge su carta. */ #global-user-badge, .vv-scrollpins, .vrv-cofanav, .vv-footer, .vv-lang-badges, #vv-audio-root, #vv-info-modal, .vrv-zoom, nav { display: none; } /* 2. Via la scrivania: lo sfondo della pagina e' bello a video, sulla carta e' solo inchiostro sprecato. Il foglio del post invece resta col SUO colore (print-color-adjust: exact dice al browser di stampare gli sfondi). */ html, body { background: #fff !important; } /* 12/10/2026 - LA CORNICE NERA DEI PDF. La livrea di casa dichiara `color-scheme: dark` sulla radice: a video e' giusto, ma sulla carta il browser dipinge di scuro (#121212) anche i MARGINI del foglio, dove il nostro bianco non arriva. Sulla carta lo schema e' chiaro e basta. */ :root { color-scheme: light; } body, .vv-postbg, .vv-post-content, #vv-post-body { -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* 3. Il foglio prende tutta la larghezza utile: a video e' centrato in una colonna, sulla carta i margini li mette gia' @page. */ .vrv-view-shell, .vrv-view-article, #vv-post-body, .vv-container { width: auto; max-width: none !important; margin: 0; box-shadow: none; height: auto; min-height: 0; } /* 4. I MASERATI A PIU' FOTO: a video sono diapositive sovrapposte e ne gira una alla volta, sulla carta si sfogliano tutte in fila (scelta di vitti, 30/07). Tolgo la sovrapposizione e le rimetto in colonna. */ .vv-slot--carousel { position: static; /* LA RIGA CHE CONTA: .vv-slot ha `aspect-ratio` (16/9 e simili), cioe' una forma FISSA. Senza toglierla, height:auto non serve a niente: l'altezza viene ricalcolata dalla larghezza, le foto srotolate escono dal riquadro e nel PDF se ne vede una sola. */ aspect-ratio: auto !important; height: auto !important; width: 100% !important; max-width: 100% !important; overflow: visible; /* un maserato che galleggia a lato del testo, srotolato in colonna, lo renderebbe illeggibile: sulla carta va a tutta larghezza */ float: none !important; } .vv-carousel-slide { position: static !important; inset: auto !important; opacity: 1; transition: none; margin-bottom: 6mm; page-break-inside: avoid; break-inside: avoid; } /* lo sfondo sfocato dietro la foto serve solo a riempire il riquadro a video */ .vv-carousel-bg { display: none !important; } /* Un tetto all'altezza: senza, ogni foto si prende un foglio intero e il post delle Olimpiadi passava da 33 a 99 pagine, con mezze pagine vuote. Con 11cm ne stanno due per foglio e la foto resta grande e leggibile. */ .vv-carousel-img { position: static; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 11cm; object-fit: contain !important; display: block; margin: 0 auto; } /* 5. Niente immagini o titoli spezzati a meta' fra due pagine. */ img, figure, .vv-slot, blockquote { page-break-inside: avoid; break-inside: avoid; max-width: 100% !important; } h1, h2, h3, h4 { page-break-after: avoid; break-after: avoid; } /* 6. Gli indirizzi dei collegamenti non si stampano: su carta un link e' testo, e la fila di "https://..." fra parentesi sporca e basta. */ a { text-decoration: none !important; color: inherit !important; } } /* ── Il bottone "scarica PDF" nella TESTATA del post ────────────────────── Spostato qui il 31/07 su richiesta di vitti: fra le frecce di navigazione non c'entrava niente (quelle servono a muoversi DENTRO il post, scaricare riguarda il post intero, come la bandierina della lingua). E' un COLLEGAMENTO, non un bottone: scaricare e' andare a un indirizzo. */ /* Le due pastiglie della testata: scarica il PDF, scarica la musica. Stessa veste e stesso posto: sono due modi di portarsi via il post. */ .vv-post-header .vv-hdr-pdf, .vv-post-header .vv-hdr-lista, .vv-post-header .vv-hdr-audio, .vv-post-header .vv-hdr-altezza { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; padding: 3px 10px; border: 1px solid rgba(0, 0, 0, .18); border-radius: 999px; background: rgba(255, 255, 255, .85); color: inherit; font-size: .82rem; line-height: 1.6; text-decoration: none; vertical-align: middle; white-space: nowrap; } .vv-post-header .vv-hdr-pdf:hover, .vv-post-header .vv-hdr-lista:hover, .vv-post-header .vv-hdr-audio:hover, .vv-post-header .vv-hdr-altezza:hover { background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .12); } /* sullo stretto resta solo l'icona, la parola non serve */ @media (max-width: 560px) { .vv-post-header .vv-hdr-pdf span, .vv-post-header .vv-hdr-lista span, .vv-post-header .vv-hdr-audio span, .vv-post-header .vv-hdr-altezza span { display: none; } .vv-post-header .vv-hdr-pdf, .vv-post-header .vv-hdr-lista, .vv-post-header .vv-hdr-audio, .vv-post-header .vv-hdr-altezza { padding: 3px 8px; } } /* sulla carta non ci va: e' il bottone che ha PRODOTTO la carta */ @media print { .vv-post-header .vv-hdr-pdf, .vv-post-header .vv-hdr-lista, .vv-post-header .vv-hdr-audio, .vv-post-header .vv-hdr-altezza { display: none; } } /* La terza pastiglia della testata: "tutta altezza" (15/09/2026). Le altre due sono collegamenti (si portano via il post), questa e' un BOTTONE: cambia come si guarda la pagina, non ci si va. Stessa veste, quindi le regole di sopra valgono anche per lei; qui si toglie solo la veste di serie del