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