Rev 45 Rev 60
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: 1em; /* mezera pøed trochu vìtší */ 128 margin-top: 1em; /* mezera pøed trochu vìtší */
129 margin-bottom: 0.75em; /* mezera za */ 129 margin-bottom: 0.75em; /* 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 h2 { 137 h2 {
138 font-size: 150%; /* velké písmo */ 138 font-size: 150%; /* velké písmo */
139 color: blue; /* vedlejší barva nadpisu */ 139 color: blue; /* vedlejší barva nadpisu */
140 } 140 }
141   141  
142 h3 { 142 h3 {
143 font-size: 120%; /* vìtší písmo */ 143 font-size: 120%; /* vìtší písmo */
144 color: blue; /* vedlejší barva nadpisu */ 144 color: blue; /* vedlejší barva nadpisu */
145 } 145 }
146   146  
147 h4, h5, h6 { /* písma jen mírnì odlišná */ 147 h4, h5, h6 { /* písma jen mírnì odlišná */
148 font-style: italic; /* sklonìné */ 148 font-style: italic; /* sklonìné */
149 color: blue; /* vedlejší barva nadpisu */ 149 color: blue; /* vedlejší barva nadpisu */
150 } 150 }
151   151  
152 samp { /* ukázky výpisù a podobnì */ 152 samp { /* ukázky výpisù a podobnì */
153 font-family: "Courier New"; /* neproporcionální písmo */ 153 font-family: "Courier New"; /* neproporcionální písmo */
154 } 154 }
155   155  
156 /* První slovo má první písmeno zvýraznìné */ 156 /* První slovo má první písmeno zvýraznìné */
157 .FirstWord:first-letter { 157 .FirstWord:first-letter {
158 color: red; 158 color: red;
159 } 159 }
160   160  
161 /* Zatím jen na pokusy a pomocné výpisy */ 161 /* Zatím jen na pokusy a pomocné výpisy */
162 .Small { 162 .Small {
163 font-size: 75%; /* zmenšené písmo */ 163 font-size: 75%; /* zmenšené písmo */
164 } 164 }
165   165  
166   166  
167 /*============================================================================*/ 167 /*============================================================================*/
168 /* Nastavení pro hlavièku, patièku a menu */ 168 /* Nastavení pro hlavièku, patièku a menu */
169 /*============================================================================*/ 169 /*============================================================================*/
170   170  
171   171  
172 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */ 172 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */
173 /* ---------------------------------------------- */ 173 /* ---------------------------------------------- */
174 div.InnerHeader, div.InnerMenu, div.InnerFooter { 174 div.InnerHeader, div.InnerMenu, div.InnerFooter {
175 /*border: dotted #FF8080 1px; /* pro ladìní */ 175 /*border: dotted #FF8080 1px; /* pro ladìní */
176 width: 100%; /* pøes celou stránku */ 176 width: 100%; /* pøes celou stránku */
177 margin: 0em; /* pro jistotu žádný vnìjší okraj */ 177 margin: 0em; /* pro jistotu žádný vnìjší okraj */
178 border: 0em; /* pro jistotu */ 178 border: 0em; /* pro jistotu */
179 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ 179 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */
180 color: #993300; /* barva písma */ 180 color: #993300; /* barva písma */
181 } 181 }
182   182  
183   183  
184 /* Nastavení specifická pro Hlavièku */ 184 /* Nastavení specifická pro Hlavièku */
185 /* --------------------------------- */ 185 /* --------------------------------- */
186 div.InnerHeader { /* kontejner na hlavièku */ 186 div.InnerHeader { /* kontejner na hlavièku */
187 /*border: solid 1px red; /* pro ladìní */ 187 /*border: solid 1px red; /* pro ladìní */
188 position: fixed; /* fixní umístìní na stránce */ 188 position: fixed; /* fixní umístìní na stránce */
189 _position: static; /* IE6 neumí position fixed */ 189 _position: static; /* IE6 neumí position fixed */
190 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 190 border-bottom: solid 2px #993300; /* linka pod hlavickou */
191 top: -2px; /* umistìní na stránce o tloušku linky */ 191 top: -2px; /* umistìní na stránce o tloušku linky */
192 white-space: nowrap; /* je zakázáno zalomit hlavièku */ 192 white-space: nowrap; /* je zakázáno zalomit hlavièku */
193 overflow: hidden; /* co pøeèuhuje zahoï */ 193 overflow: hidden; /* co pøeèuhuje zahoï */
194 font-size: 3em; /* velikost písma vzhedem k rodièi */ 194 font-size: 3em; /* velikost písma vzhedem k rodièi */
195 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ 195 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */
196 line-height: 100%; /* vzdálenost øádek od sebe */ 196 line-height: 100%; /* vzdálenost øádek od sebe */
197 } 197 }
198   198  
199 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ 199 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/
200 /*background: #CCFFCC; /* pro ladìní */ 200 /*background: #CCFFCC; /* pro ladìní */
201 padding-left: 0.2em; /* mezera vlevo */ 201 padding-left: 0.2em; /* mezera vlevo */
202 } 202 }
203   203  
204 div.InnerHeader img { /* textu "online" v hlavièce */ 204 div.InnerHeader img { /* textu "online" v hlavièce */
205 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ 205 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */
206 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ 206 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */
207 height: 0.7em; /* gumová výška podle velikosti textu */ 207 height: 0.7em; /* gumová výška podle velikosti textu */
208 width: 2em; /* gumová šíøka podle velikosti textu */ 208 width: 2em; /* gumová šíøka podle velikosti textu */
209 } 209 }
210   210  
211 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ 211 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */
212 /*border: solid 1px yellow; /* pro ladìní */ 212 /*border: solid 1px yellow; /* pro ladìní */
213 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ 213 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */
214 /*background: #CCFFCC; /* pro ladìní */ 214 /*background: #CCFFCC; /* pro ladìní */
215 position: absolute; /* absolutní umístìní */ 215 position: absolute; /* absolutní umístìní */
216 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ 216 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
217 padding-right: 0.2em; /* mezera vpravo */ 217 padding-right: 0.2em; /* mezera vpravo */
218 font-size: 80%; /* velikost písma o nìo menší */ 218 font-size: 80%; /* velikost písma o nìo menší */
219 left: 6.625em; /* posunutí o logo 5.3em / 80% */ 219 left: 6.625em; /* posunutí o logo 5.3em / 80% */
220 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 220 _left: auto; /* IE6 natahuje se místo vlevo od textu */
221 right: 0px; /* pravý okraj až na konci */ 221 right: 0px; /* pravý okraj až na konci */
222 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ 222 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */
223 } 223 }
224   224  
225 div.InnerHeader a { /* odkaz v hlavièce */ 225 div.InnerHeader a { /* odkaz v hlavièce */
226 text-decoration: none; /* odkaz není podtržený */ 226 text-decoration: none; /* odkaz není podtržený */
227 color: inherit; /* odkaz nemá zvláštní barvu */ 227 color: inherit; /* odkaz nemá zvláštní barvu */
228 _color: #993300; /* IE6 nám nìjak nedìdí barvu */ 228 _color: #993300; /* IE6 nám nìjak nedìdí barvu */
229 } 229 }
230   230  
231 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ 231 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */
232 color: #FF0000; /* zmìò barvu odkazu */ 232 color: #FF0000; /* zmìò barvu odkazu */
233 } 233 }
234   234  
235   235  
236 /* Nastavení specifická pro Menu */ 236 /* Nastavení specifická pro Menu */
237 /* ----------------------------- */ 237 /* ----------------------------- */
238 div.InnerMenu { /* kontejner pro menu */ 238 div.InnerMenu { /* kontejner pro menu */
239 position: fixed; /* fixní umístìní na stránce */ 239 position: fixed; /* fixní umístìní na stránce */
240 _position: static; /* IE6 neumí position fixed */ 240 _position: static; /* IE6 neumí position fixed */
241 width: 7em; /* šíøka bloku s menu */ 241 width: 7em; /* šíøka bloku s menu */
242 _width: 100%; /* IE6 šíøka pøes celou stránku */ 242 _width: 100%; /* IE6 šíøka pøes celou stránku */
243 top: 3em; /* výška hlavièky = výška písma + 2*padding */ 243 top: 3em; /* výška hlavièky = výška písma + 2*padding */
244 _top: 0px; /* IE6 umístìní hned pod hlavièku */ 244 _top: 0px; /* IE6 umístìní hned pod hlavièku */
245 left: -2px; /* kompenzace šíøky èáry */ 245 left: -2px; /* kompenzace šíøky èáry */
246 _left: 0px; /* IE6 tady èáru nemáme */ 246 _left: 0px; /* IE6 tady èáru nemáme */
247 bottom: 0px; /* umístìní dole až dolu */ 247 bottom: 0px; /* umístìní dole až dolu */
248 border-right: solid 2px #993300; /* oddìlující linka vpravo */ 248 border-right: solid 2px #993300; /* oddìlující linka vpravo */
249 _border-right: none; /* IE6 bez èáry vpravo */ 249 _border-right: none; /* IE6 bez èáry vpravo */
250 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ 250 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */
251 _background: #993300; /* IE6 pozadí stejné jako linky */ 251 _background: #993300; /* IE6 pozadí stejné jako linky */
252 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ 252 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */
253 text-align: center; /* centrovaný obsah */ 253 text-align: center; /* centrovaný obsah */
254 _text-align: left; /* IE6 zarovnáváme vlevo */ 254 _text-align: left; /* IE6 zarovnáváme vlevo */
255 font-weight: bold; /* tlusté písmo odkazu */ 255 font-weight: bold; /* tlusté písmo odkazu */
256 } 256 }
257   257  
258 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ 258 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */
259 /*_background: #333333; /* ladící pozadí */ 259 /*_background: #333333; /* ladící pozadí */
260 margin-left: 2px; /* kompenzace kompenzace èáry */ 260 margin-left: 2px; /* kompenzace kompenzace èáry */
261 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ 261 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */
262 _border: 0px; /* IE6 žádný okraj */ 262 _border: 0px; /* IE6 žádný okraj */
263 _padding: 0px; /* IE6 žádná výplò */ 263 _padding: 0px; /* IE6 žádná výplò */
264 } 264 }
265   265  
266 div.InnerMenu .MenuText { /* popisky v navigaci */ 266 div.InnerMenu .MenuText { /* popisky v navigaci */
267 /*background: #DDDDDD; /* ladící pozadí */ 267 /*background: #DDDDDD; /* ladící pozadí */
268 border: none; /* žádný okraj */ 268 border: none; /* žádný okraj */
269 margin: 3px; /* malé mezery okolo */ 269 margin: 3px; /* malé mezery okolo */
270 } 270 }
271   271  
272   272  
273 /* Zobrazení seznamu odkazù v menu */ 273 /* Zobrazení seznamu odkazù v menu */
274 /* ------------------------------- */ 274 /* ------------------------------- */
275 div.InnerMenu ul { /* navigace jako seznam odkazù */ 275 div.InnerMenu ul { /* navigace jako seznam odkazù */
276 list-style: none; /* seznam je bez odrážek */ 276 list-style: none; /* seznam je bez odrážek */
277 margin: 0px; /* bez odsazení IE */ 277 margin: 0px; /* bez odsazení IE */
278 padding: 0em; /* bez odsazení FF */ 278 padding: 0em; /* bez odsazení FF */
279 white-space: nowrap; /* zákaz lámání položek menu do øádek */ 279 white-space: nowrap; /* zákaz lámání položek menu do øádek */
280 } 280 }
281   281  
282 div.InnerMenu li { /* jednotlivé odkazy */ 282 div.InnerMenu li { /* jednotlivé odkazy */
283 /*background: #BBBBBB; /* ladící pozadí */ 283 /*background: #BBBBBB; /* ladící pozadí */
284 border: solid 1px #993300; /* tenký rámeèek */ 284 border: solid 1px #993300; /* tenký rámeèek */
285 margin: 2px; /* malé mezery okolo */ 285 margin: 2px; /* malé mezery okolo */
286 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */ 286 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */
287 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ 287 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */
288 } 288 }
289   289  
290 div.InnerMenu a { /* odkazy v menu */ 290 div.InnerMenu a { /* odkazy v menu */
291 text-decoration: none; /* odstranìní podtržení odkazù */ 291 text-decoration: none; /* odstranìní podtržení odkazù */
292 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ 292 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
293 _color: #000000; /* IE6 neumí dìdit */ 293 _color: #000000; /* IE6 neumí dìdit */
294 } 294 }
295   295  
296 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ 296 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
297 color: #FF0000; /* zmìn barvu písma */ 297 color: #FF0000; /* zmìn barvu písma */
298 } 298 }
299   299  
300 /* Zobrazení v menu */ 300 /* Zobrazení v menu */
301 /* ---------------- */ 301 /* ---------------- */
302 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ 302 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
303 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 303 _float: left; /* IE6 všechny prvky menu plavou vlevo */
304 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ 304 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
305 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ 305 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
306 } 306 }
307   307  
308   308  
309 /* Nastavení specifická pro Patièku */ 309 /* Nastavení specifická pro Patièku */
310 /* -------------------------------- */ 310 /* -------------------------------- */
311 div.InnerFooter{ /* patièka */ 311 div.InnerFooter{ /* patièka */
312 position: fixed; /* fixní umístìní na stránce */ 312 position: fixed; /* fixní umístìní na stránce */
313 _position: static; /* IE6 neumí position fixed */ 313 _position: static; /* IE6 neumí position fixed */
314 bottom: -4px; /* umístìní na stránce = šíøka èáry nahoøe a dole */ 314 bottom: -4px; /* umístìní na stránce = šíøka èáry nahoøe a dole */
315 border-top: solid 2px #993300; /* linka nad hlavièkou */ 315 border-top: solid 2px #993300; /* linka nad hlavièkou */
316 border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */ 316 border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */
317 _border-bottom: solid 2px #993300; /* IE6 tenká linka */ 317 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
318 font-size: 80%; /* písmo v patièce trochu zmenšit */ 318 font-size: 80%; /* písmo v patièce trochu zmenšit */
319 height: 1.25em; 319 height: 1.25em;
320 overflow: hidden; /* co pøeèuhuje zahoï */ 320 overflow: hidden; /* co pøeèuhuje zahoï */
321 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */ 321 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */
322 } /* pøidal jsem pevnou mezeru do textu */ 322 } /* pøidal jsem pevnou mezeru do textu */
323   323  
324   324  
325 /*============================================================================*/ 325 /*============================================================================*/
326 /* Nastavení pro tìlo dokumentu */ 326 /* Nastavení pro tìlo dokumentu */
327 /*============================================================================*/ 327 /*============================================================================*/
328   328  
329   329  
330 /* Nastavení tìla dokumentu */ 330 /* Nastavení tìla dokumentu */
331 /* ------------------------ */ 331 /* ------------------------ */
332 div.Text, div.Section1 { /* tìlo stránky */ 332 div.Text, div.Section1 { /* tìlo stránky */
333 border: solid #20FF20 1px; /* pro ladìní */ 333 border: solid #20FF20 1px; /* pro ladìní */
334 padding: 2ex; /* oddìlení textu od okrajù */ 334 padding: 2ex; /* oddìlení textu od okrajù */
335 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */ 335 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */
336 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ 336 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */
337 margin-left: 7em; /* odsazení o velikost menu a kousek */ 337 margin-left: 7em; /* odsazení o velikost menu a kousek */
338 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 338 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
339 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patièku */ 339 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patièku */
340 /* èíslo 1/font-size v patièce */ 340 /* èíslo 1/font-size v patièce */
341 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ 341 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
342 } 342 }
343   343  
344   344  
345 /* centrování vyznaèených elementù */ 345 /* centrování vyznaèených elementù */
346 .center { 346 .center {
347 text-align: center; 347 text-align: center;
348 } 348 }
349   349  
350 /* obarvení textù psaných kurzivou */ 350 /* obarvení textù psaných kurzivou */
351 p i, div i, span i { 351 p i, div i, span i {
352 color: #990000; 352 color: #990000;
353 } 353 }
354   354  
355   355  
356 /* Tabulky */ 356 /* Tabulky */
357 /* ------- */ 357 /* ------- */
358 table { 358 table {
359 border-collapse: separate; /* pøíèky v tabulce */ 359 border-collapse: separate; /* pøíèky v tabulce */
360 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */ 360 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */
361 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */ 361 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */
362 margin-bottom: 0.5em; /* odstup dole */ 362 margin-bottom: 0.5em; /* odstup dole */
363 background-color: #EEFFEE; /* pozadí tabulky */ 363 background-color: #EEFFEE; /* pozadí tabulky */
364 } 364 }
365   365  
366 /* pøíèky mezi buòkami */ 366 /* pøíèky mezi buòkami */
367 th, td { 367 th, td {
368 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */ 368 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
369 text-align: left; /* pøebití centrování th prvku */ 369 text-align: left; /* pøebití centrování th prvku */
370 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ 370 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
371 } 371 }
372   372  
373 th { 373 th {
374 color: #FF2020; /* odlišení hlavièkových øádek */ 374 color: #FF2020; /* odlišení hlavièkových øádek */
375 } 375 }
376   376  
377 table p, table div, table li, table ol, table ul { 377 table p, table div, table li, table ol, table ul {
378 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */ 378 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */
379 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */ 379 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */
380 } 380 }
381   381  
382 /* Tabulka Soupiska */ 382 /* Tabulka Soupiska */
383 /* ---------------- */ 383 /* ---------------- */
384 /* Tabulka s rozpiskou souèástek */ 384 /* Tabulka s rozpiskou souèástek */
385 /* Formát tabulky vychází z obecné tabulky */ 385 /* Formát tabulky vychází z obecné tabulky */
386 /* první <th> je legenda */ 386 /* první <th> je legenda */
387 /* další <th> jsou skupinou souèástek */ 387 /* další <th> jsou skupinou souèástek */
388 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */ 388 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */
389 table.Soupiska td { 389 table.Soupiska td {
390 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ 390 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
391 } 391 }
392   392  
393 table.Soupiska tr td:first-child { 393 table.Soupiska tr td:first-child {
394 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ 394 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
395 } 395 }
396   396  
397 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 397 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
398 font-style: italic; /* a tak se to v IE ignoruje */ 398 font-style: italic; /* a tak se to v IE ignoruje */
399 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 399 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
400 } 400 }
401   401  
402 table.Soupiska tr:first-child > th { 402 table.Soupiska tr:first-child > th {
403 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */ 403 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */
404 font-weight: bold; 404 font-weight: bold;
405 } 405 }
406   406  
407   407  
408   408  
409   409  
410 /*============================================================================*/ 410 /*============================================================================*/
411 /* Formáty pro stránku o autorech */ 411 /* Formáty pro stránku o autorech */
412 /*============================================================================*/ 412 /*============================================================================*/
413   413  
414   414  
415 /* List pro jednoho autora */ 415 /* List pro jednoho autora */
416 /* ----------------------- */ 416 /* ----------------------- */
417 div.AboutAuthor { 417 div.AboutAuthor {
418 border: solid 1px red; /* rámeèek okolo èlovìka */ 418 border: solid 1px red; /* rámeèek okolo èlovìka */
419 padding: 2em; /* mezera uvnitø rámeèku */ 419 padding: 2em; /* mezera uvnitø rámeèku */
420 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ 420 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
421 } 421 }
422   422  
423 /* Položka jména autora */ 423 /* Položka jména autora */
424 /* -------------------- */ 424 /* -------------------- */
425 div.AboutAuthor .Name { /* jméno autora */ 425 div.AboutAuthor .Name { /* jméno autora */
426 font-style: italic; /* kurzíva */ 426 font-style: italic; /* kurzíva */
427 color: red; /* barva jména */ 427 color: red; /* barva jména */
428 } 428 }
429   429  
430 /* Vložený obrázek autora */ 430 /* Vložený obrázek autora */
431 /* ---------------------- */ 431 /* ---------------------- */
432 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 432 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
433 float:right; /* plovoucí vpravo */ 433 float:right; /* plovoucí vpravo */
434 padding-left: 20px; /* mezera mezi textem a obrázkem */ 434 padding-left: 20px; /* mezera mezi textem a obrázkem */
435 } 435 }
436   436  
437 /* Seznam èinností autora */ 437 /* Seznam èinností autora */
438 /* ---------------------- */ 438 /* ---------------------- */
439 div.AboutAuthor ul { 439 div.AboutAuthor ul {
440 font-style: italic; /* písmo seznamu èinností */ 440 font-style: italic; /* písmo seznamu èinností */
441 list-style: none; /* seznam je bez odrážek */ 441 list-style: none; /* seznam je bez odrážek */
442 } 442 }