Rev 37 Rev 38
1 /* 1 /*
2 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k pøekrývání 2 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k pøekrývání
3 textu hlavièkou a patièkou na dalších stránkách. 3 textu hlavièkou a patièkou na dalších stránkách.
4 Pro tisk je vhodné vypnout menu. 4 Pro tisk je vhodné vypnout menu.
5   5  
-   6 pøipojení:
-   7 nejdøív hlavní css
-   8 pak za nìj tiskový css
-   9
-   10 V tiskovém css by mìlo být
-   11 width: 100% šíøka pøez celou stranu
-   12 velikost písma v pt
-   13 øádkování 1
-   14 patkové písmo (lépe se ète)
-   15 font: 12pt/1 "Times CE", Times, "Times New Roman", serif;
-   16 pro obrazovku je lepší font bezpatkový, skus Verdana
-   17 zhasnout nepotøebné dispaly: none
-   18
-   19  
6 Dodìlat: 20 Dodìlat:
7 Alternativní fonty (font-family) 21 Alternativní fonty (font-family)
8 Alternativní styly (pro stránkovaná média) 22 Definice stylu pro tisk (pro stránkovaná média)
-   23 Alternativní styly
-   24 bez absolutního pozicování
-   25 možná bez barev (èernobíle)
9 Nadpis tabulky 26 Styl nadpisu tabulky
-   27 Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtší
10 */ 28 */
11   29  
12   30  
13 /*============================================================================*/ 31 /*============================================================================*/
14 /* Globální nastavení */ 32 /* Globální nastavení */
15 /*============================================================================*/ 33 /*============================================================================*/
16   34  
17   35  
18 /* Sjednocení nastavení celého dokumentu */ 36 /* Sjednocení nastavení celého dokumentu */
19 /* ------------------------------------- */ 37 /* ------------------------------------- */
20 html, body { 38 html, body {
21 background: none #FFFFFF; /* barva pozadí bez obrázku */ 39 background: none #FFFFFF; /* barva pozadí bez obrázku */
22 color: #000000; /* barva písma */ 40 color: #000000; /* barva písma */
23 margin: 0px; /* sjednotíme okraje pro všechny prohlížeèe */ 41 margin: 0px; /* sjednotíme okraje pro všechny prohlížeèe */
24 padding: 0px; 42 padding: 0px;
25 } 43 }
26   44  
27 body { 45 body {
28 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */ 46 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */
29 } 47 }
30   48  
31 /*============================================================================*/ 49 /*============================================================================*/
32 /* Nastavení písma textu a nadpisù */ 50 /* Nastavení písma textu a nadpisù */
33 /*============================================================================*/ 51 /*============================================================================*/
34   52  
35   53  
36 /* Standardní písmo odstavcù */ 54 /* Standardní písmo odstavcù */
37 /* ------------------------- */ 55 /* ------------------------- */
38 p { /* standardní písmo odstavce */ 56 p { /* standardní písmo odstavce */
39 font-family: "Times New Roman"; /* øez písma */ 57 font-family: "Times New Roman"; /* øez písma */
40 line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */ 58 line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */
41 margin-left: 0px; /* standarnì text od okraje */ 59 margin-left: 0px; /* standarnì text od okraje */
42 margin-right: 0px; /* k okraji, mezera zajištìna paddingem */ 60 margin-right: 0px; /* k okraji, mezera zajištìna paddingem */
43 margin-top: 0.75em; /* mezera pøed odstavcem */ 61 margin-top: 0.75em; /* mezera pøed odstavcem */
44 margin-bottom: 0.9em; /* mezera za odstavcem */ 62 margin-bottom: 0.9em; /* mezera za odstavcem */
45 } 63 }
46   64  
47   65  
48 /* Titulek, podtitul a autor èlánku */ 66 /* Titulek, podtitul a autor èlánku */
49 /* -------------------------------- */ 67 /* -------------------------------- */
50 p.Titul, li.Titul, div.Titul, 68 p.Titul, li.Titul, div.Titul,
51 p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */ 69 p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */
52 font-family: Arial; /* nadpisové písmo */ 70 font-family: Arial; /* nadpisové písmo */
53 font-weight: bolder; /* tlistší písmo */ 71 font-weight: bolder; /* tlistší písmo */
54 text-align: center; /* centrované */ 72 text-align: center; /* centrované */
55 font-size: 200%; /* velké písmo */ 73 font-size: 200%; /* velké písmo */
56 color: #CC0000; /* hlavní nadpisová barva */ 74 color: #CC0000; /* hlavní nadpisová barva */
57 margin-top: 0.5em; /* mezera pøed odstavcem */ 75 margin-top: 0.5em; /* mezera pøed odstavcem */
58 margin-bottom: 0.5em; /* mezera za odstavcem */ 76 margin-bottom: 0.5em; /* mezera za odstavcem */
59 } 77 }
60   78  
61 p.Autor, li.Autor, div.Autor { /* standardní písmo */ 79 p.Autor, li.Autor, div.Autor { /* standardní písmo */
62 font-family: Arial; /* nadpisovým písmem */ 80 font-family: Arial; /* nadpisovým písmem */
63 text-align: center; /* centrované */ 81 text-align: center; /* centrované */
64 color: blue; /* vedlejší nadpisová barva */ 82 color: blue; /* vedlejší nadpisová barva */
65 margin-top: 0.25em; /* mezera pøed odstavcem */ 83 margin-top: 0.25em; /* mezera pøed odstavcem */
66 } 84 }
67   85  
68 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, 86 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
69 p.Subtitle, li.Subtitle, div.Subtitle { 87 p.Subtitle, li.Subtitle, div.Subtitle {
70 font-family: Arial; /* nadpisové písmo */ 88 font-family: Arial; /* nadpisové písmo */
71 font-style: italic; /* sklonìné */ 89 font-style: italic; /* sklonìné */
72 text-align: center; /* centrované */ 90 text-align: center; /* centrované */
73 font-size: 120%; /* trošku vìtší písmo */ 91 font-size: 120%; /* trošku vìtší písmo */
74 color: #0000FF; /* vedlejší nadpisová barva */ 92 color: #0000FF; /* vedlejší nadpisová barva */
75 margin-top: 1em; /* mezera pøed */ 93 margin-top: 1em; /* mezera pøed */
76 margin-bottom: 2em; /* mezera za vypadá lépe když je vìtší */ 94 margin-bottom: 2em; /* mezera za vypadá lépe když je vìtší */
77 margin-left: 10%; /* není od okraje do okraje */ 95 margin-left: 10%; /* není od okraje do okraje */
78 margin-right: 10%; /* ani na jedné stranì */ 96 margin-right: 10%; /* ani na jedné stranì */
79 } 97 }
80   98  
81   99  
82 /* spoleèné vlastnosti nadpisù a nadpisy */ 100 /* spoleèné vlastnosti nadpisù a nadpisy */
83 /* ------------------------------------- */ 101 /* ------------------------------------- */
84 h1, h2, h3, h4, h5, h6 { 102 h1, h2, h3, h4, h5, h6 {
85 page-break-inside: avoid; /* nedìlit stránky v nadpisech */ 103 page-break-inside: avoid; /* nedìlit stránky v nadpisech */
86 page-break-after: avoid; /* zákaz zalomení pod nadpisem */ 104 page-break-after: avoid; /* zákaz zalomení pod nadpisem */
87 font-family: Arial; /* nadpisový font */ 105 font-family: Arial; /* nadpisový font */
88 font-weight: bolder; /* tlistší písmo */ 106 font-weight: bolder; /* tlistší písmo */
89 margin-top: 1em; /* mezera pøed trochu vìtší */ 107 margin-top: 1em; /* mezera pøed trochu vìtší */
90 margin-bottom: 0.75em; /* mezera za */ 108 margin-bottom: 0.75em; /* mezera za */
91 } 109 }
92   110  
93 h1 { /* viz styl titulku */ 111 h1 { /* viz styl titulku */
94 font-size: 200%; /* veliké písmo */ 112 font-size: 200%; /* veliké písmo */
95 color: #CC0000; /* hlavní nadpisová barva */ 113 color: #CC0000; /* hlavní nadpisová barva */
96 } 114 }
97   115  
98 h2 { 116 h2 {
99 font-size: 150%; /* velké písmo */ 117 font-size: 150%; /* velké písmo */
100 color: blue; /* vedlejší barva nadpisu */ 118 color: blue; /* vedlejší barva nadpisu */
101 } 119 }
102   120  
103 h3 { 121 h3 {
104 font-size: 120%; /* vìtší písmo */ 122 font-size: 120%; /* vìtší písmo */
105 color: blue; /* vedlejší barva nadpisu */ 123 color: blue; /* vedlejší barva nadpisu */
106 } 124 }
107   125  
108 h4, h5, h6 { /* písma jen mírnì odlišná */ 126 h4, h5, h6 { /* písma jen mírnì odlišná */
109 font-style: italic; /* sklonìné */ 127 font-style: italic; /* sklonìné */
110 color: blue; /* vedlejší barva nadpisu */ 128 color: blue; /* vedlejší barva nadpisu */
111 } 129 }
112   130  
113 samp { /* ukázky výpisù a podobnì */ 131 samp { /* ukázky výpisù a podobnì */
114 font-family: "Courier New"; /* neproporcionální písmo */ 132 font-family: "Courier New"; /* neproporcionální písmo */
115 } 133 }
116   134  
117 /* První slovo má první písmeno zvýraznìné */ 135 /* První slovo má první písmeno zvýraznìné */
118 .FirstWord:first-letter { 136 .FirstWord:first-letter {
119 color: red; 137 color: red;
120 } 138 }
121   139  
122   140  
123 /*============================================================================*/ 141 /*============================================================================*/
124 /* Nastavení pro hlavièku, patièku a menu */ 142 /* Nastavení pro hlavièku, patièku a menu */
125 /*============================================================================*/ 143 /*============================================================================*/
126   144  
127   145  
128 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */ 146 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */
129 /* ---------------------------------------------- */ 147 /* ---------------------------------------------- */
130 div.InnerHeader, div.InnerMenu, div.InnerFooter { 148 div.InnerHeader, div.InnerMenu, div.InnerFooter {
131 /*border: dotted #FF8080 1px; /* pro ladìní */ 149 /*border: dotted #FF8080 1px; /* pro ladìní */
132 width: 100%; /* pøes celou stránku */ 150 width: 100%; /* pøes celou stránku */
133 margin: 0em; /* pro jistotu žádný vnìjší okraj */ 151 margin: 0em; /* pro jistotu žádný vnìjší okraj */
134 border: 0em; /* pro jistotu */ 152 border: 0em; /* pro jistotu */
135 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ 153 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */
136 color: #993300; /* barva písma */ 154 color: #993300; /* barva písma */
137 } 155 }
138   156  
139   157  
140 /* Nastavení specifická pro Hlavièku */ 158 /* Nastavení specifická pro Hlavièku */
141 /* --------------------------------- */ 159 /* --------------------------------- */
142 div.InnerHeader { /* kontejner na hlavièku */ 160 div.InnerHeader { /* kontejner na hlavièku */
143 /*border: solid 1px red; /* pro ladìní */ 161 /*border: solid 1px red; /* pro ladìní */
144 position: fixed; /* fixní umístìní na stránce */ 162 position: fixed; /* fixní umístìní na stránce */
145 _position: static; /* IE6 neumí position fixed */ 163 _position: static; /* IE6 neumí position fixed */
146 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 164 border-bottom: solid 2px #993300; /* linka pod hlavickou */
147 top: -2px; /* umistìní na stránce o tloušku linky */ 165 top: -2px; /* umistìní na stránce o tloušku linky */
148 white-space: nowrap; /* je zakázáno zalomit hlavièku */ 166 white-space: nowrap; /* je zakázáno zalomit hlavièku */
149 overflow: hidden; /* co pøeèuhuje zahoï */ 167 overflow: hidden; /* co pøeèuhuje zahoï */
150 font-size: 3em; /* velikost písma vzhedem k rodièi */ 168 font-size: 3em; /* velikost písma vzhedem k rodièi */
151 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ 169 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */
152 line-height: 100%; /* vzdálenost øádek od sebe */ 170 line-height: 100%; /* vzdálenost øádek od sebe */
153 } 171 }
154   172  
155 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ 173 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/
156 /*background: #CCFFCC; /* pro ladìní */ 174 /*background: #CCFFCC; /* pro ladìní */
157 padding-left: 0.2em; /* mezera vlevo */ 175 padding-left: 0.2em; /* mezera vlevo */
158 } 176 }
159   177  
160 div.InnerHeader img { /* textu "online" v hlavièce */ 178 div.InnerHeader img { /* textu "online" v hlavièce */
161 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ 179 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */
162 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ 180 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */
163 height: 0.7em; /* gumová výška podle velikosti textu */ 181 height: 0.7em; /* gumová výška podle velikosti textu */
164 width: 2em; /* gumová šíøka podle velikosti textu */ 182 width: 2em; /* gumová šíøka podle velikosti textu */
165 } 183 }
166   184  
167 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ 185 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */
168 /*border: solid 1px yellow; /* pro ladìní */ 186 /*border: solid 1px yellow; /* pro ladìní */
169 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ 187 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */
170 /*background: #CCFFCC; /* pro ladìní */ 188 /*background: #CCFFCC; /* pro ladìní */
171 position: absolute; /* absolutní umístìní */ 189 position: absolute; /* absolutní umístìní */
172 text-align: center; /* centrovaný obsah IE6 ignoruje */ 190 text-align: center; /* centrovaný obsah IE6 ignoruje */
173 left: 5.3em; /* posunutí o logo */ 191 left: 5.3em; /* posunutí o logo */
174 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 192 _left: auto; /* IE6 natahuje se místo vlevo od textu */
175 right: 0px; /* pravý okraj až na konci */ 193 right: 0px; /* pravý okraj až na konci */
176 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ 194 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */
177 _padding-right: 0.2em; /* IE6 mezera vpravo */ 195 _padding-right: 0.2em; /* IE6 mezera vpravo */
178 } 196 }
179   197  
180 div.InnerHeader a { /* odkaz v hlavièce */ 198 div.InnerHeader a { /* odkaz v hlavièce */
181 text-decoration: none; /* odkaz není podtržený */ 199 text-decoration: none; /* odkaz není podtržený */
182 color: inherit; /* odkaz nemá zvláštní barvu */ 200 color: inherit; /* odkaz nemá zvláštní barvu */
183 _color: #993300; /* IE6 nám nìjak nedìdí barvu */ 201 _color: #993300; /* IE6 nám nìjak nedìdí barvu */
184 } 202 }
185   203  
186 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ 204 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */
187 color: #FF0000; /* zmìò barvu odkazu */ 205 color: #FF0000; /* zmìò barvu odkazu */
188 } 206 }
189   207  
190   208  
191 /* Nastavení specifická pro Menu */ 209 /* Nastavení specifická pro Menu */
192 /* ----------------------------- */ 210 /* ----------------------------- */
193 div.InnerMenu { /* kontejner pro menu */ 211 div.InnerMenu { /* kontejner pro menu */
194 position: fixed; /* fixní umístìní na stránce */ 212 position: fixed; /* fixní umístìní na stránce */
195 _position: static; /* IE6 neumí position fixed */ 213 _position: static; /* IE6 neumí position fixed */
196 width: 7em; /* šíøka bloku s menu */ 214 width: 7em; /* šíøka bloku s menu */
197 _width: 100%; /* IE6 šíøka pøes celou stránku */ 215 _width: 100%; /* IE6 šíøka pøes celou stránku */
198 top: 3em; /* výška hlavièky = výška písma + 2*padding */ 216 top: 3em; /* výška hlavièky = výška písma + 2*padding */
199 _top: 0px; /* IE6 umístìní hned pod hlavièku */ 217 _top: 0px; /* IE6 umístìní hned pod hlavièku */
200 left: -2px; /* kompenzace šíøky èáry */ 218 left: -2px; /* kompenzace šíøky èáry */
201 _left: 0px; /* IE6 tady èáru nemáme */ 219 _left: 0px; /* IE6 tady èáru nemáme */
202 bottom: 0px; /* umístìní dole až dolu */ 220 bottom: 0px; /* umístìní dole až dolu */
203 border-right: solid 2px #993300; /* oddìlující linka vpravo */ 221 border-right: solid 2px #993300; /* oddìlující linka vpravo */
204 _border-right: none; /* IE6 bez èáry vpravo */ 222 _border-right: none; /* IE6 bez èáry vpravo */
205 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ 223 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */
206 _background: #993300; /* IE6 pozadí stejné jako linky */ 224 _background: #993300; /* IE6 pozadí stejné jako linky */
207 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ 225 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */
208 text-align: center; /* centrovaný obsah IE6 ignoruje */ 226 text-align: center; /* centrovaný obsah IE6 ignoruje */
209 font-weight: bold; /* tlusté písmo odkazu */ 227 font-weight: bold; /* tlusté písmo odkazu */
210 } 228 }
211   229  
212 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ 230 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */
213 /*_background: #333333; /* ladící pozadí */ 231 /*_background: #333333; /* ladící pozadí */
214 margin-left: 2px; /* kompenzace kompenzace èáry */ 232 margin-left: 2px; /* kompenzace kompenzace èáry */
215 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ 233 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */
216 _border: 0px; /* IE6 žádný okraj */ 234 _border: 0px; /* IE6 žádný okraj */
217 _padding: 0px; /* IE6 žádná výplò */ 235 _padding: 0px; /* IE6 žádná výplò */
218 } 236 }
219   237  
220 div.InnerMenu .MenuText { /* popisky v navigaci */ 238 div.InnerMenu .MenuText { /* popisky v navigaci */
221 /*background: #DDDDDD; /* ladící pozadí */ 239 /*background: #DDDDDD; /* ladící pozadí */
222 border: none; /* žádný okraj */ 240 border: none; /* žádný okraj */
223 margin: 3px; /* malé mezery okolo */ 241 margin: 3px; /* malé mezery okolo */
224 } 242 }
225   243  
226 /* Zobrazení seznamu odkazù v menu */ 244 /* Zobrazení seznamu odkazù v menu */
227 /* ------------------------------- */ 245 /* ------------------------------- */
228 div.InnerMenu ul { /* navigace jako seznam odkazù */ 246 div.InnerMenu ul { /* navigace jako seznam odkazù */
229 list-style: none; /* seznam je bez odrážek */ 247 list-style: none; /* seznam je bez odrážek */
230 margin: 0px; /* bez odsazení IE */ 248 margin: 0px; /* bez odsazení IE */
231 padding: 0em; /* bez odsazení FF */ 249 padding: 0em; /* bez odsazení FF */
232 white-space: nowrap; /* zákaz lámání položek menu do øádek */ 250 white-space: nowrap; /* zákaz lámání položek menu do øádek */
233 } 251 }
234   252  
235 div.InnerMenu li { /* jednotlivé odkazy */ 253 div.InnerMenu li { /* jednotlivé odkazy */
236 /*background: #BBBBBB; /* ladící pozadí */ 254 /*background: #BBBBBB; /* ladící pozadí */
237 border: solid 1px #993300; /* tenký rámeèek */ 255 border: solid 1px #993300; /* tenký rámeèek */
238 margin: 2px; /* malé mezery okolo */ 256 margin: 2px; /* malé mezery okolo */
239 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */ 257 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */
240 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ 258 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */
241 } 259 }
242   260  
243 div.InnerMenu a { /* odkazy v menu */ 261 div.InnerMenu a { /* odkazy v menu */
244 text-decoration: none; /* odstranìní podtržení odkazù */ 262 text-decoration: none; /* odstranìní podtržení odkazù */
245 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ 263 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
246 _color: #000000; /* IE6 neumí dìdit */ 264 _color: #000000; /* IE6 neumí dìdit */
247 } 265 }
248   266  
249 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ 267 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
250 color: #FF0000; /* zmìn barvu písma */ 268 color: #FF0000; /* zmìn barvu písma */
251 } 269 }
252   270  
253 /* Zobrazení v menu */ 271 /* Zobrazení v menu */
254 /* ---------------- */ 272 /* ---------------- */
255 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ 273 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
256 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 274 _float: left; /* IE6 všechny prvky menu plavou vlevo */
257 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ 275 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
258 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ 276 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
259 } 277 }
260   278  
261   279  
262 /* Nastavení specifická pro Patièku */ 280 /* Nastavení specifická pro Patièku */
263 /* -------------------------------- */ 281 /* -------------------------------- */
264 div.InnerFooter{ /* patièka */ 282 div.InnerFooter{ /* patièka */
265 position: fixed; /* fixní umístìní na stránce */ 283 position: fixed; /* fixní umístìní na stránce */
266 _position: static; /* IE6 neumí position fixed */ 284 _position: static; /* IE6 neumí position fixed */
267 bottom: 0px; /* umístìní na stránce */ 285 bottom: 0px; /* umístìní na stránce */
268 border-top: solid 2px #993300; /* linka nad hlavièkou */ 286 border-top: solid 2px #993300; /* linka nad hlavièkou */
269 border-bottom: solid 2px #993300; /* linka pod hlavièkou */ 287 border-bottom: solid 2px #993300; /* linka pod hlavièkou */
270 font-size: 85%; /* písmo v patièce trochu zmenšit */ 288 font-size: 85%; /* písmo v patièce trochu zmenšit */
271 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */ 289 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */
272 } /* pøidal jsem pevnou mezeru do textu */ 290 } /* pøidal jsem pevnou mezeru do textu */
273   291  
274   292  
275 /*============================================================================*/ 293 /*============================================================================*/
276 /* Nastavení pro tìlo dokumentu */ 294 /* Nastavení pro tìlo dokumentu */
277 /*============================================================================*/ 295 /*============================================================================*/
278   296  
279   297  
280 /* Nastavení tìla dokumentu */ 298 /* Nastavení tìla dokumentu */
281 /* ------------------------ */ 299 /* ------------------------ */
282 div.Text, div.Section1 { /* tìlo stránky */ 300 div.Text, div.Section1 { /* tìlo stránky */
283 /*border: dotted #80FF80 1px; /* pro ladìní */ 301 border: solid #20FF20 1px; /* pro ladìní */
284 padding: 2ex; /* oddìlení textu od okrajù */ 302 padding: 2ex; /* oddìlení textu od okrajù */
285 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */ 303 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */
286 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ 304 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */
287 margin-left: 7em; /* odsazení o velikost menu a kousek */ 305 margin-left: 7em; /* odsazení o velikost menu a kousek */
288 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 306 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
289 margin-bottom: 2em; /* když funguje fixní pozicování vynech patièku */ 307 margin-bottom: 2em; /* když funguje fixní pozicování vynech patièku */
290 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ 308 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
291 } 309 }
292   310  
293   311  
294 /* centrování vyznaèených elementù */ 312 /* centrování vyznaèených elementù */
295 .center { 313 .center {
296 text-align: center; 314 text-align: center;
297 } 315 }
298   316  
299 /* obarvení textù psaných kurzivou */ 317 /* obarvení textù psaných kurzivou */
300 p i, div i, span i { 318 p i, div i, span i {
301 color: #990000; 319 color: #990000;
302 } 320 }
303   321  
304   322  
305 /* Tabulky */ 323 /* Tabulky */
306 /* ------- */ 324 /* ------- */
307 table { 325 table {
308 border-collapse: separate; /* pøíèky v tabulce */ 326 border-collapse: separate; /* pøíèky v tabulce */
309 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */ 327 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */
310 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */ 328 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */
311 margin-bottom: 0.5em; /* odstup dole */ 329 margin-bottom: 0.5em; /* odstup dole */
312 background-color: #EEFFEE; /* pozadí tabulky */ 330 background-color: #EEFFEE; /* pozadí tabulky */
313 } 331 }
314   332  
315 /* pøíèky mezi buòkami */ 333 /* pøíèky mezi buòkami */
316 th, td { 334 th, td {
317 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */ 335 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
318 text-align: left; /* pøebití centrování th prvku */ 336 text-align: left; /* pøebití centrování th prvku */
319 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ 337 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
320 } 338 }
321   339  
322 th { 340 th {
323 color: #FF2020; /* odlišení hlavièkových øádek */ 341 color: #FF2020; /* odlišení hlavièkových øádek */
324 } 342 }
325   343  
326 table p, table div, table li, table ol, table ul { 344 table p, table div, table li, table ol, table ul {
327 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */ 345 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */
328 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */ 346 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */
329 } 347 }
330   348  
331 /* Tabulka Soupiska */ 349 /* Tabulka Soupiska */
332 /* ---------------- */ 350 /* ---------------- */
333 /* Tabulka s rozpiskou souèástek */ 351 /* Tabulka s rozpiskou souèástek */
334 /* Formát tabulky vychází z obecné tabulky */ 352 /* Formát tabulky vychází z obecné tabulky */
335 /* první <th> je legenda */ 353 /* první <th> je legenda */
336 /* další <th> jsou skupinou souèástek */ 354 /* další <th> jsou skupinou souèástek */
337 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */ 355 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */
338 table.Soupiska td { 356 table.Soupiska td {
339 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ 357 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
340 } 358 }
341   359  
342 table.Soupiska tr td:first-child { 360 table.Soupiska tr td:first-child {
343 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ 361 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
344 } 362 }
345   363  
346 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 364 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
347 font-style: italic; /* a tak se to v IE ignoruje */ 365 font-style: italic; /* a tak se to v IE ignoruje */
348 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 366 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
349 } 367 }
350   368  
351 table.Soupiska tr:first-child > th { 369 table.Soupiska tr:first-child > th {
352 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */ 370 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */
353 font-weight: bold; 371 font-weight: bold;
354 } 372 }
355   373  
356   374  
357   375  
358   376  
359 /*============================================================================*/ 377 /*============================================================================*/
360 /* Formáty pro stránku o autorech */ 378 /* Formáty pro stránku o autorech */
361 /*============================================================================*/ 379 /*============================================================================*/
362   380  
363   381  
364 /* List pro jednoho autora */ 382 /* List pro jednoho autora */
365 /* ----------------------- */ 383 /* ----------------------- */
366 div.AboutAuthor { 384 div.AboutAuthor {
367 border: solid 1px red; /* rámeèek okolo èlovìka */ 385 border: solid 1px red; /* rámeèek okolo èlovìka */
368 padding: 2em; /* mezera uvnitø rámeèku */ 386 padding: 2em; /* mezera uvnitø rámeèku */
369 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ 387 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
370 } 388 }
371   389  
372 /* Položka jména autora */ 390 /* Položka jména autora */
373 /* -------------------- */ 391 /* -------------------- */
374 div.AboutAuthor .Name { /* jméno autora */ 392 div.AboutAuthor .Name { /* jméno autora */
375 font-style: italic; /* kurzíva */ 393 font-style: italic; /* kurzíva */
376 color: red; /* barva jména */ 394 color: red; /* barva jména */
377 } 395 }
378   396  
379 /* Vložený obrázek autora */ 397 /* Vložený obrázek autora */
380 /* ---------------------- */ 398 /* ---------------------- */
381 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 399 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
382 float:right; /* plovoucí vpravo */ 400 float:right; /* plovoucí vpravo */
383 padding-left: 20px; /* mezera mezi textem a obrázkem */ 401 padding-left: 20px; /* mezera mezi textem a obrázkem */
384 } 402 }
385   403  
386 /* Seznam èinností autora */ 404 /* Seznam èinností autora */
387 /* ---------------------- */ 405 /* ---------------------- */
388 div.AboutAuthor ul { 406 div.AboutAuthor ul {
389 font-style: italic; /* písmo seznamu èinností */ 407 font-style: italic; /* písmo seznamu èinností */
390 list-style: none; /* seznam je bez odrážek */ 408 list-style: none; /* seznam je bez odrážek */
391 } 409 }