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