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 */
128 margin-top: 1em; /* mezera pøed trochu vìtší */
129 margin-bottom: 0.75em; /* mezera za */
130 }
131  
132 h1 { /* viz styl titulku */
133 font-size: 200%; /* veliké písmo */
134 color: #CC0000; /* hlavní nadpisová barva */
135 }
136  
137 h2 {
138 font-size: 150%; /* velké písmo */
139 color: blue; /* vedlejší barva nadpisu */
140 }
141  
142 h3 {
143 font-size: 120%; /* vìtší písmo */
144 color: blue; /* vedlejší barva nadpisu */
145 }
146  
147 h4, h5, h6 { /* písma jen mírnì odlišná */
148 font-style: italic; /* sklonìné */
149 color: blue; /* vedlejší barva nadpisu */
150 }
151  
152 samp { /* ukázky výpisù a podobnì */
153 font-family: "Courier New"; /* neproporcionální písmo */
154 }
155  
156 /* První slovo má první písmeno zvýraznìné */
157 .FirstWord:first-letter {
158 color: red;
159 }
160  
161 /* Zatím jen na pokusy a pomocné výpisy */
162 .Small {
163 font-size: 75%; /* zmenšené písmo */
164 }
165  
166  
167 /*============================================================================*/
168 /* Nastavení pro hlavièku, patièku a menu */
169 /*============================================================================*/
170  
171  
172 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */
173 /* ---------------------------------------------- */
174 div.InnerHeader, div.InnerMenu, div.InnerFooter {
175 /*border: dotted #FF8080 1px; /* pro ladìní */
176 width: 100%; /* pøes celou stránku */
177 margin: 0em; /* pro jistotu žádný vnìjší okraj */
178 border: 0em; /* pro jistotu */
179 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */
180 color: #993300; /* barva písma */
181 }
182  
183  
184 /* Nastavení specifická pro Hlavièku */
185 /* --------------------------------- */
186 div.InnerHeader { /* kontejner na hlavièku */
187 /*border: solid 1px red; /* pro ladìní */
188 position: fixed; /* fixní umístìní na stránce */
189 _position: static; /* IE6 neumí position fixed */
190 border-bottom: solid 2px #993300; /* linka pod hlavickou */
191 top: -2px; /* umistìní na stránce o tloušku linky */
192 white-space: nowrap; /* je zakázáno zalomit hlavièku */
193 overflow: hidden; /* co pøeèuhuje zahoï */
194 font-size: 3em; /* velikost písma vzhedem k rodièi */
195 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */
196 line-height: 100%; /* vzdálenost øádek od sebe */
197 }
198  
199 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/
200 /*background: #CCFFCC; /* pro ladìní */
201 padding-left: 0.2em; /* mezera vlevo */
202 }
203  
204 div.InnerHeader img { /* textu "online" v hlavièce */
205 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */
206 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */
207 height: 0.7em; /* gumová výška podle velikosti textu */
208 width: 2em; /* gumová šíøka podle velikosti textu */
209 }
210  
211 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */
212 /*border: solid 1px yellow; /* pro ladìní */
213 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */
214 /*background: #CCFFCC; /* pro ladìní */
215 position: absolute; /* absolutní umístìní */
216 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
217 padding-right: 0.2em; /* mezera vpravo */
218 font-size: 80%; /* velikost písma o nìo menší */
219 left: 6.625em; /* posunutí o logo 5.3em / 80% */
220 _left: auto; /* IE6 natahuje se místo vlevo od textu */
221 right: 0px; /* pravý okraj až na konci */
222 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */
223 }
224  
225 div.InnerHeader a { /* odkaz v hlavièce */
226 text-decoration: none; /* odkaz není podtržený */
227 color: inherit; /* odkaz nemá zvláštní barvu */
228 _color: #993300; /* IE6 nám nìjak nedìdí barvu */
229 }
230  
231 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */
232 color: #FF0000; /* zmìò barvu odkazu */
233 }
234  
235  
236 /* Nastavení specifická pro Menu */
237 /* ----------------------------- */
238 div.InnerMenu { /* kontejner pro menu */
239 position: fixed; /* fixní umístìní na stránce */
240 _position: static; /* IE6 neumí position fixed */
241 width: 7em; /* šíøka bloku s menu */
242 _width: 100%; /* IE6 šíøka pøes celou stránku */
243 top: 3em; /* výška hlavièky = výška písma + 2*padding */
244 _top: 0px; /* IE6 umístìní hned pod hlavièku */
245 left: -2px; /* kompenzace šíøky èáry */
246 _left: 0px; /* IE6 tady èáru nemáme */
247 bottom: 0px; /* umístìní dole až dolu */
248 border-right: solid 2px #993300; /* oddìlující linka vpravo */
249 _border-right: none; /* IE6 bez èáry vpravo */
250 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */
251 _background: #993300; /* IE6 pozadí stejné jako linky */
252 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */
253 text-align: center; /* centrovaný obsah */
254 _text-align: left; /* IE6 zarovnáváme vlevo */
255 font-weight: bold; /* tlusté písmo odkazu */
256 }
257  
258 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */
259 /*_background: #333333; /* ladící pozadí */
260 margin-left: 2px; /* kompenzace kompenzace èáry */
261 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */
262 _border: 0px; /* IE6 žádný okraj */
263 _padding: 0px; /* IE6 žádná výplò */
264 }
265  
266 div.InnerMenu .MenuText { /* popisky v navigaci */
267 /*background: #DDDDDD; /* ladící pozadí */
268 border: none; /* žádný okraj */
269 margin: 3px; /* malé mezery okolo */
270 }
271  
272  
273 /* Zobrazení seznamu odkazù v menu */
274 /* ------------------------------- */
275 div.InnerMenu ul { /* navigace jako seznam odkazù */
276 list-style: none; /* seznam je bez odrážek */
277 margin: 0px; /* bez odsazení IE */
278 padding: 0em; /* bez odsazení FF */
279 white-space: nowrap; /* zákaz lámání položek menu do øádek */
280 }
281  
282 div.InnerMenu li { /* jednotlivé odkazy */
283 /*background: #BBBBBB; /* ladící pozadí */
284 border: solid 1px #993300; /* tenký rámeèek */
285 margin: 2px; /* malé mezery okolo */
286 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */
287 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */
288 }
289  
290 div.InnerMenu a { /* odkazy v menu */
291 text-decoration: none; /* odstranìní podtržení odkazù */
292 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
293 _color: #000000; /* IE6 neumí dìdit */
294 }
295  
296 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
297 color: #FF0000; /* zmìn barvu písma */
298 }
299  
300 /* Zobrazení v menu */
301 /* ---------------- */
302 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
303 _float: left; /* IE6 všechny prvky menu plavou vlevo */
304 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
305 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
306 }
307  
308  
309 /* Nastavení specifická pro Patièku */
310 /* -------------------------------- */
311 div.InnerFooter{ /* patièka */
312 position: fixed; /* fixní umístìní na stránce */
313 _position: static; /* IE6 neumí position fixed */
314 bottom: -4px; /* umístìní na stránce = šíøka èáry nahoøe a dole */
315 border-top: solid 2px #993300; /* linka nad hlavièkou */
316 border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */
317 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
318 font-size: 80%; /* písmo v patièce trochu zmenšit */
319 height: 1.25em;
320 overflow: hidden; /* co pøeèuhuje zahoï */
321 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */
322 } /* pøidal jsem pevnou mezeru do textu */
323  
324  
325 /*============================================================================*/
326 /* Nastavení pro tìlo dokumentu */
327 /*============================================================================*/
328  
329  
330 /* Nastavení tìla dokumentu */
331 /* ------------------------ */
332 div.Text, div.Section1 { /* tìlo stránky */
333 border: solid #20FF20 1px; /* pro ladìní */
334 padding: 2ex; /* oddìlení textu od okrajù */
335 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */
336 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */
337 margin-left: 7em; /* odsazení o velikost menu a kousek */
338 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
339 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patièku */
340 /* èíslo 1/font-size v patièce */
341 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
342 }
343  
344  
345 /* centrování vyznaèených elementù */
346 .center {
347 text-align: center;
348 }
349  
350 /* obarvení textù psaných kurzivou */
351 p i, div i, span i {
352 color: #990000;
353 }
354  
355  
356 /* Tabulky */
357 /* ------- */
358 table {
359 border-collapse: separate; /* pøíèky v tabulce */
360 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */
361 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */
362 margin-bottom: 0.5em; /* odstup dole */
363 background-color: #EEFFEE; /* pozadí tabulky */
364 }
365  
366 /* pøíèky mezi buòkami */
367 th, td {
368 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
369 text-align: left; /* pøebití centrování th prvku */
370 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
371 }
372  
373 th {
374 color: #FF2020; /* odlišení hlavièkových øádek */
375 }
376  
377 table p, table div, table li, table ol, table ul {
378 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */
379 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */
380 }
381  
382 /* Tabulka Soupiska */
383 /* ---------------- */
384 /* Tabulka s rozpiskou souèástek */
385 /* Formát tabulky vychází z obecné tabulky */
386 /* první <th> je legenda */
387 /* další <th> jsou skupinou souèástek */
388 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */
389 table.Soupiska td {
390 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
391 }
392  
393 table.Soupiska tr td:first-child {
394 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
395 }
396  
397 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
398 font-style: italic; /* a tak se to v IE ignoruje */
399 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
400 }
401  
402 table.Soupiska tr:first-child > th {
403 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */
404 font-weight: bold;
405 }
406  
407  
408  
409  
410 /*============================================================================*/
411 /* Formáty pro stránku o autorech */
412 /*============================================================================*/
413  
414  
415 /* List pro jednoho autora */
416 /* ----------------------- */
417 div.AboutAuthor {
418 border: solid 1px red; /* rámeèek okolo èlovìka */
419 padding: 2em; /* mezera uvnitø rámeèku */
420 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
421 }
422  
423 /* Položka jména autora */
424 /* -------------------- */
425 div.AboutAuthor .Name { /* jméno autora */
426 font-style: italic; /* kurzíva */
427 color: red; /* barva jména */
428 }
429  
430 /* Vložený obrázek autora */
431 /* ---------------------- */
432 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
433 float:right; /* plovoucí vpravo */
434 padding-left: 20px; /* mezera mezi textem a obrázkem */
435 }
436  
437 /* Seznam èinností autora */
438 /* ---------------------- */
439 div.AboutAuthor ul {
440 font-style: italic; /* písmo seznamu èinností */
441 list-style: none; /* seznam je bez odrážek */
442 }