/* Theme Name: Formazione del giurista Theme URI: https://www.giovannipascuzzi.info Description: Tema figlio di Twenty Twenty-Five per il sito «Formazione del giurista». Adatta tipografia, colori e spaziature ai tre formati del sito: schede di competenza, dilemmi, domande. Author: Giovanni Pascuzzi Template: twentytwentyfive Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: formazione-del-giurista */ /* Colori e tipografia stanno in theme.json: si modificano da lì, non qui. Questo file contiene solo ciò che theme.json non può esprimere. */ /* ---------- colore di sezione ---------- */ /* Una classe sul contenitore della pagina decide il colore di tutti gli intertitoli, filetti ed etichette. In WordPress si applica al blocco Gruppo più esterno dell'articolo, accanto a fdg-articolo. */ .fdg-s-schede { --fdg-sezione: var(--wp--preset--color--schede); --fdg-sezione-tenue: var(--wp--preset--color--schede-tenue); } .fdg-s-dilemmi { --fdg-sezione: var(--wp--preset--color--dilemmi); --fdg-sezione-tenue: var(--wp--preset--color--dilemmi-tenue); } .fdg-s-domande { --fdg-sezione: var(--wp--preset--color--domande); --fdg-sezione-tenue: var(--wp--preset--color--domande-tenue); } .fdg-s-strumenti { --fdg-sezione: var(--wp--preset--color--strumenti); --fdg-sezione-tenue: var(--wp--preset--color--strumenti-tenue); } /* ---------- avviso di sito in costruzione ---------- */ /* Blocco Paragrafo in cima alla home, da rimuovere al lancio. */ .fdg-avviso { background: var(--wp--preset--color--avviso); border-bottom: 1px solid #e5d3a8; color: #6b4e11; font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.82rem; text-align: center; padding: 0.5rem 1rem; margin: 0; } /* ---------- ritratto dell'autore ---------- */ .fdg-autore { display: flex; gap: 1.1rem; align-items: flex-start; border-top: 1px solid var(--wp--preset--color--linea); padding-top: 1.4rem; } .fdg-autore img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; } /* ---------- tinta di fondo delle pagine interne ---------- */ /* Appena percettibile: se guardandola si riesce a nominare il colore, è troppa. In WordPress si applica alla classe che il tema mette sul in base alla categoria (category-schede, category-dilemmi, category-domande). */ body.category-schede, body.fdg-s-schede { background: #f9fbfe; } body.category-dilemmi, body.fdg-s-dilemmi { background: #fefaf7; } body.category-domande, body.fdg-s-domande { background: #f8fcfa; } body.page-template-strumenti, body.fdg-s-strumenti { background: #fbfaf6; } /* ---------- fascia delle tre dimensioni, in home ---------- */ /* Tre colonne che nominano l'impianto. Gli elenchi dei contenuti restano a piena larghezza sotto: in colonna i titoli andrebbero a capo tre volte. */ .fdg-tris { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.7rem; } .fdg-tris > * { border-radius: 6px; padding: 0.75rem 0.85rem; } .fdg-tris .fdg-rubrica { display: block; margin: 0 0 0.25rem; white-space: nowrap; } .fdg-tris .fdg-nome { font-size: 1.02rem; font-weight: 600; } .fdg-tris .fdg-dim { font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.72rem; } .fdg-tris .fdg-glossa { display: block; font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.78rem; line-height: 1.4; margin: 0; } .fdg-t-schede { background: var(--wp--preset--color--schede-tenue); } .fdg-t-schede .fdg-dim, .fdg-t-schede .fdg-glossa { color: var(--wp--preset--color--schede); } .fdg-t-dilemmi { background: var(--wp--preset--color--dilemmi-tenue); } .fdg-t-dilemmi .fdg-dim, .fdg-t-dilemmi .fdg-glossa { color: var(--wp--preset--color--dilemmi); } .fdg-t-domande { background: var(--wp--preset--color--domande-tenue); } .fdg-t-domande .fdg-dim, .fdg-t-domande .fdg-glossa { color: var(--wp--preset--color--domande); } /* ---------- sommario in apertura di articolo ---------- */ .fdg-sommario { font-size: 1.15rem; line-height: 1.55; border-left: 3px solid var(--fdg-sezione, var(--wp--preset--color--schede)); padding-left: 1.1rem; margin: 0 0 1.8rem; } /* ---------- intertitoli dei formati ---------- */ /* Gli h2 dentro un articolo diventano etichette, non titoli: è ciò che dà ai tre formati la loro riconoscibilità. */ .fdg-articolo h2 { font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--fdg-sezione, var(--wp--preset--color--schede)); margin: 2.4rem 0 0.7rem; } /* ---------- riquadri ---------- */ .fdg-riquadro { background: var(--wp--preset--color--superficie); border: 1px solid var(--wp--preset--color--linea); border-radius: 4px; padding: 1.1rem 1.3rem; margin: 1.4rem 0; } .fdg-riquadro > .fdg-etichetta { font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.72rem; letter-spacing: 0.07em; text-transform: uppercase; color: var(--wp--preset--color--tenue); margin-bottom: 0.4rem; } /* Il caso dei dilemmi: stessa struttura, veste diversa. */ .fdg-caso { background: var(--fdg-sezione-tenue, var(--wp--preset--color--schede-tenue)); border: 0; border-left: 3px solid var(--fdg-sezione, var(--wp--preset--color--schede)); border-radius: 0; font-style: italic; } /* ---------- voci per professione, nei dilemmi ---------- */ .fdg-ruolo { border-top: 1px solid var(--wp--preset--color--linea); padding-top: 0.9rem; margin-top: 0.9rem; } .fdg-ruolo:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; } .fdg-ruolo h3 { margin-top: 0; font-size: 1.08rem; } /* ---------- segnaposto per i riferimenti da verificare ---------- */ /* Visibile, deliberatamente: un segnaposto che non si vede resta lì per anni. */ .fdg-segnaposto { font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.85rem; color: var(--wp--preset--color--tenue); background: #f4f2ec; border-radius: 4px; padding: 0.7rem 0.9rem; } /* ---------- stato delle pagine vive ---------- */ .fdg-stato { font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.7rem; padding: 0.15rem 0.6rem; border-radius: 999px; background: var(--fdg-sezione-tenue, var(--wp--preset--color--schede-tenue)); color: var(--fdg-sezione, var(--wp--preset--color--schede)); white-space: nowrap; } .fdg-revisione { font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.76rem; color: var(--wp--preset--color--tenue); } /* ---------- elenchi delle sezioni in home ---------- */ .fdg-elenco { list-style: none; margin: 0; padding: 0; } .fdg-elenco li { border-bottom: 1px solid var(--wp--preset--color--linea); } .fdg-elenco li:last-child { border-bottom: 0; } .fdg-elenco a { display: block; text-decoration: none; color: inherit; padding: 0.65rem 0; } .fdg-elenco a:hover .fdg-titolo { color: var(--fdg-sezione, var(--wp--preset--color--schede)); } .fdg-elenco .fdg-titolo { display: block; font-size: 1.02rem; } .fdg-elenco .fdg-glossa { display: block; font-family: var(--wp--preset--font-family--interfaccia); font-size: 0.8rem; color: var(--wp--preset--color--tenue); margin-top: 0.1rem; } /* ---------- newsletter non ancora attiva ---------- */ /* Campo e pulsante restano visibili ma disabilitati: annunciano una cosa che ci sarà, senza raccogliere indirizzi che non si sanno gestire. */ .fdg-iscrizione input[disabled] { background: #f2f0ea; color: var(--wp--preset--color--tenue); cursor: not-allowed; } .fdg-iscrizione button[disabled] { background: var(--wp--preset--color--linea-forte); border-color: var(--wp--preset--color--linea-forte); color: #fff; cursor: not-allowed; } .fdg-iscrizione .fdg-nota { font-size: 0.72rem; color: var(--wp--preset--color--tenue); margin: 0.25rem 0 0; } /* ---------- stampa ---------- */ /* Ogni pagina deve poter diventare un PDF decente senza plugin: è il modo più economico di avere i «PDF citabili» previsti dal concept. */ @media print { .fdg-tris, .wp-block-navigation, .wp-block-search, .fdg-iscrizione, footer .wp-block-navigation { display: none; } body { font-size: 11pt; background: #fff !important; } .fdg-articolo h2 { color: #000; } a[href]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #666; } .fdg-riquadro, .fdg-caso { border: 1px solid #999; background: #fff; } }