/* ============================================================ POCTIVÁ STAVBA — TISK, PŘEVLEK STARÝCH ZNAČEK. Slovník, rejstřík vad, eseje, články, archiv vydání. Titulku Deníku vysazuje nová sazba přímo do značek z tisk.css. Zbylých 858 stránek má značky staré (`.kontejner`, `.telo`, `.pojem-karta`, `.masthead`, …) a vyrábějí je čtyři různé generátory. Přepsat je všechny naráz by znamenalo sáhnout do všech čtyř a do 858 souborů v jednom kroku. Tenhle soubor místo toho převléká STARÉ ZNAČKY do nové sazby. Není to přebarvení: mění se písmo titulků (Ibarra), typografická stupnice, rytmus stránky, rámečky s useknutým rohem místo zakulacených karet, vlasové linky místo stínů, a mizí přepínač variant i plovoucí hexagony. Pořadí načtení je závazné: style.css → noviny.css / rejstrik.css → tisk.css → tisk-stare.css Kdo to prohodí, dostane starý vzhled. ⚠ Atribut data-variant musí být z pryč. Stará sada má bloky `[data-variant="a"]…`, které mají vyšší specificitu než `:root` a přebily by tokeny níž. Odstraňuje ho jednorázová oprava souborů a site.js, který ho od 11. 9. 2026 přestal zapisovat. ============================================================ */ /* Most tokenů: stará jména ukazují na novou paletu. Tmavý režim se řeší sám — `--bg:var(--papir)` se dosazuje až při použití, takže když html[data-mode="dark"] předefinuje --papir, jde --bg s ním. */ :root{ --bg:var(--papir);--surface:var(--list);--surface2:var(--list2); --muted:var(--tlum);--faint:var(--slaby);--line:var(--linka); --accent:var(--akcent);--accent2:var(--akcent-text);--accent2-text:var(--akcent-text); --on-accent:var(--na-akcentu);--accent-soft:var(--akcent-mek);--on-soft:var(--ink); --radius:0;--radius-sm:0;--bw:1px;--shadow:none;--hexo:.3;--dispw:700; } /* Titulky do Ibarry. Stará sada má rodinu zapsanou natvrdo na 29 místech a CSS neumí vybrat podle hodnoty deklarace, takže se ta místa musí vyjmenovat. Nový titulkový prvek v generátoru patří i sem, jinak vyjde v Cormorantu uprostřed Ibarry. */ .logo-nazev,.hero-titul,.sekce-titul,.stranka-titul,.karta-titul,.manifest-perex, .pil-titul,.radek-cislo,.radek-titul,.detail-titul,.detail-perex,.telo h2,.telo h3, .telo blockquote,.skupina-pismeno,.pojem-karta-titul,.zmineno-titul,.paticka-nazev, .masthead-nazev,.masthead-podtitul,.vedouci-titul,.vedouci-perex::first-letter, .deniky-hlava h2,.polozka-titul,.rail-heslo,.dlouhy h3,.cislo-hodnota, .listovani-nazev,.vynalez-titulek{ font-family:var(--serif); font-kerning:normal; font-variant-ligatures:common-ligatures; } /* Ibarra má vyšší střední výšku než Cormorant; beze změny stupně by titulky narostly zhruba o desetinu a rozbily zalomení. */ .stranka-titul{font-size:clamp(30px,4.6vw,48px);line-height:1.04;letter-spacing:-.01em} .detail-titul{font-size:clamp(30px,4.8vw,50px);line-height:1.03;letter-spacing:-.012em} .masthead-nazev{font-size:clamp(36px,7vw,76px);line-height:.92;letter-spacing:.012em;font-variant:small-caps} .pojem-karta-titul{font-size:21px;line-height:1.15} .polozka-titul{font-size:21px;line-height:1.17} .vedouci-titul{font-size:clamp(26px,3.8vw,42px);line-height:1.05} .stranka-titul,.detail-titul,.pojem-karta-titul,.polozka-titul,.vedouci-titul,.telo h2{text-wrap:balance} /* ==== ARCH PAPÍRU ==== */ main.kontejner{ background:var(--papir); border-left:1px solid var(--linka);border-right:1px solid var(--linka); max-width:var(--arch); } .kontejner{max-width:var(--arch);padding-left:34px;padding-right:34px} .kontejner--uzky{max-width:840px} @media (max-width:1400px){main.kontejner{border-left:0;border-right:0;max-width:none}} /* ==== HLAVIČKA ==== Jeden řádek, ale nová sazba. Přepínač variant se nezobrazuje — web má jeden vzhled, ne nabídku. */ .hlavicka{background:var(--list);border-bottom:2px solid var(--linka-silna);backdrop-filter:none} .nav{max-width:var(--arch);padding:0 34px;height:56px} .prepinac{display:none !important} .logo-nazev{font-size:22px;font-variant:small-caps;letter-spacing:.035em} .hex{background:var(--akcent);width:26px;height:30px} .nav-odkazy{gap:0} .nav-odkaz{ font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase; color:var(--tlum);padding:0 15px;line-height:56px;position:relative; } .nav-odkaz + .nav-odkaz::before{ content:"";position:absolute;left:0;top:50%;height:13px;width:1px;margin-top:-6px;background:var(--linka); } .nav-odkaz[aria-current="page"],.nav-odkaz.aktivni{color:var(--ink)} .nav-odkaz[aria-current="page"]::after,.nav-odkaz.aktivni::after{ content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--akcent); } .btn-ikona,.burger{border-radius:0;border-color:var(--linka);background:var(--list2)} .mobilni-menu{background:var(--list)} #progress{background:var(--akcent);height:2px} /* ==== ČTECÍ STRÁNKA ==== Míra 66 znaků, iniciála prvního odstavce, mezititulek s vlasovou linkou nad sebou, uvozovka místo svislé linky u citátu. */ .stranka--detail{padding-top:36px} .detail-perex{ font-style:italic;font-size:clamp(18px,2.3vw,22px);line-height:1.45; color:var(--tlum);padding-bottom:18px;border-bottom:2px solid var(--linka-silna); } .detail-meta,.detail-info,.esej-meta{ font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase; font-variant-numeric:tabular-nums;color:var(--tlum); } .telo{font-size:18px;line-height:1.72;max-width:66ch} .telo p{margin:0 0 20px} .telo > p:first-of-type::first-letter{ float:left;font-family:var(--serif);font-weight:700;font-size:3.5em;line-height:.8; margin:2px 10px 0 0;color:var(--akcent-text); } .telo h2{font-weight:700;font-size:28px;margin:40px 0 12px;padding-top:14px;border-top:1px solid var(--linka)} .telo h3{font-weight:700;font-size:23px} .telo blockquote{border-left:0;padding:16px 0 16px 30px;position:relative;font-size:21px;color:var(--ink)} .telo blockquote::before{ content:"\201E";position:absolute;left:-4px;top:2px; font-family:var(--serif);font-size:62px;line-height:1;color:var(--akcent); } .telo a{color:var(--akcent-text);text-decoration-thickness:1px;text-underline-offset:3px} /* ==== KARTY PRYČ, RÁMEČKY S USEKNUTÝM ROHEM ==== */ .pojem-karta,.karta-clanku,.zmineno-karta,.box-kostka,.serie-box,.rail-blok{ position:relative;background:transparent;border:0;border-radius:0;box-shadow:none; } .pojem-karta::before,.pojem-karta::after, .karta-clanku::before,.karta-clanku::after, .zmineno-karta::before,.zmineno-karta::after, .box-kostka::before,.box-kostka::after, .serie-box::before,.serie-box::after, .rail-blok::before,.rail-blok::after{ content:"";position:absolute;pointer-events:none; clip-path:polygon(var(--zarez) 0,100% 0,100% calc(100% - var(--zarez)),calc(100% - var(--zarez)) 100%,0 100%,0 var(--zarez)); } .pojem-karta::before,.karta-clanku::before,.zmineno-karta::before, .box-kostka::before,.serie-box::before,.rail-blok::before{ inset:0;background:var(--linka);transition:background .18s ease; } .pojem-karta::after,.karta-clanku::after,.zmineno-karta::after, .box-kostka::after,.serie-box::after,.rail-blok::after{inset:1px;background:var(--list);--zarez:14px} .pojem-karta > *,.karta-clanku > *,.zmineno-karta > *, .box-kostka > *,.serie-box > *,.rail-blok > *{position:relative;z-index:1} .pojem-karta:hover::before,.karta-clanku:hover::before,.zmineno-karta:hover::before{background:var(--ink)} /* Nadzvednutí karty patřilo starému vzhledu. Papír nelétá. */ .pojem-karta:hover,.karta-clanku:hover,.zmineno-karta:hover{transform:none} /* Box s akcentem: dvojlinka nad textem místo barevného pruhu vlevo. */ .box-akcent{border-left:0;border-radius:0;border-top:2px solid var(--linka-silna);background:var(--list2)} .box-titulek,.mikro-titulek,.kicker{ font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--akcent-text); } /* ==== SKUPINY SLOVNÍKU A REJSTŘÍKU ==== */ .skupina-hlava{border-bottom:2px solid var(--linka-silna);padding-bottom:8px} .skupina-pismeno{font-size:34px;font-weight:700;color:var(--ink)} .skupina-linka{display:none} .glosar-mrizka{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))} /* ==== ŠTÍTKY, FILTRY, TLAČÍTKA ==== */ .chip,.tag-pill,.stitek-zeme,.chip--pismeno{border-radius:0} .chip.aktivni,.chip--filtr.aktivni{background:var(--akcent-text);color:var(--na-akcentu);border-color:var(--akcent-text)} .hledani-pole{border-radius:0;background:var(--list);border-color:var(--linka)} .btn{border-radius:0;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:11.5px} .btn--primar{background:var(--akcent-text);color:var(--na-akcentu)} .btn--obrys{border-color:var(--ink)} /* ==== ARCHIV VYDÁNÍ DENÍKU ==== Drží svou původní mřížku (vydání se vysází jako v den vydání), ale v nové sazbě. */ .masthead{border-bottom:0;position:relative} .masthead::after{ content:"";display:block;height:5px;margin-top:14px; border-top:2px solid var(--linka-silna);border-bottom:2px solid var(--linka-silna); } .masthead-pruh,.polozka-nohy,.kolofon{font-variant-numeric:tabular-nums} .polozky{border-top:2px solid var(--linka-silna)} .polozka-cislo{font-family:var(--serif);font-style:italic;font-weight:700;font-size:32px;color:var(--linka)} .polozka:hover .polozka-cislo{color:var(--akcent)} .vedouci{border-bottom:2px solid var(--linka-silna)} .dlouhe,.dlouhy{border-top-color:var(--linka-silna)} .komentar-hlava,.razitko-hlava{border-radius:0} .cislo-hodnota{font-variant-numeric:lining-nums} .mimoradne-banner{border-radius:0;background:var(--akcent-text);color:var(--na-akcentu);border-color:var(--ink)} /* ==== PATIČKA ==== */ .paticka{background:var(--okraj);color:#efeadb;border-top:0} .paticka a{color:#efeadb} .paticka-nazev{font-variant:small-caps;letter-spacing:.04em} .paticka-odkazy{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase} /* Plovoucí hexagony a šestiúhelníkový déšť patřily starému vzhledu. Novinová strana je plocha, ne scéna. */ .hero-hex,#rain{display:none !important}