/* Repertorium — jediný styl.

   Zdroj pravdy pro podobu webu. Jména selektorů jsou neutrální, ne obrazná:
   hlavicka, navigace, paticka — ne deska, dvere, sokl.

   Cíl: Internet Explorer 5, Netscape 4, Opera 5. Z toho plyne, co tu NENÍ:
   žádné rem, @media, display:table, background-size, box-shadow, text-shadow,
   @font-face, margin:auto ani selektor se dvěma třídami (.a.b čte IE jako .b).
   Rozvržení nese tabulka v HTML, styl řeší jen barvy, písmo a odsazení.

   Rozměry jsou v em. Základ (pixely pro body, td a th) zapisuje js/mira.js
   podle šířky okna; tady je jen záloha 12 px pro případ bez JavaScriptu —
   to je podoba pro 800 × 600.

   Celý web se jednou zmenšil o desetinu (js/mira.js, šedesátina šířky →
   šestašedesátina) a **písmo o dalších deset procent navíc**. To druhé je
   celá tahle stupnice: každý její krok je devět desetin toho, čím byl.
   Rozvržení tím zůstalo tam, kde bylo — odsazení buněk a bloků se počítá
   ze základu, ne z těchhle čísel — a zmenšilo se jen to, co se čte.

   Em se skládá: .7875em uvnitř .7875em dá .62em. Proto má font-size jen ten
   prvek, ve kterém text skutečně leží, a nikdy jeho rodič. Každá buňka
   tabulky navíc začíná znovu od základu (viz body,td,th), což skládání samo
   utne — a proto text v buňce, který má být „v běžné velikosti“, dostává
   .9em výslovně. Stupnice má šest kroků a nic mezi nimi:

      .675em   razítko ověřeno/neověřeno (.75 × .9; menší než tlačítka
               schválně, je to okrajová značka a ne nápis)
      .744em   mosazná tlačítka (o 6 % menší než ostatní Georgia)
      .7875em  drobné údaje, patička (Arial i Courier)
      .792em   Georgia v běžné velikosti — navigace, hledání, signatura,
               nadpisy bloků, vydání (o 12 % menší než čtený text)
      .9em     všechen čtený text v Arialu a Courieru
      .99em    záhlaví (o 12 % menší než dřívějších 1.25em)
      1.8em    logotyp

   Georgia je o 12 % menší než zbytek: na stejné velikosti působí větší.
   Výjimkou je hlavička — logotyp a podtitul zůstávají, ty nesou tvář
   stránky. Římská číslice v navigaci (.navigace i, .875em) se zmenší
   s navigací sama: .792 × .875 = .69em, tedy také o 12 %.

   Pixely zůstaly jen u rámů a linek — 1px linka má být 1px v každém zvětšení.

   IE 5 počítá width včetně padding a border (starý box model). Proto tu
   nikde nestojí width a padding u téhož prvku; šířky nesou buňky tabulky
   a pole formuláře mají velikost atributem size. */

