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 */
79 miho 257 width: 16ex; /* šíøka bloku s menu */
45 kakl 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) */
79 miho 267 _background: #993300; /* IE6 pozadí stejné jako linky */
268 _color: #FFFFCC; /* IE6 barva textu menu uvnitø pruhu */
45 kakl 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 */
79 miho 302 background: #993300; /* tmavé pozadí "tlaèítek" v lištì */
303 color: #FFFFCC; /* svìtlá písmena na "tlaèítkách" */
45 kakl 304 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */
79 miho 305 _color: #993300; /* IE6 tmavá písmena na "tlaèítkách" */
45 kakl 306 }
307  
308 div.InnerMenu a { /* odkazy v menu */
309 text-decoration: none; /* odstranìní podtržení odkazù */
310 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
311 _color: #000000; /* IE6 neumí dìdit */
312 }
313  
314 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
315 color: #FF0000; /* zmìn barvu písma */
316 }
317  
318 /* Zobrazení v menu */
319 /* ---------------- */
320 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
321 _float: left; /* IE6 všechny prvky menu plavou vlevo */
322 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
323 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
324 }
325  
326  
327 /* Nastavení specifická pro Patièku */
328 /* -------------------------------- */
329 div.InnerFooter{ /* patièka */
330 position: fixed; /* fixní umístìní na stránce */
331 _position: static; /* IE6 neumí position fixed */
332 bottom: -4px; /* umístìní na stránce = šíøka èáry nahoøe a dole */
333 border-top: solid 2px #993300; /* linka nad hlavièkou */
334 border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */
335 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
336 font-size: 80%; /* písmo v patièce trochu zmenšit */
337 height: 1.25em;
338 overflow: hidden; /* co pøeèuhuje zahoï */
339 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */
340 } /* pøidal jsem pevnou mezeru do textu */
341  
342  
343 /*============================================================================*/
344 /* Nastavení pro tìlo dokumentu */
345 /*============================================================================*/
346  
347  
348 /* Nastavení tìla dokumentu */
349 /* ------------------------ */
350 div.Text, div.Section1 { /* tìlo stránky */
351 border: solid #20FF20 1px; /* pro ladìní */
352 padding: 2ex; /* oddìlení textu od okrajù */
353 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */
354 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */
79 miho 355 margin-left: 16ex; /* odsazení o velikost menu a kousek */
45 kakl 356 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
357 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patièku */
358 /* èíslo 1/font-size v patièce */
359 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
360 }
361  
362  
363 /* centrování vyznaèených elementù */
364 .center {
365 text-align: center;
366 }
367  
368 /* obarvení textù psaných kurzivou */
369 p i, div i, span i {
370 color: #990000;
371 }
372  
373  
374 /* Tabulky */
375 /* ------- */
376 table {
377 border-collapse: separate; /* pøíèky v tabulce */
378 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */
379 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */
380 margin-bottom: 0.5em; /* odstup dole */
381 background-color: #EEFFEE; /* pozadí tabulky */
382 }
383  
384 /* pøíèky mezi buòkami */
385 th, td {
386 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
387 text-align: left; /* pøebití centrování th prvku */
388 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
389 }
390  
391 th {
392 color: #FF2020; /* odlišení hlavièkových øádek */
393 }
394  
395 table p, table div, table li, table ol, table ul {
396 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */
397 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */
398 }
399  
400 /* Tabulka Soupiska */
401 /* ---------------- */
402 /* Tabulka s rozpiskou souèástek */
403 /* Formát tabulky vychází z obecné tabulky */
404 /* první <th> je legenda */
405 /* další <th> jsou skupinou souèástek */
406 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */
407 table.Soupiska td {
408 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
409 }
410  
411 table.Soupiska tr td:first-child {
412 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
413 }
414  
415 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
416 font-style: italic; /* a tak se to v IE ignoruje */
417 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
418 }
419  
420 table.Soupiska tr:first-child > th {
421 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */
422 font-weight: bold;
423 }
424  
425  
426  
427  
428 /*============================================================================*/
429 /* Formáty pro stránku o autorech */
430 /*============================================================================*/
431  
432  
433 /* List pro jednoho autora */
434 /* ----------------------- */
435 div.AboutAuthor {
436 border: solid 1px red; /* rámeèek okolo èlovìka */
437 padding: 2em; /* mezera uvnitø rámeèku */
438 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
439 }
440  
441 /* Položka jména autora */
442 /* -------------------- */
443 div.AboutAuthor .Name { /* jméno autora */
444 font-style: italic; /* kurzíva */
445 color: red; /* barva jména */
446 }
447  
448 /* Vložený obrázek autora */
449 /* ---------------------- */
450 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
451 float:right; /* plovoucí vpravo */
452 padding-left: 20px; /* mezera mezi textem a obrázkem */
453 }
454  
455 /* Seznam èinností autora */
456 /* ---------------------- */
457 div.AboutAuthor ul {
458 font-style: italic; /* písmo seznamu èinností */
459 list-style: none; /* seznam je bez odrážek */
460 }