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