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