/* ---------------------------------------------------------------- základ */
body,td,th{font-size:12px}
body{
  margin:1em 0; padding:0;
  background:#514B41 url("../img/zdivo-stin.gif");
  font-family:Arial,Helvetica,sans-serif; line-height:1.4; color:#1F1B15;
}
form{margin:0}
img{border:0}
a{color:#0000CC}
a:visited{color:#551A8B}

/* Stránka je deska na zdi: tmavý rám, šířka v em. Střed drží align="center"
   v HTML, protože margin:auto IE 5 nezná. */
table.page{width:58em; background:#B9AF97; border:2px solid #3E3930}

/* ---------------------------------------------------------------- hlavička
   Stejná na všech stránkách: pečeť a logotyp vlevo, hledání vpravo. Plocha je
   plná barva, do které je pečeť zapečená (GIF bez průhlednosti). */
td.hlavicka{background:#BEB49C; border-bottom:2px solid #8A8067; padding:.6em .9em}
td.hlavicka a{text-decoration:none}
/* pečeť má 122 px, zobrazuje se na 3.6 em — jen se zmenšuje */
img.pecet{width:3.6em; height:3.6em; vertical-align:middle}
td.logo{padding-left:.8em}
/* na úvodní stránce je logotyp h1, jinde odkaz domů — vypadá stejně */
h1.nazev{margin:0; font-size:1em}
.nazev b{
  display:block; font-family:Georgia,"Times New Roman",serif; font-size:1.8em;
  font-weight:bold; letter-spacing:.2em; line-height:1.1; color:#2E2A22;
}
.nazev span{
  display:block; font-family:Georgia,"Times New Roman",serif; font-size:.7875em;
  letter-spacing:.22em; color:#3B3529;
}
td.hledani{text-align:right; white-space:nowrap; vertical-align:middle}

/* ---------------------------------------------------------------- navigace
   Každá položka je buňka tabulky; mezery dělá cellspacing. Položka aktivní
   stránky je vpuštěná: tmavý rám vlevo nahoře, světlý vpravo dole. */
td.navigace{background:#A79C84; border-top:1px solid #D6CDB6; border-bottom:2px solid #7E7460; padding:.3em .6em}
td.polozka, td.polozka-on{
  padding:.35em .7em; white-space:nowrap; background:#C2B89F;
  border:1px solid; border-color:#E4DCC6 #8A8067 #8A8067 #E4DCC6;
  font-family:Georgia,"Times New Roman",serif; font-size:.792em; font-weight:bold;
  letter-spacing:.1em;
}
td.polozka-on{background:#EFEDE4; border-color:#8A8067 #E4DCC6 #E4DCC6 #8A8067}
td.polozka a{color:#2A2416; text-decoration:none}
td.polozka a:visited{color:#2A2416}
td.polozka a:hover{color:#000; text-decoration:underline}
td.polozka-on{color:#1F1B15}
/* římská číslice před názvem */
.navigace i{font-style:normal; font-weight:normal; font-size:.875em; color:#443E30; margin-right:.4em}

/* ---------------------------------------------------------------- obsah
   Dvě buňky jedné řady: hlavní sloupec a boční panel. Tabulka jim dá
   stejnou výšku. */
td.obsah{padding:.9em}
table.sloupce{width:100%; border:1px solid #8A8067}
td.hlavni{width:74%; background:#EFEDE4; border-right:1px solid #8A8067; vertical-align:top}
td.panel{width:26%; background:#CFC5AD; padding:.8em; vertical-align:top}

/* ---------------------------------------------------------------- záhlaví
   Vlevo nadpis stránky, vpravo provozní údaj. Proto "záhlaví" a ne
   "nadpis": pojmenovat celek podle jedné poloviny by pletlo. */
td.zahlavi, td.udaj{
  padding:.4em .9em; background:#BCB29A;
  border-top:1px solid #E0D8C2; border-bottom:2px solid #8A8067;
}
td.zahlavi h1, td.zahlavi h2{
  margin:0; font-family:Georgia,"Times New Roman",serif; font-size:.99em;
  font-weight:bold; letter-spacing:.18em; color:#2E2A22;
}
td.udaj{text-align:right; vertical-align:bottom; font-family:"Courier New",Courier,monospace; font-size:.7875em; color:#2E2A22}

/* ---------------------------------------------------------------- rejstřík
   Tabulka je tu na místě: signatura a údaje jsou data. */
table.zapisy{width:100%; font-family:"Courier New",Courier,monospace}
table.zapisy td{padding:.6em .9em; border-bottom:1px solid #C9C1A8; vertical-align:top; font-size:.9em}
tr.strida td{background:#E4E1D2}
td.signatura{
  width:3.5em; font-family:Georgia,"Times New Roman",serif; font-size:.792em; font-weight:bold;
  letter-spacing:.06em; color:#1F3E7A; white-space:nowrap;
}
td.signatura a{color:#1F3E7A}
.zapis b{font-weight:bold; color:#1F1B15}
/* Adresa je odkaz na web (u zaniklých do archivu), ale čte se jako adresa:
   proto barva textu, ne obecná modrá. Podtržení ukazuje, že je klikací. */
.zapis .adresa{display:block; color:#1F1B15}
.zapis .adresa a{color:#1F1B15}
.zapis .adresa a:visited{color:#1F1B15}
/* Rubriky drží jeden řádek. Zápis jich má v datech až osm, tři nejdelší
   názvy zaberou 56 znaků a na 800 px je v tom sloupci místo na ~78 —
   proto se vypisují tři a zbytek je za značkou '+N' (celý výčet je
   v atributu title). Menší písmo je stejné jako u údajů pod tím, takže
   se řádek nedere o pozornost se jménem a adresou.
   nowrap + overflow jsou pojistka: kdyby v datech přibyl delší název,
   řádek se přesto nezlomí. */
.zapis .temata{display:block; font-size:.875em; color:#3A3427; white-space:nowrap; overflow:hidden}
.zapis .udaje{display:block; font-size:.875em; color:#4A4438}
/* Řádek s razítkem ověřeno/neověřeno v rejstříku. Zarovnaný **vpravo**:
   je to stav záznamu, ne jeho údaj, a pod jménem s adresou začínal řádek,
   který se čte odleva, přestože v něm stojí jediné slovo. U pravého okraje
   drží celý sloupec razítek jednu svislici a výpis se dá projet očima.

   Vlastní třída, ne .udaje: velikost nese značka sama (.75em, vlastní krok
   stupnice), a kdyby ji měl i rodič, em by se složilo — .875 × .75 = .66em. Chvíli se to řešilo
   tak, že font-size zmizel z .zapis .udaje — jenže tu třídu má i kniha
   návštěv (_prispevky.php) a administrace (sprava.php), kde uvnitř leží
   prostý text a žádná značka velikost nenese, takže tamním metařádkům
   povyrostlo písmo na plnou velikost. Dvě různé věci pod jedním jménem. */
.zapis .razitko{display:block; text-align:right}
/* Vzkaz z knihy návštěv. Jediný text na webu, který psal návštěvník —
   konce řádků v něm zůstávají (nl2br), takže se smí zalomit, na rozdíl od
   řádku rejstříku. */
.zapis .vzkaz{display:block; margin-top:.35em; color:#26211A}
p.dalsi{margin:0; padding:.7em .9em; font-family:"Courier New",Courier,monospace; font-size:.9em; color:#4A4438}

/* ------------------------------------------------- řazení a filtr výpisu
   Vpuštěná ploška pod nadpisem rejstříku: vlevo řazení s odesílacím
   tlačítkem, vpravo přepínače filtru. Táž plocha a týž rám jako u bloků
   v panelu (div.blok), protože je to totéž — ovládání, ne obsah.

   Odesílací tlačítko je v <noscript>, tedy na očích jedině tomu, kdo nemá
   JavaScript; s ním se obojí odesílá samo hned po volbě (js/mira.js).
   Popisek nad přepínači žádný není — „všechny / jen ověřené / jen
   neověřené“ říká totéž samo.

   Vzhled přepínače si kreslí prohlížeč sám, stejně jako u rozbalovací
   volby — stylovat se dá jen to, co je kolem něj. */
table.volby{background:#DED7C2; border-bottom:2px solid #8A8067}
table.volby td{
  padding:.45em .9em; vertical-align:middle; font-size:.7875em;
  font-family:"Courier New",Courier,monospace; color:#4A4438;
}
td.filtr{text-align:right; white-space:nowrap}
td.filtr label{color:#26211A}
/* Mezera mezi volbami je **před** přepínačem, ne za popiskem: za tím
   posledním by odstrkávala pravý okraj plošky. */
input.prepinac{margin:0 .2em 0 1.2em; vertical-align:middle}
/* Tlačítko z <noscript>: je v bloku, takže stojí pod výběrem řazení a ne
   vedle něj. Odsazení je celý jeho styl — vzhled nese input.tlacitko. */
.bezskriptu{margin-top:.35em}

/* ---------------------------------------------------------------- údaje
   Tabulka klíč–hodnota: badatelský list, rozpis rubrik, provozní údaje
   vydání. Tabulka je tu na místě — jsou to opravdu data. Linka i střídání
   řádků jsou stejné jako v rejstříku, jen první sloupec je klíč.

   S .zapis .udaje se to neplete: tohle je vždycky table.udaje, to druhé
   vždycky uvnitř .zapis. */
table.udaje{font-family:"Courier New",Courier,monospace}
table.udaje td{padding:.5em .9em; border-bottom:1px solid #C9C1A8; vertical-align:top; font-size:.9em}
td.klic{
  width:11em; font-family:Georgia,"Times New Roman",serif; font-size:.792em;
  font-weight:bold; letter-spacing:.06em; color:#2E2A22; white-space:nowrap;
}
td.klic a{color:#1F3E7A}
/* poznámka v hodnotě, např. "(odhad, jistota nízká)" */
table.udaje i{font-style:normal; font-size:.875em; color:#4A4438}
/* hodnota vedle klíče; nezlomí se, i kdyby na ni bylo málo místa */
td.hodnota{white-space:nowrap}
/* v panelu je na tabulku o polovinu méně místa, tak se stáhne: klíč se smí
   zlomit a šířku si tabulka spočítá sama */
div.blok table.udaje td{padding:.25em .35em}
div.blok td.klic{width:auto; white-space:normal}

/* -------------------------------------------------- text v hlavním sloupci
   Čtený text stránek, které nejsou seznam. Rejstřík má vlastní tabulku,
   bloky v panelu vlastní oddíl; tohle je próza. */
div.text{padding:.9em .9em .2em}
div.text h2{
  margin:1.2em 0 .4em; font-family:Georgia,"Times New Roman",serif; font-size:.792em;
  font-weight:bold; letter-spacing:.14em; color:#2E2A22;
}
/* první nadpis nemá nad sebou co odstrkávat */
h2.prvni{margin-top:0}
div.text p{margin:0 0 .9em; font-family:"Courier New",Courier,monospace; font-size:.9em; color:#26211A}
div.text ul{margin:0 0 .9em; padding-left:1.1em; font-family:"Courier New",Courier,monospace; font-size:.9em; color:#26211A}
div.text li{margin-bottom:.15em}
/* Návratový stav odeslaného formuláře. Vpuštěná ploška, ať je vidět, že
   je to odpověď na to, co čtenář právě udělal, a ne text stránky.

   Jsou **dvě** a rozdíl nese barva: 'sdeleni' je potvrzení (zapsáno, hlas se
   započítal), 'vada' odmítnutí (chybí povinné pole, odkaz ve vzkazu,
   vyčerpaná kvóta, porucha). Dokud byla jen jedna, vypadalo „nepovedlo se
   to“ do posledního pixelu jako „zapsáno“ a jediné, z čeho šel rozdíl
   poznat, byl text — tedy ta hláška musela být přečtená celá, aby se vůbec
   dalo tušit, že se nic nestalo.

   Která ploška to je, rozhoduje PHP (Provoz\Odezva::jeVada()), ne selektor:
   je to jedno místo pro celý web včetně administrace.

   Dvě samostatné třídy, ne '.sdeleni.vada': složený selektor čte IE 5 jako
   poslední jméno v řadě (vizte hlavičku souboru u .razitko), takže by se
   plošky prolnuly a odmítnutí by dostalo zelenavý podklad potvrzení.

   Tvar je u obou týž — vpuštěný reliéf, tmavá vlevo nahoře — protože obojí
   je odpověď na to, co čtenář právě udělal. Mění se podklad, písmo a rám,
   a jsou to tytéž dvě červené, kterými administrace kreslí mazání
   (css/sprava.css): jedna paleta, ne dvě.

   Selektor je 'div.text p.…', ne holé 'p.…', a je to oprava tiché vady:
   ploška vždycky leží v 'div.text', a 'div.text p' výš je **specifičtější**
   než 'p.sdeleni' (0,1,2 proti 0,1,1). Barva písma i nulový spodní okraj
   se tedy z holého selektoru neprosadily vůbec — u potvrzení si toho nikdo
   nevšiml, protože ty dvě šedi jsou skoro totožné, jenže u vady je právě
   tmavě červené písmo půlka toho, co se sděluje. */
div.text p.sdeleni{
  margin:0; padding:.5em .7em; background:#E4E8D8; color:#2E2A22;
  border:1px solid; border-color:#8F856B #E8E1CC #E8E1CC #8F856B;
}
div.text p.vada{
  margin:0; padding:.5em .7em; background:#F2DDD6; color:#5A1A12;
  border:1px solid; border-color:#6E1F14 #F7EAE5 #F7EAE5 #6E1F14;
}
/* Věta pod formulářem, ve které stojí i odesílací tlačítko. */
p.poznamka{margin:.6em 0 .9em; font-family:"Courier New",Courier,monospace; font-size:.7875em; color:#4A4438}
p.poznamka input.tlacitko{margin-left:.4em; vertical-align:middle}

/* --------------------------------------------------------------- značka
   Ověřeno / neověřeno u zápisu. Je to **štítek, ne tlačítko**: plochý,
   s jednobarevným rámem a bez vystouplého reliéfu.

   Dřív to byla mosazná ploška s dvojí barvou rámu, tedy přesně ta technika,
   kterou se na tomhle webu kreslí `input.tlacitko` — světlá vlevo nahoře je
   vystouplé, tmavá vlevo nahoře vyryté. Vypadalo to jako něco, na co se dá
   kliknout, a slibovalo to akci, která neexistuje: razítko nic nedělá, jen
   říká, kdo za údaje ručí. Reliéf si proto nechávají prvky, které se
   opravdu mačkají, a značka zůstala u barvy, rámu a proloženého písma.

   Rozdíl mezi stavy nese barva, ne hloubka: ověřeno je mosazné a tmavé
   písmo na světlém podkladu, neověřeno bledé a tiché. Dvě třídy, ne jedna
   se dvěma stavy: '.razitko.overeno' čte IE 5 jako '.overeno' (vizte
   hlavičku souboru), takže by se barvy prolnuly.

   Velikost je .75em čteného textu (tedy .675 základu) a nese ji značka
   sama — proto nemá font-size ani .zapis .razitko, ani td, ve kterých
   značka leží. Je to vlastní krok stupnice, menší než mosazná tlačítka:
   razítko je okrajová poznámka o tom, kdo za údaje ručí, ne nápis, který
   má soupeřit se jménem webu.

   Velká písmena přidává PHP ($this->velka), ne text-transform: IE 5
   a Netscape 4 sklápějí podle jednobajtové kódové stránky a „neověřeno“
   by z nich vyšlo s rozsypanými háčky. Je to tentýž důvod, pro který
   velká písmena v nadpisech dělá rozvržení a ne styl.

   Netscape 4 neumí rám ani pozadí na řádkovém prvku spolehlivě; tam z toho
   zbude tučný proložený text. To je přijatelné: značka neříká nic, co by
   neříkalo i to slovo samo. */
span.overeno, span.neovereno{
  font-family:Georgia,"Times New Roman",serif; font-size:.75em; font-weight:bold;
  letter-spacing:.1em; padding:.1em .45em; border:1px solid; white-space:nowrap;
}
span.overeno{background:#EDDFB0; border-color:#A88C46; color:#4A3B12}
span.neovereno{background:#E0DACA; border-color:#A79D85; color:#5A5140}

/* ---------------------------------------------------------------- bloky
   Vpuštěné plochy v bočním panelu: náhodný zápis, rubriky, citáty z knihy
   návštěv, anketa. Všechny mají týž rám, aby panel držel jeden rytmus. */
div.blok{
  background:#DED7C2; padding:.6em .7em .7em; margin-bottom:.8em;
  border:1px solid; border-color:#8F856B #E8E1CC #E8E1CC #8F856B;
}
div.blok h2{
  margin:0 0 .5em; font-family:Georgia,"Times New Roman",serif; font-size:.792em;
  font-weight:bold; letter-spacing:.14em; color:#2E2A22;
}
div.blok p{margin:0 0 .5em; font-family:"Courier New",Courier,monospace; font-size:.9em; color:#26211A}
div.blok ul{margin:0 0 .5em; padding-left:1.1em; font-family:"Courier New",Courier,monospace; font-size:.9em; color:#26211A}
div.blok li{margin-bottom:.15em}
div.karta{
  background:#F4F1E5; border:1px solid #BFB6A0; padding:.45em .6em; margin-bottom:.5em;
  font-family:"Courier New",Courier,monospace; font-size:.9em; color:#1F1B15;
}
div.karta span{display:block; font-size:.875em; color:#4A4438}
/* Citát z knihy návštěv. Kurzíva se ruší schválně: uvozovky už říkají, že
   je to cizí řeč, a kurzivní Courier je v malé velikosti nečitelný. */
div.karta em{display:block; font-style:normal; margin-top:.25em; color:#3A322A}

/* ---------------------------------------------------------------- anketa
   Otázka, volby s podílem a pruh podílu. Pruh je tabulka s obarvenou
   buňkou dané šířky, ne div se šířkou v procentech: rozvržení nese v celém
   webu tabulka a IE 5 počítá width se starým box modelem. Jmenuje se pruh
   a ne sloupec, aby se nepletl s table.sloupce, což je rozvržení stránky.

   Prvek, který drží šířku, tedy nesmí mít zároveň padding — proto má
   table.pruh rám a barvu, kdežto šířku nese buňka uvnitř. */
p.otazka{
  margin:0 0 .6em; font-family:Georgia,"Times New Roman",serif; font-size:.792em;
  line-height:1.45; color:#4E4636;
}
div.volba{margin-bottom:.55em; font-family:"Courier New",Courier,monospace; font-size:.7875em}
div.volba label, div.volba span.text{color:#26211A}
span.podil{display:block; color:#4A4438}
span.podil b{color:#2E2A22}
table.pruh{width:100%; margin-top:.2em; background:#C2B89F; border:1px solid #8A8067}
/* Výšku pruhu nese řádek textu (v buňkách je nezlomitelná mezera), ne
   atribut height — ten na table v HTML 4.01 není. Písmo se zmenší na
   půl základu, aby se pruh škáloval s celou stránkou stejně jako všechno
   ostatní, a line-height:1 z něj udělá plnou výšku bez přesahu. */
table.pruh td{padding:0; font-size:.5em; line-height:1}
td.dil{background:#AC9044}
p.souhrn{
  margin:.6em 0 0; padding-top:.5em; border-top:1px solid #B4AA92;
  font-family:"Courier New",Courier,monospace; font-size:.7875em; color:#4A4438;
}

/* ---------------------------------------------------------------- mosaz
   Pole je vpuštěné, tlačítko vystouplé. Formulářové prvky písmo nedědí,
   proto ho dostávají znovu.

   Pole a tlačítko mají stejnou výšku, i když mají jiné písmo i jinou
   velikost. Drží to trojice line-height + padding + rám:

      výška = 2 × 2px rám + 2 × padding + line-height × font-size

   Rám je u obou 2px, takže stačí srovnat zbytek. Oba prvky mají
   line-height:1.1, čímž výška přestane záležet na metrikách písma
   (jinak by Courier a Georgia daly každý jinou výšku řádku):

      pole:     .9em   × (2 × .15  + 1.1) = 1.260 × základ
      tlacitko: .744em × (2 × .296 + 1.1) = 1.260 × základ

   Padding tlačítka (.296em) je tedy dopočítaný, ne odhadnutý — mění se
   s font-size tlačítka. Změní-li se .744em, musí se přepočítat i on:
   padding = (výška / font-size − 1.1) / 2. Obě velikosti se zmenšily
   o desetinu zároveň, takže oba paddingy zůstaly, jaké byly; zmenšila se
   s nimi i ta výška (1.4 → 1.26 základu), a to je správně: tlačítko má
   být vysoké jako text v něm.

   Netscape 4 a IE 5 line-height u formulářových prvků neuplatní; tam
   výšky vyjdou z metrik písma a mohou se lišit o pixel. Přijatelné —
   dopadá to na starý prohlížeč, ne na dnešní. */
input.pole{
  font-family:"Courier New",Courier,monospace; font-size:.9em;
  line-height:1.1; padding:.15em .3em;
  background:#EFEDE4; color:#1F1B15;
  border:2px solid; border-color:#7E7460 #D6CDB6 #D6CDB6 #7E7460;
}
/* Víceřádkové pole. Rám, barvy i padding jsou stejné jako u input.pole,
   protože je to totéž pole, jen vyšší; line-height ale zůstává čitelných
   1.4 — u textu na pět řádků není co srovnávat s výškou tlačítka, a 1.1 by
   z něj udělalo slepenec. Šířku nese atribut cols, ne width: IE 5 počítá
   width se starým box modelem, takže width a padding u téhož prvku
   nedopadnou dobře (viz úvod souboru). */
textarea.pole{
  font-family:"Courier New",Courier,monospace; font-size:.9em;
  line-height:1.4; padding:.15em .3em;
  background:#EFEDE4; color:#1F1B15;
  border:2px solid; border-color:#7E7460 #D6CDB6 #D6CDB6 #7E7460;
}
/* Past na roboty: pole, které má zůstat prázdné. Skryté třídou, ne
   atributem style — CSP dovoluje inline styl kvůli js/mira.js, ale
   spoléhat se na to u obrany proti spamu není důvod. Netscape 4
   display:none umí. */
.past{display:none}
/* Rozbalovací volba řazení v panelu pod nadpisem. Pět odkazů se na 800 px
   na řádek nevešlo; select je zabere jedním prvkem a rovnou ukazuje, co
   platí. Filtr je vedle něj přepínači, ne druhým selectem: hodnoty jsou
   tři a všechny tři mají být vidět naráz.
   Formulářové prvky písmo nedědí, proto ho dostávají znovu. Vzhled selectu
   si kreslí prohlížeč sám — stylovat se dá jen písmo, a to je tak dobře:
   v IE 5 by cokoli dalšího dopadlo špatně. */
select.volba{
  font-family:"Courier New",Courier,monospace; font-size:.7875em;
  background:#EFEDE4; color:#1F1B15; vertical-align:middle;
}
input.tlacitko{
  font-family:Georgia,"Times New Roman",serif; font-size:.744em; font-weight:bold;
  line-height:1.1; letter-spacing:.1em; padding:.296em .64em; color:#1F1B15;
  background:#C4A85E; border:2px solid; border-color:#E8D48E #6A5620 #6A5620 #E8D48E;
  cursor:pointer;
}

/* ---------------------------------------------------------------- patička */
td.paticka{background:#4E4B45; border-top:3px solid #857F70; padding:.6em .9em; color:#D9D4C6}
td.paticka a{color:#EEDFA0}
td.paticka a:visited{color:#EEDFA0}
.vydani{font-family:Georgia,"Times New Roman",serif; font-size:.792em; font-weight:bold; letter-spacing:.14em; color:#DDCB86}
.provoz{display:block; font-size:.7875em; margin-top:.25em}
/* Počítadlo v patičce. V návrhu to byl TOPLIST, tedy odkaz ven; tenhle web
   nemá jediný externí zdroj (viz CSP), takže je to vlastní počítadlo a jmenuje
   se podle toho, co ukazuje. Tvar zůstal: tmavé okénko se zlatým řádkem.

   Buňka tu je jen tehdy, když provozní databáze odpověděla — chybí-li, není
   v patičce ani prázdné místo. */
td.pristupy{text-align:right; vertical-align:middle; padding-left:.6em; white-space:nowrap}
/* Jeden řádek, ne tři pod sebou: okénko je doplněk k patičce a tři řádky
   z ní dělaly nejvyšší pruh stránky. Buňka si proto ani nedrží šířku
   (dřív 8em) — zabere přesně to, co potřebuje ten řádek. */
.pristupy span{
  padding:.15em .4em; white-space:nowrap;
  border:1px solid #000; background:#141C33; color:#FFF;
  font-family:"Courier New",Courier,monospace; font-size:.7875em; line-height:1.3;
}
.pristupy b{color:#FFD24A; letter-spacing:.12em; font-family:Georgia,"Times New Roman",serif}