| 41 |
41 |
/* ------------------------------------- */
|
| 42 |
42 |
html, body {
|
| 43 |
43 |
background: none #FFFFFF; /* barva pozadí bez obrázku */
|
| 44 |
|
color: #000000; /* barva písma */
|
|
44 |
color: black; /*#000000; /* barva písma */
|
| 45 |
45 |
margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */
|
| 46 |
46 |
padding: 0px; /* sjednotíme výplň */
|
| 47 |
47 |
}
|
| ... | ... | |
| 58 |
58 |
/* Standardní písmo odstavců */
|
| 59 |
59 |
/* ------------------------- */
|
| 60 |
60 |
p { /* standardní písmo odstavce */
|
| 61 |
|
font-family: "Times New Roman"; /* řez písma */
|
|
61 |
font-family: PT Sans; /* řez písma */
|
| 62 |
62 |
line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */
|
| 63 |
63 |
margin-left: 0px; /* standarně text od okraje */
|
| 64 |
64 |
margin-right: 0px; /* k okraji, mezera zajištěna paddingem */
|
| ... | ... | |
| 71 |
71 |
/* -------------------------------- */
|
| 72 |
72 |
p.Titul, li.Titul, div.Titul,
|
| 73 |
73 |
p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */
|
| 74 |
|
font-family: Arial; /* nadpisové písmo */
|
|
74 |
font-family: PT Sans; /* nadpisové písmo */
|
| 75 |
75 |
font-weight: bolder; /* tlistší písmo */
|
| 76 |
76 |
text-align: center; /* centrované */
|
| 77 |
77 |
font-size: 200%; /* velké písmo */
|
| 78 |
|
color: #CC0000; /* hlavní nadpisová barva */
|
|
78 |
color: black;/*#CC0000; /* hlavní nadpisová barva */
|
| 79 |
79 |
margin-top: 0.5em; /* mezera před odstavcem */
|
| 80 |
80 |
margin-bottom: 0.5em; /* mezera za odstavcem */
|
| 81 |
81 |
}
|
| 82 |
82 |
|
| 83 |
83 |
p.Autor, li.Autor, div.Autor { /* standardní písmo */
|
| 84 |
|
font-family: Arial; /* nadpisovým písmem */
|
|
84 |
font-family: PT Sans; /* nadpisovým písmem */
|
| 85 |
85 |
text-align: center; /* centrované */
|
| 86 |
86 |
color: blue; /* vedlejší nadpisová barva */
|
| 87 |
87 |
margin-top: 0.25em; /* mezera před odstavcem */
|
| ... | ... | |
| 89 |
89 |
|
| 90 |
90 |
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
|
| 91 |
91 |
p.Subtitle, li.Subtitle, div.Subtitle {
|
| 92 |
|
font-family: Arial; /* nadpisové písmo */
|
|
92 |
font-family: PT Sans; /* nadpisové písmo */
|
| 93 |
93 |
font-style: italic; /* skloněné */
|
| 94 |
94 |
text-align: center; /* centrované */
|
| 95 |
95 |
font-size: 120%; /* trošku větší písmo */
|
| 96 |
|
color: #0000FF; /* vedlejší nadpisová barva */
|
|
96 |
/* color: #0000FF; /* vedlejší nadpisová barva */
|
| 97 |
97 |
margin-top: 1em; /* mezera před */
|
| 98 |
98 |
margin-bottom: 2em; /* mezera za vypadá lépe když je větší */
|
| 99 |
99 |
margin-left: 10%; /* není od okraje do okraje */
|
| ... | ... | |
| 107 |
107 |
page-break-inside: avoid; /* nedělit stránky v nadpisech */
|
| 108 |
108 |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */
|
| 109 |
109 |
page-break-before: auto; /* možno lámat před nadpisem */
|
| 110 |
|
font-family: Arial; /* nadpisový font */
|
|
110 |
font-family: PT Sans; /* nadpisový font */
|
| 111 |
111 |
font-weight: bolder; /* tlistší písmo */
|
| 112 |
112 |
margin-top: 0.75em; /* mezera před trochu větší */
|
| 113 |
113 |
margin-bottom: 0.5em; /* mezera za */
|
| ... | ... | |
| 115 |
115 |
|
| 116 |
116 |
h1 { /* viz styl titulku */
|
| 117 |
117 |
font-size: 200%; /* veliké písmo */
|
| 118 |
|
color: #CC0000; /* hlavní nadpisová barva */
|
|
118 |
color: black; /*#CC0000; /* hlavní nadpisová barva */
|
| 119 |
119 |
}
|
| 120 |
120 |
|
| 121 |
121 |
h1.Small { /* zmenšený nadpis */
|
| ... | ... | |
| 128 |
128 |
|
| 129 |
129 |
h2 {
|
| 130 |
130 |
font-size: 150%; /* velké písmo */
|
| 131 |
|
color: blue; /* vedlejší barva nadpisu */
|
|
131 |
/* color: blue; /* vedlejší barva nadpisu */
|
| 132 |
132 |
}
|
| 133 |
133 |
|
| 134 |
134 |
h2.Small { /* zmenšený nadpis */
|
| ... | ... | |
| 137 |
137 |
|
| 138 |
138 |
h3 {
|
| 139 |
139 |
font-size: 120%; /* větší písmo */
|
| 140 |
|
color: #6666dd; /* vedlejší barva nadpisu */
|
|
140 |
/* color: #6666dd; /* vedlejší barva nadpisu */
|
| 141 |
141 |
}
|
| 142 |
142 |
|
| 143 |
143 |
h3.Small { /* zmenšený nadpis */
|
| ... | ... | |
| 146 |
146 |
|
| 147 |
147 |
h4, h5, h6 { /* písma jen mírně odlišná */
|
| 148 |
148 |
font-style: italic; /* skloněné */
|
| 149 |
|
color: #6666dd; /* vedlejší barva nadpisu */
|
|
149 |
/* color: #6666dd; /* vedlejší barva nadpisu */
|
| 150 |
150 |
}
|
| 151 |
151 |
|
| 152 |
152 |
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */
|
| ... | ... | |
| 160 |
160 |
}
|
| 161 |
161 |
|
| 162 |
162 |
samp { /* ukázky výpisů a podobně */
|
| 163 |
|
font-family: "Courier New"; /* neproporcionální písmo */
|
|
163 |
font-family: PT Sans; /* neproporcionální písmo */
|
| 164 |
164 |
background: lightgrey; /* zvýraznění barvou pozadí */
|
| 165 |
165 |
}
|
| 166 |
166 |
|
| ... | ... | |
| 173 |
173 |
}
|
| 174 |
174 |
|
| 175 |
175 |
code {
|
| 176 |
|
font-family: "Courier New"; /* neproporcionální písmo */
|
|
176 |
font-family: PT Sans; /* neproporcionální písmo */
|
| 177 |
177 |
background: lightgrey; /* zvýraznění barvou pozadí */
|
| 178 |
178 |
display: table; /* je to blok široký dle obsahu */
|
| 179 |
|
_display: block; /* IE6 blok ale široký přes celou stránku */
|
| 180 |
179 |
white-space: pre; /* dodrž formátování */
|
| 181 |
180 |
margin-left: 2em; /* odsazení bloku*/
|
| 182 |
181 |
padding: 0.5ex; /* vnitřní okraj */
|
| ... | ... | |
| 189 |
188 |
|
| 190 |
189 |
/* První slovo má první písmeno zvýrazněné */
|
| 191 |
190 |
.FirstWord:first-letter {
|
| 192 |
|
color: red; /* zvýraznné první písmeno */
|
|
191 |
color: black; /* zvýraznné první písmeno */
|
| 193 |
192 |
}
|
| 194 |
193 |
|
| 195 |
194 |
/* Zvýrazněné řádky s odkazy */
|
| 196 |
195 |
.FirstWord a {
|
| 197 |
196 |
text-decoration: none; /* odkaz není podtržený */
|
| 198 |
197 |
color: inherit; /* odkaz nemá zvláštní barvu */
|
| 199 |
|
_color: #993300; /* IE6 nám nějak nedědí barvu */
|
| 200 |
198 |
}
|
| 201 |
199 |
|
| 202 |
200 |
|
| ... | ... | |
| 213 |
211 |
width: 100%; /* přes celou stránku */
|
| 214 |
212 |
margin: 0em; /* pro jistotu žádný vnější okraj */
|
| 215 |
213 |
border: 0em; /* pro jistotu */
|
| 216 |
|
background-color: #FFFFCC; /* pozor na průhlednost při rolování */
|
| 217 |
|
color: #993300; /* barva písma */
|
|
214 |
background-color: #E5E4E2; /*#FFFFCC; /* pozor na průhlednost při rolování */
|
|
215 |
color: black; /* barva písma */
|
| 218 |
216 |
}
|
| 219 |
217 |
|
| 220 |
218 |
|
| ... | ... | |
| 225 |
223 |
/*border: solid 1px red; /* pro ladění */
|
| 226 |
224 |
position: fixed; /* fixní umístění na stránce */
|
| 227 |
225 |
z-index: 100; /* hodně navrch */
|
| 228 |
|
_position: static; /* IE6 neumí position fixed */
|
| 229 |
|
border-bottom: solid 2px #993300; /* linka pod hlavickou */
|
|
226 |
border-bottom: solid 5px black;/*#993300; /* linka pod hlavickou */
|
| 230 |
227 |
top: -2px; /* umistění na stránce o tloušťku linky */
|
| 231 |
228 |
white-space: nowrap; /* je zakázáno zalomit hlavičku */
|
| 232 |
229 |
overflow: hidden; /* co přečuhuje zahoď */
|
| ... | ... | |
| 259 |
256 |
|
| 260 |
257 |
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/
|
| 261 |
258 |
/*background: #CCFFCC; /* pro ladění */
|
| 262 |
|
padding-left: 0.2em; /* mezera vlevo */
|
|
259 |
padding-left: 0.1em; /* mezera vlevo */
|
|
260 |
font-weight: bold; /* tlusté písmo odkazu */
|
| 263 |
261 |
}
|
| 264 |
262 |
|
| 265 |
263 |
div.InnerHeader img { /* textu "online" v hlavičce */
|
| 266 |
264 |
/*border: solid 1px red; /* pro ladění neprůhledného obrázku */
|
| 267 |
265 |
/*background: #FFCCCC; /* pro ladění průhledného obrázku */
|
| 268 |
|
height: 0.7em; /* gumová výška podle velikosti textu */
|
| 269 |
|
width: 2em; /* gumová šířka podle velikosti textu */
|
|
266 |
height: 0.8em; /* gumová výška podle velikosti textu */
|
|
267 |
/* width: 4em; /* gumová šířka podle velikosti textu */
|
| 270 |
268 |
border: 0px; /* obrázek je bez okraje */
|
| 271 |
269 |
/* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */
|
| 272 |
270 |
/* nebo nějaký problém se svislým zarovnáním */
|
| 273 |
271 |
margin: 0px;
|
| 274 |
272 |
padding: 0px;
|
| 275 |
273 |
position: absolute;
|
| 276 |
|
top: 0.15em;
|
|
274 |
top: 0.13em;
|
| 277 |
275 |
}
|
| 278 |
276 |
|
| 279 |
277 |
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */
|
| ... | ... | |
| 291 |
289 |
|
| 292 |
290 |
div.InnerHeader a { /* odkaz v hlavičce */
|
| 293 |
291 |
text-decoration: none; /* odkaz není podtržený */
|
| 294 |
|
color: #993300; /* IE6 a IE7 nedědí barvu textu */
|
|
292 |
color: black; /*#993300; /* IE6 a IE7 nedědí barvu textu */
|
| 295 |
293 |
}
|
| 296 |
294 |
|
| 297 |
295 |
div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */
|
| ... | ... | |
| 304 |
302 |
div.InnerMenu, /* kontejner pro menu */
|
| 305 |
303 |
div.Menu noscript { /* náhradní text když není JavaScript */
|
| 306 |
304 |
position: fixed; /* fixní umístění na stránce */
|
| 307 |
|
_position: static; /* IE6 neumí position fixed */
|
| 308 |
305 |
width: 16ex; /* šířka bloku s menu */
|
| 309 |
|
_width: 100%; /* IE6 šířka přes celou stránku */
|
| 310 |
306 |
top: 3em; /* výška hlavičky = výška písma + 2*padding */
|
| 311 |
|
_top: 0px; /* IE6 umístění hned pod hlavičku */
|
| 312 |
307 |
left: -2px; /* kompenzace šířky čáry */
|
| 313 |
|
_left: 0px; /* IE6 tady čáru nemáme */
|
| 314 |
308 |
bottom: 0px; /* umístění dole až dolu */
|
| 315 |
|
border-right: solid 2px #993300; /* oddělující linka vpravo */
|
| 316 |
|
_border-right: none; /* IE6 bez čáry vpravo */
|
| 317 |
|
_border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */
|
| 318 |
|
_background: #993300; /* IE6 pozadí stejné jako linky */
|
| 319 |
|
_color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */
|
|
309 |
border-right: solid 5px black;/*#993300; /* oddělující linka vpravo */
|
| 320 |
310 |
text-align: center; /* centrovaný obsah */
|
| 321 |
|
_text-align: left; /* IE6 zarovnáváme vlevo */
|
| 322 |
311 |
font-weight: bold; /* tlusté písmo odkazu */
|
| 323 |
312 |
}
|
| 324 |
313 |
|
| 325 |
314 |
div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */
|
| 326 |
315 |
/*background: #333333; /* ladící pozadí */
|
| 327 |
316 |
margin-left: 2px; /* kompenzace kompenzace čáry */
|
| 328 |
|
_margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */
|
| 329 |
|
_border: 0px; /* IE6 žádný okraj */
|
| 330 |
|
_padding: 0px; /* IE6 žádná výplň */
|
| 331 |
317 |
}
|
| 332 |
318 |
|
| 333 |
319 |
div.InnerMenu .MenuText { /* popisky v navigaci */
|
| ... | ... | |
| 349 |
335 |
div.InnerMenu li { /* jednotlivé odkazy */
|
| 350 |
336 |
/*background: #BBBBBB; /* ladící pozadí */
|
| 351 |
337 |
padding: 0; /* definovaná hodnota */
|
| 352 |
|
border: solid 1px #993300; /* tenký rámeček */
|
|
338 |
border: solid 1px white;/*#993300; /* tenký rámeček */
|
| 353 |
339 |
margin: 2px; /* malé mezery okolo */
|
| 354 |
|
background: #993300; /* tmavé pozadí "tlačítek" v liště */
|
| 355 |
|
color: #FFFFCC; /* světlá písmena na "tlačítkách" */
|
| 356 |
|
_background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */
|
| 357 |
|
_color: #993300; /* IE6 tmavá písmena na "tlačítkách" */
|
|
340 |
background: black;/*#993300; /* tmavé pozadí "tlačítek" v liště */
|
|
341 |
color: silver;/*#FFFFCC; /* světlá písmena v caption u kurzoru na "tlačítkách" */
|
| 358 |
342 |
}
|
| 359 |
343 |
|
| 360 |
344 |
div.InnerMenu a { /* odkazy v menu */
|
| 361 |
345 |
text-decoration: none; /* odstranění podtržení odkazů */
|
| 362 |
|
color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */
|
| 363 |
|
_color: #000000; /* IE6 černá jako kontrastní barva */
|
|
346 |
color: white;/* #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */
|
| 364 |
347 |
}
|
| 365 |
348 |
|
| 366 |
349 |
div.InnerMenu a.Selected { /* vybraná položka v menu */
|
| 367 |
350 |
color: #00FF00; /* změn barvu písma */
|
| 368 |
|
_color: #000000; /* IE6 neměnit písmo */
|
| 369 |
|
_background: #00FF00; /* IE6 ale změnit pozadí */
|
| 370 |
351 |
}
|
| 371 |
352 |
|
| 372 |
353 |
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
|
| ... | ... | |
| 391 |
372 |
div.InnerFooter, /* patička */
|
| 392 |
373 |
div.Footer noscript { /* náhradní text když není JavaScript */
|
| 393 |
374 |
position: fixed; /* fixní umístění na stránce */
|
| 394 |
|
_position: static; /* IE6 neumí position fixed */
|
| 395 |
375 |
bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */
|
| 396 |
|
border-top: solid 2px #993300; /* linka nad hlavičkou */
|
| 397 |
|
border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */
|
| 398 |
|
_border-bottom: solid 2px #993300; /* IE6 tenká linka */
|
|
376 |
border-top: solid 5px black; /*#993300; /* linka nad hlavičkou */
|
|
377 |
border-bottom: solid 6px black; /*#993300; /* linka pod hlavičkou + záporné posunutí */
|
| 399 |
378 |
font-size: 80%; /* písmo v patičce trochu zmenšit */
|
| 400 |
379 |
height: 1.25em; /* výška patičky */
|
| 401 |
380 |
overflow: hidden; /* co přečuhuje zahoď */
|
| 402 |
|
/*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */
|
| 403 |
381 |
} /* přidal jsem pevnou mezeru do textu */
|
| 404 |
382 |
|
|
383 |
div.InnerFooter a { /* odkazy v menu */
|
|
384 |
text-decoration: none; /* odstranění podtržení odkazů */
|
|
385 |
color: black;/* #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */
|
|
386 |
}
|
| 405 |
387 |
|
|
388 |
|
| 406 |
389 |
/* Zobrazení hlavičky, patičky a menu když není JavaScript */
|
| 407 |
390 |
/* ------------------------------------------------------- */
|
| 408 |
391 |
|