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