/* ── Tema forum a scelta dell'utente ──────────────────────────────────────── * Si attiva solo con (impostato da forum-pack.js, * scelta in localStorage `xfs.forum.pack`). Le palette --pp-* e i font Pack_* * arrivano da panel-pack.css, attivato dal fratello data-panel-pack. * * Qui si fa solo il PONTE: le variabili del forum (--ciano, --sf, --bordo…) * puntano alla palette del pack, e il chrome (testata, rail, riquadri, righe) * si tinge di conseguenza. Il pack di sezione (.section-pack su #centro) ha * specificita' maggiore e domina dove copre: queste regole riempiono il resto. * ═══════════════════════════════════════════════════════════════════════ */ /* Ponte palette: i colori del pack diventano i colori base del forum. */ html[data-forum-pack]{ --ciano:var(--pp-accent,var(--ciano)); --rosa:var(--pp-accent,var(--rosa)); --tx:var(--pp-ink,var(--tx)); --tx2:var(--pp-ink-dim,var(--tx2)); --sf:var(--surface,var(--sf)); --sf2:var(--surface2,var(--sf2)); --sf3:var(--pp-surface3,var(--sf3)); --bordo:var(--pp-line,var(--bordo)); --bordo2:var(--pp-line2,var(--bordo2)); } /* Fondale: l'illustrazione del pack (regola body gia' in panel-pack.css), * il contenuto seduto sopra un velo scuro come nel pannello. */ html[data-forum-pack] .fo-grid, html[data-forum-pack] .fo-sotto{ background:var(--pp-veil); } html[data-forum-pack] .fo-top{ background:var(--pp-side-bg); border-bottom:var(--pp-side-border); } html[data-forum-pack] .fo-marchio b{ font-family:var(--pp-font-title);font-weight:var(--pp-title-weight); color:var(--pp-accent);letter-spacing:.05em; text-transform:var(--pp-title-transform); text-shadow:0 2px 10px #000a; } html[data-forum-pack] .fo-marchio small{font-family:var(--pp-font-body)} /* Rail laterali: titolini e voci nel carattere dei comandi del pack. */ html[data-forum-pack] .lato-t, html[data-forum-pack] .w-tit{ font-family:var(--pp-font-cmd);color:var(--pp-accent); letter-spacing:.1em;text-transform:uppercase; } html[data-forum-pack] #sezioni .sez{ border:1px solid transparent;border-radius:var(--pp-nav-radius); transition:background .15s,border-color .15s; } html[data-forum-pack] #sezioni .sez:hover{ background:var(--pp-surface3);border-color:var(--pp-line); } html[data-forum-pack] #sezioni .sez.on{ background:var(--pp-surface3);border-color:var(--pp-line-acc); color:var(--pp-accent); } html[data-forum-pack] .forum-storage, html[data-forum-pack] .forum-pack, html[data-forum-pack] .widget{ border:var(--pp-card-border);border-radius:var(--pp-radius); } html[data-forum-pack] .forum-pack{padding:6px 10px 10px;margin-top:10px} html[data-forum-pack] .forum-pack select{ width:100%;font-family:var(--pp-font-cmd);letter-spacing:.04em; border-color:var(--pp-line-acc)!important;color:var(--pp-accent)!important; } /* ── Il centro, SOLO dove il pack di sezione non copre ───────────────────── */ html[data-forum-pack] #centro:not(.section-pack) .community-hero{ border-color:var(--pp-line-acc); border-radius:var(--pp-radius); } html[data-forum-pack] #centro:not(.section-pack) .community-hero h1, html[data-forum-pack] #centro:not(.section-pack) h1, html[data-forum-pack] #centro:not(.section-pack) h2{ font-family:var(--pp-font-title);font-weight:var(--pp-title-weight); color:var(--pp-accent);letter-spacing:.04em; text-transform:var(--pp-title-transform); } html[data-forum-pack] #centro:not(.section-pack) .community-eyebrow{ color:var(--pp-accent); } /* Comandi e paginazione: il carattere dei comandi, l'accento sugli attivi. */ html[data-forum-pack] #centro:not(.section-pack) .b, html[data-forum-pack] #centro:not(.section-pack) .ord button, html[data-forum-pack] #centro:not(.section-pack) .testa .b, html[data-forum-pack] .fo-top .b, html[data-forum-pack] .fo-top button{ font-family:var(--pp-font-cmd);letter-spacing:var(--pp-btn-spacing); text-transform:var(--pp-btn-transform); border-radius:var(--pp-btn-radius); } html[data-forum-pack] #centro:not(.section-pack) .b.pri, html[data-forum-pack] #centro:not(.section-pack) .ord button.on, html[data-forum-pack] .fo-top .b.pri, html[data-forum-pack] .fo-top button.pri{ background:var(--pp-accent)!important;color:var(--pp-accent-ink)!important; border-color:var(--pp-accent)!important; } /* Righe e messaggi: cornici e carattere da elenco del pack. */ html[data-forum-pack] #centro:not(.section-pack) .disc, html[data-forum-pack] #centro:not(.section-pack) .scheda-g, html[data-forum-pack] #centro:not(.section-pack) .msg, html[data-forum-pack] #centro:not(.section-pack) .card, html[data-forum-pack] #centro:not(.section-pack) .box, html[data-forum-pack] #centro:not(.section-pack) .community-profile, html[data-forum-pack] .fo-destra .widget, html[data-forum-pack] .fo-sotto .widget{ border:var(--pp-card-border);border-radius:var(--pp-radius); } html[data-forum-pack] #centro:not(.section-pack) .disc .tit, html[data-forum-pack] #centro:not(.section-pack) .sg-tit, html[data-forum-pack] #centro:not(.section-pack) .chi{ font-family:var(--pp-font-list); } html[data-forum-pack] #centro:not(.section-pack) .corpo-msg, html[data-forum-pack] #centro:not(.section-pack) .community-info{ font-family:var(--pp-font-body); } html[data-forum-pack] #centro:not(.section-pack) .disc:hover, html[data-forum-pack] #centro:not(.section-pack) .scheda-g:hover{ border-color:var(--pp-line-acc); } /* Numeri del forum e badge nel tono dell'accento. */ html[data-forum-pack] .cifre b, html[data-forum-pack] .community-counts b{color:var(--pp-accent)} html[data-forum-pack] .badge, html[data-forum-pack] .tag{ font-family:var(--pp-font-cmd);letter-spacing:.08em; text-transform:uppercase;border-radius:var(--pp-radius-sm); }