/* ============================================================================ v22-hero.css — Frame Asset Management ---------------------------------------------------------------------------- ALONE SCURO ATTORNO AL TITOLO DELLA SCHERMATA INIZIALE Cosa si vedeva Dietro il titolo e il sottotitolo compariva un rettangolo scuro sfumato. Non e' un fondo: e' l'ombra del testo. css/v13.css applica text-shadow:0 2px 34px rgba(6,8,12,.72), 0 1px 3px rgba(6,8,12,.35) cioe' una sfocatura di 34 px al 72 per cento di opacita' praticamente senza scostamento. Su piu' righe lunghe e ravvicinate i singoli aloni si sommano e formano una macchia rettangolare, ben visibile perche' la fotografia del tramonto e' chiara e il velo sopra di essa arriva al 32 per cento. Perche' nelle altre pagine non succede Le copertine interne usano un velo uniforme fra il 46 e il 72 per cento (css/enhance.css, .page-cover:after). Il fondo e' gia' scuro, quindi l'alone dell'ombra non ha nulla contro cui stagliarsi e resta invisibile. Come e' risolto qui Si adotta lo stesso principio delle pagine interne: la leggibilita' viene dal velo, non dall'ombra. - Il velo passa da un massimo del 32 al 46 per cento, ma solo nella fascia centrale dove sta il testo. In cima e in fondo resta trasparente, cosi' il cielo e le luci sul lago mantengono la loro luminosita'. - L'ombra larga viene sostituita da un contorno stretto di 2 px, che stacca i caratteri senza produrre alcun alone. PER TORNARE INDIETRO: eliminare questo foglio dal delle pagine. ========================================================================== */ /* Velo di leggibilita' sulla fotografia: piu' deciso dove poggia il testo. */ body.v13-home .lux-hero::after{ background:linear-gradient(180deg, rgba(6,8,12,0) 0%, rgba(6,8,12,.30) 18%, rgba(6,8,12,.46) 42%, rgba(6,8,12,.44) 62%, rgba(6,8,12,.22) 84%, rgba(6,8,12,0) 100%); } /* Contorno stretto al posto dell'alone. */ body.v13-home .lux-hero-title, body.v13-home .lux-hero-sub{ text-shadow:0 1px 2px rgba(6,8,12,.55); } /* Su telefono la fotografia e' inquadrata piu' stretta e il testo occupa una porzione maggiore dello schermo: il velo sale leggermente. */ @media(max-width:900px){ body.v13-home .lux-hero::after{ background:linear-gradient(180deg, rgba(6,8,12,.06) 0%, rgba(6,8,12,.38) 20%, rgba(6,8,12,.52) 46%, rgba(6,8,12,.48) 66%, rgba(6,8,12,.24) 86%, rgba(6,8,12,.04) 100%); } }