Rev 379 Rev 380
Line 33... Line 33...
33   33  
34   34  
35 /* Sjednocení nastavení celého dokumentu */ 35 /* Sjednocení nastavení celého dokumentu */
36 /* ------------------------------------- */ 36 /* ------------------------------------- */
37 html, body { 37 html, body {
38 background: none #FFFFFF; /* barva pozadí bez obrázku */ 38 background: none #FFFFFF; /* barva pozadí bez obrázku */
39 color: #000000; /* barva písma */ 39 color: #000000; /* barva písma */
40 margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */ 40 margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */
41 padding: 0px; /* sjednotíme výplň */ 41 padding: 0px; /* sjednotíme výplň */
42 } 42 }
43   43  
44 body { 44 body {
45 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně zobrazení */ 45 /*padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně zobrazení */
46 } 46 }
47   47  
48 /*============================================================================*/ 48 /*============================================================================*/
49 /* Nastavení písma textu a nadpisů */ 49 /* Nastavení písma textu a nadpisů */
50 /*============================================================================*/ 50 /*============================================================================*/
51   51  
52   52  
53 /* Standardní písmo odstavců */ 53 /* Standardní písmo odstavců */
54 /* ------------------------- */ 54 /* ------------------------- */
55 p { /* standardní písmo odstavce */ 55 p { /* standardní písmo odstavce */
56 font-family: "Times New Roman"; /* řez písma */ 56 font-family: "Times New Roman"; /* řez písma */
57 line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */ 57 line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */
58 margin-left: 0px; /* standarně text od okraje */ 58 margin-left: 0px; /* standarně text od okraje */
59 margin-right: 0px; /* k okraji, mezera zajištěna paddingem */ 59 margin-right: 0px; /* k okraji, mezera zajištěna paddingem */
60 margin-top: 0.75em; /* mezera před odstavcem */ 60 margin-top: 0.75em; /* mezera před odstavcem */
61 margin-bottom: 0.9em; /* mezera za odstavcem */ 61 margin-bottom: 0.9em; /* mezera za odstavcem */
62 } 62 }
63   63  
64   64  
65 /* Titulek, podtitul a autor článku */ 65 /* Titulek, podtitul a autor článku */
66 /* -------------------------------- */ 66 /* -------------------------------- */
67 p.Titul, li.Titul, div.Titul, 67 p.Titul, li.Titul, div.Titul,
68 p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */ 68 p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */
69 font-family: Arial; /* nadpisové písmo */ 69 font-family: Arial; /* nadpisové písmo */
70 font-weight: bolder; /* tlistší písmo */ 70 font-weight: bolder; /* tlistší písmo */
71 text-align: center; /* centrované */ 71 text-align: center; /* centrované */
72 font-size: 200%; /* velké písmo */ 72 font-size: 200%; /* velké písmo */
73 color: #CC0000; /* hlavní nadpisová barva */ 73 color: #CC0000; /* hlavní nadpisová barva */
74 margin-top: 0.5em; /* mezera před odstavcem */ 74 margin-top: 0.5em; /* mezera před odstavcem */
75 margin-bottom: 0.5em; /* mezera za odstavcem */ 75 margin-bottom: 0.5em; /* mezera za odstavcem */
76 } 76 }
77   77  
78 p.Autor, li.Autor, div.Autor { /* standardní písmo */ 78 p.Autor, li.Autor, div.Autor { /* standardní písmo */
79 font-family: Arial; /* nadpisovým písmem */ 79 font-family: Arial; /* nadpisovým písmem */
80 text-align: center; /* centrované */ 80 text-align: center; /* centrované */
81 color: blue; /* vedlejší nadpisová barva */ 81 color: blue; /* vedlejší nadpisová barva */
82 margin-top: 0.25em; /* mezera před odstavcem */ 82 margin-top: 0.25em; /* mezera před odstavcem */
83 } 83 }
84   84  
85 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, 85 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
86 p.Subtitle, li.Subtitle, div.Subtitle { 86 p.Subtitle, li.Subtitle, div.Subtitle {
87 font-family: Arial; /* nadpisové písmo */ 87 font-family: Arial; /* nadpisové písmo */
88 font-style: italic; /* skloněné */ 88 font-style: italic; /* skloněné */
89 text-align: center; /* centrované */ 89 text-align: center; /* centrované */
90 font-size: 120%; /* trošku větší písmo */ 90 font-size: 120%; /* trošku větší písmo */
91 color: #0000FF; /* vedlejší nadpisová barva */ 91 color: #0000FF; /* vedlejší nadpisová barva */
92 margin-top: 1em; /* mezera před */ 92 margin-top: 1em; /* mezera před */
93 margin-bottom: 2em; /* mezera za vypadá lépe když je větší */ 93 margin-bottom: 2em; /* mezera za vypadá lépe když je větší */
94 margin-left: 10%; /* není od okraje do okraje */ 94 margin-left: 10%; /* není od okraje do okraje */
95 margin-right: 10%; /* ani na jedné straně */ 95 margin-right: 10%; /* ani na jedné straně */
96 } 96 }
97   97  
98   98  
99 /* společné vlastnosti nadpisů a nadpisy */ 99 /* společné vlastnosti nadpisů a nadpisy */
100 /* ------------------------------------- */ 100 /* ------------------------------------- */
101 h1, h2, h3, h4, h5, h6 { 101 h1, h2, h3, h4, h5, h6 {
102 page-break-inside: avoid; /* nedělit stránky v nadpisech */ 102 page-break-inside: avoid; /* nedělit stránky v nadpisech */
103 page-break-after: avoid; /* zákaz zalomení pod nadpisem */ 103 page-break-after: avoid; /* zákaz zalomení pod nadpisem */
104 page-break-before: auto; 104 page-break-before: auto; /* možno lámat před nadpisem */
105 font-family: Arial; /* nadpisový font */ 105 font-family: Arial; /* nadpisový font */
106 font-weight: bolder; /* tlistší písmo */ 106 font-weight: bolder; /* tlistší písmo */
107 margin-top: 0.75em; /* mezera před trochu větší */ 107 margin-top: 0.75em; /* mezera před trochu větší */
108 margin-bottom: 0.5em; /* mezera za */ 108 margin-bottom: 0.5em; /* mezera za */
109 } 109 }
110   110  
111 h1 { /* viz styl titulku */ 111 h1 { /* viz styl titulku */
112 font-size: 200%; /* veliké písmo */ 112 font-size: 200%; /* veliké písmo */
113 color: #CC0000; /* hlavní nadpisová barva */ 113 color: #CC0000; /* hlavní nadpisová barva */
114 } 114 }
115   115  
116 h1.Small { /* zmenšený nadpis */ 116 h1.Small { /* zmenšený nadpis */
117 font-size: 150%; /* velikost jako h2 */ 117 font-size: 150%; /* velikost jako h2 */
118 } 118 }
119   119  
120 h2 { 120 h2 {
121 font-size: 150%; /* velké písmo */ 121 font-size: 150%; /* velké písmo */
122 color: blue; /* vedlejší barva nadpisu */ 122 color: blue; /* vedlejší barva nadpisu */
123 } 123 }
124   124  
125 h2.Small { /* zmenšený nadpis */ 125 h2.Small { /* zmenšený nadpis */
126 font-size: 120%; /* velikost jako h3 */ 126 font-size: 120%; /* velikost jako h3 */
127 } 127 }
128   128  
129 h3 { 129 h3 {
130 font-size: 120%; /* větší písmo */ 130 font-size: 120%; /* větší písmo */
131 color: #6666dd; /* vedlejší barva nadpisu */ 131 color: #6666dd; /* vedlejší barva nadpisu */
132 } 132 }
133   133  
134 h3.Small { /* zmenšený nadpis */ 134 h3.Small { /* zmenšený nadpis */
135 font-size: 100%; /* velikost jako h4 */ 135 font-size: 100%; /* velikost jako h4 */
136 } 136 }
137   137  
138 h4, h5, h6 { /* písma jen mírně odlišná */ 138 h4, h5, h6 { /* písma jen mírně odlišná */
139 font-style: italic; /* skloněné */ 139 font-style: italic; /* skloněné */
140 color: #6666dd; /* vedlejší barva nadpisu */ 140 color: #6666dd; /* vedlejší barva nadpisu */
141 } 141 }
142   142  
143 h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */ 143 h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */
144 { 144 {
145 font-weight: bold; /* Tlustě */ 145 font-weight: bold; /* Tlustě */
146 font-size: 120%; /* Větší (tlustě někdy není odlišné) */ 146 font-size: 120%; /* Větší (tlustě někdy není odlišné) */
147 } 147 }
148   148  
149 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { /* Zákaz odstránkování mezi nadpisy */ 149 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { /* Zákaz odstránkování mezi nadpisy */
150 page-break-before: avoid; 150 page-break-before: avoid;
151 } 151 }
152   152  
153 samp { /* ukázky výpisů a podobně */ 153 samp { /* ukázky výpisů a podobně */
154 font-family: "Courier New"; /* neproporcionální písmo */ 154 font-family: " Courier New"; /* neproporcionální písmo */
155 background: lightgrey; /* zvýraznění barvou pozadí */ 155 background: lightgrey; /* zvýraznění barvou pozadí */
156 } 156 }
157   157  
158 samp.Block { /* pro ukázky souvislých bloků kódu */ 158 samp.Block { /* pro ukázky souvislých bloků kódu */
159 display: table; /* je to blok široký dle obsahu */ 159 display: table; /* je to blok široký dle obsahu */
160 _display: block; /* IE6 blok ale široký přes celou stránku */ 160 _display: block; /* IE6 blok ale široký přes celou stránku */
161 white-space: pre; /* dodrž formátování */ 161 white-space: pre; /* dodrž formátování */
162 margin-left: 2em; /* odsazení bloku*/ 162 margin-left: 2em; /* odsazení bloku*/
163 padding: 0.5ex; /* vnitřní okraj */ 163 padding: 0.5ex; /* vnitřní okraj */
164 } 164 }
165   165  
166 .Samp { /* k odlišení příkladů HTML objektů */ 166 .Samp { /* k odlišení příkladů HTML objektů */
167 margin-left: 2em; /* odsazení bloku jako u samp*/ 167 margin-left: 2em; /* odsazení bloku jako u samp*/
168 } 168 }
169   169  
170   170  
171 /* První slovo má první písmeno zvýrazněné */ 171 /* První slovo má první písmeno zvýrazněné */
172 .FirstWord:first-letter { 172 .FirstWord:first-letter {
173 color: red; /* zvýraznné první písmeno */ 173 color: red; /* zvýraznné první písmeno */
174 } 174 }
175   175  
176 /* Zvýrazněné řádky s odkazy */ 176 /* Zvýrazněné řádky s odkazy */
177 .FirstWord a { 177 .FirstWord a {
178 text-decoration: none; /* odkaz není podtržený */ 178 text-decoration: none; /* odkaz není podtržený */
179 color: inherit; /* odkaz nemá zvláštní barvu */ 179 color: inherit; /* odkaz nemá zvláštní barvu */
180 _color: #993300; /* IE6 nám nějak nedědí barvu */ 180 _color: #993300; /* IE6 nám nějak nedědí barvu */
181 } 181 }
182   182  
183   183  
184 /*============================================================================*/ 184 /*============================================================================*/
185 /* Nastavení pro hlavičku, patičku a menu */ 185 /* Nastavení pro hlavičku, patičku a menu */
Line 187... Line 187...
187   187  
188   188  
189 /* Společná nastavení pro Hlavičku Menu a Patičku */ 189 /* Společná nastavení pro Hlavičku Menu a Patičku */
190 /* ---------------------------------------------- */ 190 /* ---------------------------------------------- */
191 div.InnerHeader, div.InnerMenu, div.InnerFooter { 191 div.InnerHeader, div.InnerMenu, div.InnerFooter {
192 /*border: dotted #FF8080 1px; /* pro ladění */ 192 /*border: dotted #FF8080 1px; /* pro ladění */
193 width: 100%; /* přes celou stránku */ 193 width: 100%; /* přes celou stránku */
194 margin: 0em; /* pro jistotu žádný vnější okraj */ 194 margin: 0em; /* pro jistotu žádný vnější okraj */
195 border: 0em; /* pro jistotu */ 195 border: 0em; /* pro jistotu */
196 background-color: #FFFFCC; /* pozor na průhlednost při rolování */ 196 background-color: #FFFFCC; /* pozor na průhlednost při rolování */
197 color: #993300; /* barva písma */ 197 color: #993300; /* barva písma */
198 } 198 }
199   199  
200   200  
201 /* Nastavení specifická pro Hlavičku */ 201 /* Nastavení specifická pro Hlavičku */
202 /* --------------------------------- */ 202 /* --------------------------------- */
203 div.InnerHeader { /* kontejner na hlavičku */ 203 div.InnerHeader { /* kontejner na hlavičku */
204 /*border: solid 1px red; /* pro ladění */ 204 /*border: solid 1px red; /* pro ladění */
205 position: fixed; /* fixní umístění na stránce */ 205 position: fixed; /* fixní umístění na stránce */
206 z-index: 100; /* hodně navrch */ 206 z-index: 100; /* hodně navrch */
207 _position: static; /* IE6 neumí position fixed */ 207 _position: static; /* IE6 neumí position fixed */
208 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 208 border-bottom: solid 2px #993300; /* linka pod hlavickou */
209 top: -2px; /* umistění na stránce o tloušťku linky */ 209 top: -2px; /* umistění na stránce o tloušťku linky */
210 white-space: nowrap; /* je zakázáno zalomit hlavičku */ 210 white-space: nowrap; /* je zakázáno zalomit hlavičku */
211 overflow: hidden; /* co přečuhuje zahoď */ 211 overflow: hidden; /* co přečuhuje zahoď */
212 font-size: 3em; /* velikost písma vzhedem k rodiči */ 212 font-size: 3em; /* velikost písma vzhedem k rodiči */
213 padding: 0em; /* vnitřní výplň (vzhledem k mému písmu) */ 213 padding: 0em; /* vnitřní výplň (vzhledem k mému písmu) */
214 line-height: 100%; /* vzdálenost řádek od sebe */ 214 line-height: 100%; /* vzdálenost řádek od sebe */
215 } 215 }
216   216  
217 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/ 217 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/
218 /*background: #CCFFCC; /* pro ladění */ 218 /*background: #CCFFCC; /* pro ladění */
219 padding-left: 0.2em; /* mezera vlevo */ 219 padding-left: 0.2em; /* mezera vlevo */
220 } 220 }
221   221  
222 div.InnerHeader img { /* textu "online" v hlavičce */ 222 div.InnerHeader img { /* textu "online" v hlavičce */
223 /*border: solid 1px red; /* pro ladění neprůhledného obrázku */ 223 /*border: solid 1px red; /* pro ladění neprůhledného obrázku */
224 /*background: #FFCCCC; /* pro ladění průhledného obrázku */ 224 /*background: #FFCCCC; /* pro ladění průhledného obrázku */
225 height: 0.7em; /* gumová výška podle velikosti textu */ 225 height: 0.7em; /* gumová výška podle velikosti textu */
226 width: 2em; /* gumová šířka podle velikosti textu */ 226 width: 2em; /* gumová šířka podle velikosti textu */
227 border: 0px; /* obrázek je bez okraje */ 227 border: 0px; /* obrázek je bez okraje */
228 /* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */ 228 /* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */
229 /* nebo nějaký problém se svislým zarovnáním */ 229 /* nebo nějaký problém se svislým zarovnáním */
230 margin: 0px; 230 margin: 0px;
231 padding: 0px; 231 padding: 0px;
232 position: absolute; 232 position: absolute;
233 top: 0.15em; 233 top: 0.15em;
234 } 234 }
235   235  
236 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ 236 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */
237 /*border: solid 1px yellow; /* pro ladění */ 237 /*border: solid 1px yellow; /* pro ladění */
238 background-color: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */ 238 background-color: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */
239 position: absolute; /* absolutní umístění */ 239 position: absolute; /* absolutní umístění */
240 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ 240 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
241 padding-right: 0.2em; /* mezera vpravo */ 241 padding-right: 0.2em; /* mezera vpravo */
242 font-size: 80%; /* velikost písma o něo menší */ 242 font-size: 80%; /* velikost písma o něo menší */
243 left: 6.625em; /* posunutí o logo 5.3em / 80% */ 243 left: 6.625em; /* posunutí o logo 5.3em / 80% */
244 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 244 _left: auto; /* IE6 natahuje se místo vlevo od textu */
245 right: 0px; /* pravý okraj až na konci */ 245 right: 0px; /* pravý okraj až na konci */
246 top: 0px; /* žádné posunutí */ 246 top: 0px; /* žádné posunutí */
247 } 247 }
248   248  
249 div.InnerHeader a { /* odkaz v hlavičce */ 249 div.InnerHeader a { /* odkaz v hlavičce */
250 text-decoration: none; /* odkaz není podtržený */ 250 text-decoration: none; /* odkaz není podtržený */
251 color: #993300; /* IE6 a IE7 nedědí barvu textu */ 251 color: #993300; /* IE6 a IE7 nedědí barvu textu */
252 } 252 }
253   253  
254 div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */ 254 div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */
255 color: #FF0000; /* změň barvu odkazu */ 255 color: #FF0000; /* změň barvu odkazu */
256 } 256 }
257   257  
258   258  
259 /* Nastavení specifická pro Menu */ 259 /* Nastavení specifická pro Menu */
260 /* ----------------------------- */ 260 /* ----------------------------- */
261 div.InnerMenu { /* kontejner pro menu */ 261 div.InnerMenu { /* kontejner pro menu */
262 position: fixed; /* fixní umístění na stránce */ 262 position: fixed; /* fixní umístění na stránce */
263 _position: static; /* IE6 neumí position fixed */ 263 _position: static; /* IE6 neumí position fixed */
264 width: 16ex; /* šířka bloku s menu */ 264 width: 16ex; /* šířka bloku s menu */
265 _width: 100%; /* IE6 šířka přes celou stránku */ 265 _width: 100%; /* IE6 šířka přes celou stránku */
266 top: 3em; /* výška hlavičky = výška písma + 2*padding */ 266 top: 3em; /* výška hlavičky = výška písma + 2*padding */
267 _top: 0px; /* IE6 umístění hned pod hlavičku */ 267 _top: 0px; /* IE6 umístění hned pod hlavičku */
268 left: -2px; /* kompenzace šířky čáry */ 268 left: -2px; /* kompenzace šířky čáry */
269 _left: 0px; /* IE6 tady čáru nemáme */ 269 _left: 0px; /* IE6 tady čáru nemáme */
270 bottom: 0px; /* umístění dole až dolu */ 270 bottom: 0px; /* umístění dole až dolu */
271 border-right: solid 2px #993300; /* oddělující linka vpravo */ 271 border-right: solid 2px #993300; /* oddělující linka vpravo */
272 _border-right: none; /* IE6 bez čáry vpravo */ 272 _border-right: none; /* IE6 bez čáry vpravo */
273 _border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */ 273 _border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */
274 _background: #993300; /* IE6 pozadí stejné jako linky */ 274 _background: #993300; /* IE6 pozadí stejné jako linky */
275 _color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */ 275 _color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */
276 text-align: center; /* centrovaný obsah */ 276 text-align: center; /* centrovaný obsah */
277 _text-align: left; /* IE6 zarovnáváme vlevo */ 277 _text-align: left; /* IE6 zarovnáváme vlevo */
278 font-weight: bold; /* tlusté písmo odkazu */ 278 font-weight: bold; /* tlusté písmo odkazu */
279 } 279 }
280   280  
281 div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */ 281 div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */
282 /*_background: #333333; /* ladící pozadí */ 282 /*background: #333333; /* ladící pozadí */
283 margin-left: 2px; /* kompenzace kompenzace čáry */ 283 margin-left: 2px; /* kompenzace kompenzace čáry */
284 _margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */ 284 _margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */
285 _border: 0px; /* IE6 žádný okraj */ 285 _border: 0px; /* IE6 žádný okraj */
286 _padding: 0px; /* IE6 žádná výplň */ 286 _padding: 0px; /* IE6 žádná výplň */
287 } 287 }
288   288  
289 div.InnerMenu .MenuText { /* popisky v navigaci */ 289 div.InnerMenu .MenuText { /* popisky v navigaci */
290 /*background: #DDDDDD; /* ladící pozadí */ 290 /*background: #DDDDDD; /* ladící pozadí */
291 border: none; /* žádný okraj */ 291 border: none; /* žádný okraj */
292 margin: 3px; /* malé mezery okolo */ 292 margin: 3px; /* malé mezery okolo */
293 } 293 }
294   294  
295   295  
296 /* Zobrazení seznamu odkazů v menu */ 296 /* Zobrazení seznamu odkazů v menu */
297 /* ------------------------------- */ 297 /* ------------------------------- */
298 div.InnerMenu ul { /* navigace jako seznam odkazů */ 298 div.InnerMenu ul { /* navigace jako seznam odkazů */
299 list-style: none; /* seznam je bez odrážek */ 299 list-style: none; /* seznam je bez odrážek */
300 margin: 0px; /* bez odsazení IE */ 300 margin: 0px; /* bez odsazení IE */
301 padding: 0em; /* bez odsazení FF */ 301 padding: 0em; /* bez odsazení FF */
302 white-space: nowrap; /* zákaz lámání položek menu do řádek */ 302 white-space: nowrap; /* zákaz lámání položek menu do řádek */
303 } 303 }
304   304  
305 div.InnerMenu li { /* jednotlivé odkazy */ 305 div.InnerMenu li { /* jednotlivé odkazy */
306 /*background: #BBBBBB; /* ladící pozadí */ 306 /*background: #BBBBBB; /* ladící pozadí */
307 border: solid 1px #993300; /* tenký rámeček */ 307 border: solid 1px #993300; /* tenký rámeček */
308 margin: 2px; /* malé mezery okolo */ 308 margin: 2px; /* malé mezery okolo */
309 background: #993300; /* tmavé pozadí "tlačítek" v liště */ 309 background: #993300; /* tmavé pozadí "tlačítek" v liště */
310 color: #FFFFCC; /* světlá písmena na "tlačítkách" */ 310 color: #FFFFCC; /* světlá písmena na "tlačítkách" */
311 _background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */ 311 _background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */
312 _color: #993300; /* IE6 tmavá písmena na "tlačítkách" */ 312 _color: #993300; /* IE6 tmavá písmena na "tlačítkách" */
313 } 313 }
314   314  
315 div.InnerMenu a { /* odkazy v menu */ 315 div.InnerMenu a { /* odkazy v menu */
316 text-decoration: none; /* odstranění podtržení odkazů */ 316 text-decoration: none; /* odstranění podtržení odkazů */
317 color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */ 317 color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */
318 _color: #000000; /* IE6 černá jako kontrastní barva */ 318 _color: #000000; /* IE6 černá jako kontrastní barva */
319 } 319 }
320   320  
321 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ 321 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
322 color: #FF0000; /* změn barvu písma */ 322 color: #FF0000; /* změn barvu písma */
323 } 323 }
324   324  
325 /* Zobrazení v menu */ 325 /* Zobrazení v menu */
326 /* ---------------- */ 326 /* ---------------- */
327 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */ 327 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */
328 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 328 _float: left; /* IE6 všechny prvky menu plavou vlevo */
329 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ 329 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
330 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ 330 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
331 } 331 }
332   332  
333 /* Zobrazení pomocného menu když není JavaScript */ 333 /* Zobrazení pomocného menu když není JavaScript */
334 /* --------------------------------------------- */ 334 /* --------------------------------------------- */
335 div.MenuNoscript a { /* Odkazy v pomocné hlavičce */ 335 div.MenuNoscript a { /* Odkazy v pomocné hlavičce */
336 padding-left: 0.5ex; /* mezera mezi odkazy */ 336 padding-left: 0.5ex; /* mezera mezi odkazy */
337 padding-right: 0.5ex; 337 padding-right: 0.5ex;
338 } 338 }
339   339  
340   340  
341 /* Nastavení specifická pro Patičku */ 341 /* Nastavení specifická pro Patičku */
342 /* -------------------------------- */ 342 /* -------------------------------- */
343 div.InnerFooter{ /* patička */ 343 div.InnerFooter{ /* patička */
344 position: fixed; /* fixní umístění na stránce */ 344 position: fixed; /* fixní umístění na stránce */
345 _position: static; /* IE6 neumí position fixed */ 345 _position: static; /* IE6 neumí position fixed */
346 bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */ 346 bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */
347 border-top: solid 2px #993300; /* linka nad hlavičkou */ 347 border-top: solid 2px #993300; /* linka nad hlavičkou */
348 border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */ 348 border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */
349 _border-bottom: solid 2px #993300; /* IE6 tenká linka */ 349 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
350 font-size: 80%; /* písmo v patičce trochu zmenšit */ 350 font-size: 80%; /* písmo v patičce trochu zmenšit */
351 height: 1.25em; 351 height: 1.25em; /* výška patičky */
352 overflow: hidden; /* co přečuhuje zahoď */ 352 overflow: hidden; /* co přečuhuje zahoď */
353 /*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */ 353 /*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */
354 } /* přidal jsem pevnou mezeru do textu */ 354 } /* přidal jsem pevnou mezeru do textu */
355   355  
356   356  
357 /*============================================================================*/ 357 /*============================================================================*/
358 /* Nastavení pro tělo dokumentu */ 358 /* Nastavení pro tělo dokumentu */
359 /*============================================================================*/ 359 /*============================================================================*/
360   360  
361   361  
362 /* Nastavení těla dokumentu */ 362 /* Nastavení těla dokumentu */
363 /* ------------------------ */ 363 /* ------------------------ */
364 div.Text, div.Section1 { /* tělo stránky */ 364 div.Text, div.Section1 { /* tělo stránky */
365 /*border: solid #20FF20 1px; /* pro ladění */ 365 /*border: solid #20FF20 1px; /* pro ladění */
366 padding: 2ex; /* oddělení textu od okrajů */ 366 padding: 2ex; /* oddělení textu od okrajů */
367 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */ 367 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */
368 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */ 368 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */
369 margin-left: 16ex; /* odsazení o velikost menu a kousek */ 369 margin-left: 16ex; /* odsazení o velikost menu a kousek */
370 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 370 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
371 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */ 371 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */
372 /* číslo 1/font-size v patičce */ 372 /* číslo 1/font-size v patičce */
373 _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */ 373 _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */
374 /* Rolovátko jen pro vnitřek */ 374 /* Rolovátko jen pro vnitřek */
375 overflow: auto; /* rolovátko jen pro dlouhý obsah */ 375 overflow: auto; /* rolovátko jen pro dlouhý obsah */
376 position: fixed; /* fixní umístění na stránce */ 376 position: fixed; /* fixní umístění na stránce */
377 top: 0; /* vyplň celé místo */ 377 top: 0px; /* vyplň celé místo */
378 bottom: 0; /* vyplň celé místo */ 378 bottom: 0px; /* vyplň celé místo */
379 left: 0; /* vyplň celé místo */ 379 left: 0px; /* vyplň celé místo */
380 right: 0; /* vyplň celé místo */ 380 right: 0px; /* vyplň celé místo */
381 } 381 }
382   382  
383 /* odstranění okraje */ 383 /* odstranění okraje */
384 .NoBorder { 384 .NoBorder {
385 border: 0; 385 border: 0;
386 } 386 }
387   387  
388 img { 388 img {
389 page-break-inside:avoid; 389 page-break-inside: avoid;
390 } 390 }
391   391  
392 a img { /* obrázky uvnitř odkazů obvykle nemají okraj */ 392 a img { /* obrázky uvnitř odkazů obvykle nemají okraj */
393 border: 0px; /* žádný okraj */ 393 border: 0px; /* žádný okraj */
394 } 394 }
395   395  
396 /* centrování vyznačených elementů */ 396 /* centrování vyznačených elementů */
397 .Center, tr.Center th { /* centrovaní i celých řádek tabulky */ 397 .Center, tr.Center th { /* centrovaní i celých řádek tabulky */
398 text-align: center; /* centrovani */ 398 text-align: center; /* centrovani */
399 } 399 }
400   400  
401 .Left { 401 .Left {
402 text-align: left; /* zarovnání vlevo */ 402 text-align: left; /* zarovnání vlevo */
403 } 403 }
404   404  
405 .Right { 405 .Right {
406 text-align: right; /* zarovnnání vpravo*/ 406 text-align: right; /* zarovnnání vpravo*/
407 } 407 }
408   408  
409   409  
410 /* Odsazení od kraje */ 410 /* Odsazení od kraje */
411 .ShiftRight { 411 .ShiftRight {
412 padding-left: 5ex; /* Odsazení od levého okraje */ 412 padding-left: 5ex; /* Odsazení od levého okraje */
413 } 413 }
414   414  
415   415  
416 /* obarvení textů psaných kurzivou */ 416 /* obarvení textů psaných kurzivou */
417 p i, div i, span i { 417 p i, div i, span i {
418 color: #990000; 418 color: #990000;
419 } 419 }
420   420  
421   421  
422 em { /* zvýrazňovač */ 422 em { /* zvýrazňovač */
423 background: yellow; /* podkad žlutě */ 423 background: yellow; /* podkad žlutě */
424 font-style: inherit; /* skloněné nechci */ 424 font-style: inherit; /* skloněné nechci */
425 } 425 }
426   426  
427 /* poznámka */ 427 /* poznámka */
428 .Remark { 428 .Remark {
429 font-style: italic; /* skloněné */ 429 font-style: italic; /* skloněné */
430 color: #990000; /* barveno */ 430 color: #990000; /* barveno */
431 } 431 }
432   432  
433 /* Tabulky */ 433 /* Tabulky */
434 /* ------- */ 434 /* ------- */
435 table { 435 table {
436 border-collapse: separate; /* příčky v tabulce */ 436 border-collapse: separate; /* příčky v tabulce */
437 border: 3px solid #CCCCCC; /* vnější okraj tabulky */ 437 border: 3px solid #CCCCCC; /* vnější okraj tabulky */
438 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */ 438 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */
439 margin-bottom: 0.5em; /* odstup dole */ 439 margin-bottom : 0.5em; /* odstup dole */
440 background-color: #EEFFEE; /* pozadí tabulky */ 440 background-color: #EEFFEE; /* pozadí tabulky */
441 } 441 }
442   442  
443 /* příčky mezi buňkami */ 443 /* příčky mezi buňkami */
444 th, td { 444 th, td {
445 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */ 445 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */
446 text-align: left; /* přebití centrování th prvku */ 446 text-align: left; /* přebití centrování th prvku */
447 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */ 447 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */
448 } 448 }
449   449  
450 th { 450 th {
451 color: #FF2020; /* odlišení hlavičkových řádek */ 451 color: #FF2020; /* odlišení hlavičkových řádek */
452 } 452 }
453   453  
454 table p, table div, table li, table ol, table ul, table td { 454 table p, table div, table li, table ol, table ul, table td {
455 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */ 455 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */
456 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */ 456 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */
457 } 457 }
458   458  
459 /* Tabulka Soupiska */ 459 /* Tabulka Soupiska */
460 /* ---------------- */ 460 /* ---------------- */
461 /* Tabulka s rozpiskou součástek */ 461 /* Tabulka s rozpiskou součástek */
Line 463... Line 463...
463 /* první <th> je legenda */ 463 /* první <th> je legenda */
464 /* další <th> jsou skupinou součástek */ 464 /* další <th> jsou skupinou součástek */
465 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */ 465 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */
466 /* nutno doladit tak, aby fungovaly i dvousloupcové tabulky seznamu součástí */ 466 /* nutno doladit tak, aby fungovaly i dvousloupcové tabulky seznamu součástí */
467 table.Soupiska td { 467 table.Soupiska td {
468 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */ 468 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
469 } 469 }
470   470  
471 table.Soupiska tr td { 471 table.Soupiska tr td {
472 padding-left: 2ex; /* odsazení referenci (a hodnot) */ 472 padding-left: 2ex; /* odsazení referenci (a hodnot) */
473 } 473 }
474   474  
475 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 475 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
476 font-style: italic; /* a tak se to v IE ignoruje */ 476 font-style: italic; /* a tak se to v IE ignoruje */
477 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 477 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
478 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */ 478 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
479 } 479 }
480   480  
481 table.Soupiska tr:first-child > th { 481 table.Soupiska tr:first-child > th {
482 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */ 482 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
483 font-weight: bold; 483 font-weight: bold;
484 padding: 0.5em; /* mezera jen u nadpisu */ 484 padding: 0.5em; /* mezera jen u nadpisu */
485 } 485 }
486   486  
487   487  
488 /* Zobrazení rozcestníku na hlavní stránce */ 488 /* Zobrazení rozcestníku na hlavní stránce */
489 p.Rozcestnik { /* odstavec s rozcestníkem */ 489 p.Rozcestnik { /* odstavec s rozcestníkem */
490 text-align: center; /* centrovani */ 490 text-align: center; /* centrovani */
491 } 491 }
492   492  
493 p.Rozcestnik img { /* obrázky v rozcestníku */ 493 p.Rozcestnik img { /* obrázky v rozcestníku */
494 padding: 5px; /* okraj */ 494 padding: 5px; /* okraj */
495 margin: 5px; /* mezera mezi nimi */ 495 margin: 5px; /* mezera mezi nimi */
496 border: solid 2px #993300; /* rámeček */ 496 border: solid 2px #993300; /* rámeček */
497 background-color: #FFFFCC; /* pozadí */ 497 background-color: #FFFFCC; /* pozadí */
498 } 498 }
499   499  
500   500  
501 /*============================================================================*/ 501 /*============================================================================*/
502 /* Formáty pro Toc (obsah) */ 502 /* Formáty pro Toc (obsah) */
503 /*============================================================================*/ 503 /*============================================================================*/
504   504  
505   505  
506 ul.Toc { 506 ul.Toc {
507 background: #EEFFEE; /* barva pozadí seznamu jako u tabulky */ 507 background: #EEFFEE; /* barva pozadí seznamu jako u tabulky */
508 list-style: none; /* bez puntíků */ 508 list-style: none; /* bez puntíků */
509 margin: 1em; /* vnější okraj */ 509 margin: 1em; /* vnější okraj */
510 padding: 1em; /* vnitřní okraj */ 510 padding: 1em; /* vnitřní okraj */
511 } 511 }
512   512  
513 ul.Toc li.TocH1 { 513 ul.Toc li.TocH1 {
514 padding-left: 0ex; /* odsazení první úrovně */ 514 padding-left: 0ex; /* odsazení první úrovně */
515 } 515 }
516   516  
517 ul.Toc li.TocH2 { 517 ul.Toc li.TocH2 {
518 padding-left: 3ex; 518 padding-left: 3ex;
519 } 519 }
520   520  
521 ul.Toc li.TocH3 { 521 ul.Toc li.TocH3 {
522 padding-left: 6ex; 522 padding-left: 6ex;
523 } 523 }
524   524  
525 ul.Toc li.TocH4 { 525 ul.Toc li.TocH4 {
526 padding-left: 9ex; 526 padding-left: 9ex;
527 } 527 }
528   528  
529 ul.Toc li { 529 ul.Toc li {
530 padding-left: 12ex; /* odsazení pro všechny další */ 530 padding-left: 12ex; /* odsazení pro všechny další */
531 } 531 }
532   532  
533   533  
534 /*============================================================================*/ 534 /*============================================================================*/
535 /* Formáty pro stránku o autorech */ 535 /* Formáty pro stránku o autorech */
536 /*============================================================================*/ 536 /*============================================================================*/
537   537  
538   538  
539 div.AboutAuthor { /* list pro jednoho autora */ 539 div.AboutAuthor { /* list pro jednoho autora */
540 border: solid 1px red; /* rámeček okolo člověka */ 540 border: solid 1px red; /* rámeček okolo člověka */
541 padding: 1.5em; /* mezera uvnitř rámečku */ 541 padding: 1.5em; /* mezera uvnitř rámečku */
542 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */ 542 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */
543 } 543 }
544   544  
545 /* -------------------- */ 545 /* -------------------- */
546 div.AboutAuthor .Name { /* položka jména autora */ 546 div.AboutAuthor .Name { /* položka jména autora */
547 font-style: italic; /* kurzíva */ 547 font-style: italic; /* kurzíva */
548 color: red; /* barva jména */ 548 color: red; /* barva jména */
549 } 549 }
550   550  
551 div.AboutAuthor img.Author { /* vložený obrázek autora */ 551 div.AboutAuthor img.Author { /* vložený obrázek autora */
552 float:right; /* plovoucí vpravo */ 552 float: right; /* plovoucí vpravo */
553 margin-left: 20px; /* mezera mezi textem a obrázkem */ 553 margin-left: 20px; /* mezera mezi textem a obrázkem */
554 border: none; 554 border: none;
555 } 555 }
556   556  
557 div.AboutAuthor ul { /* Seznam činností autora */ 557 div.AboutAuthor ul { /* Seznam činností autora */
558 font-style: italic; /* písmo seznamu činností */ 558 font-style: italic; /* písmo seznamu činností */
559 list-style: none; /* seznam je bez odrážek */ 559 list-style: none; /* seznam je bez odrážek */
560 } 560 }
561   561  
562 div.AboutAuthor p.Contact { 562 div.AboutAuthor p.Contact {
563 font-style: italic; /* kurzíva */ 563 font-style: italic; /* kurzíva */
564 color: red; /* barva jména */ 564 color: red; /* barva jména */
565 } 565 }
566   566  
567   567  
568 /*============================================================================*/ 568 /*============================================================================*/
569 /* Formáty pro stránky údržby */ 569 /* Formáty pro stránky údržby */
570 /*============================================================================*/ 570 /*============================================================================*/
571   571  
572   572  
573 .MaintenanceLogged { /* Tlačítko se jménem přihlášeného */ 573 .MaintenanceLogged { /* Tlačítko se jménem přihlášeného */
574 position: absolute; /* momo tok dokumentu */ 574 position: absolute; /* momo tok dokumentu */
575 right: 1em; /* vpravo */ 575 right: 1em; /* vpravo */
576 border: solid 1px #993300; /* rámeček hnědý */ 576 border: solid 1px #993300; /* rámeček hnědý */
577 padding: 5px; /* výplň */ 577 padding: 5px; /* výplň */
578 background-color: #FFFFCC; /* pozadí žluté */ 578 background-color: #FFFFCC; /* pozadí žluté */
579 } 579 }
580   580  
581 .MaintenanceLogged .Name { 581 .MaintenanceLogged .Name {
582 color: #993300; /* písmo hnědé */ 582 color: #993300; /* písmo hnědé */
583 font-weight: bold; /* písmo tlusté */ 583 font-weight: bold; /* písmo tlusté */
584 background-color: #FFFFFF; /* pozadí bílé */ 584 background-color: #FFFFFF; /* pozadí bílé */
585 padding: 2px; /* mezera okolo */ 585 padding: 2px; /* mezera okolo */
586 } 586 }
587   587  
588   588  
589 /*============================================================================*/ 589 /*============================================================================*/
590 /* Formáty pro WEBSVN */ 590 /* Formáty pro WEBSVN */
591 /*============================================================================*/ 591 /*============================================================================*/
592   592  
593   593  
594 .highlight 594 .highlight
595 { 595 {
596 color: #993300; 596 color: #993300;
597 font-style: italic; 597 font-style: italic;
598 } 598 }
599   599  
600 table.bordered, table.outlined, table.blame 600 table.bordered, table.outlined, table.blame
601 { 601 {
602 border-collapse: collapse; 602 border-collapse: collapse;