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