| Line 3... |
Line 3... |
| 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 |
/* Změněno kódování na UTF-8 - nutné pro IE a s českými komentáři */ |
| 6 |
/* Doplněny styly pro websvn */ |
6 |
/* Doplněny styly pro websvn */ |
| 7 |
/* Nutno doladit patičku (přesnost patička X text) */ |
7 |
/* Nutno doladit patičku (přesnost patička X text) */ |
| - |
|
8 |
/* Zlepšena podpora IE7 (oprava barev odkazů v menu) */ |
| - |
|
9 |
|
| - |
|
10 |
/* PROBLEM - opravit hlavičku aby se zarovnávala správně, současné řešení není |
| - |
|
11 |
příliš robustní (nepracuje správně při změně velikosti písma). |
| - |
|
12 |
*/ |
| 8 |
|
13 |
|
| 9 |
/* |
14 |
/* |
| 10 |
Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání |
15 |
Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání |
| 11 |
textu hlavičkou a patičkou na dalších stránkách. |
16 |
textu hlavičkou a patičkou na dalších stránkách. |
| 12 |
Pro tisk je vhodné vypnout menu. |
17 |
Pro tisk je vhodné vypnout menu. |
| Line 228... |
Line 233... |
| 228 |
div.InnerHeader img { /* textu "online" v hlavičce */ |
233 |
div.InnerHeader img { /* textu "online" v hlavičce */ |
| 229 |
/*border: solid 1px red; /* pro ladění neprůhledného obrázku */ |
234 |
/*border: solid 1px red; /* pro ladění neprůhledného obrázku */ |
| 230 |
/*background: #FFCCCC; /* pro ladění průhledného obrázku */ |
235 |
/*background: #FFCCCC; /* pro ladění průhledného obrázku */ |
| 231 |
height: 0.7em; /* gumová výška podle velikosti textu */ |
236 |
height: 0.7em; /* gumová výška podle velikosti textu */ |
| 232 |
width: 2em; /* gumová šířka podle velikosti textu */ |
237 |
width: 2em; /* gumová šířka podle velikosti textu */ |
| - |
|
238 |
border: 0px; /* obrázek je bez okraje */ |
| - |
|
239 |
/* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */ |
| - |
|
240 |
/* nebo nějaký problém se svislým zarovnáním */ |
| - |
|
241 |
margin: 0px; |
| - |
|
242 |
padding: 0px; |
| - |
|
243 |
position: absolute; |
| - |
|
244 |
top: 0.15em; |
| 233 |
} |
245 |
} |
| 234 |
|
246 |
|
| 235 |
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ |
247 |
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ |
| 236 |
/*border: solid 1px yellow; /* pro ladění */ |
248 |
/*border: solid 1px yellow; /* pro ladění */ |
| 237 |
background: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */ |
249 |
background: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */ |
| Line 242... |
Line 254... |
| 242 |
font-size: 80%; /* velikost písma o něo menší */ |
254 |
font-size: 80%; /* velikost písma o něo menší */ |
| 243 |
left: 6.625em; /* posunutí o logo 5.3em / 80% */ |
255 |
left: 6.625em; /* posunutí o logo 5.3em / 80% */ |
| 244 |
_left: auto; /* IE6 natahuje se místo vlevo od textu */ |
256 |
_left: auto; /* IE6 natahuje se místo vlevo od textu */ |
| 245 |
right: 0px; /* pravý okraj až na konci */ |
257 |
right: 0px; /* pravý okraj až na konci */ |
| 246 |
top: 2px; /* posunutí o čáru jako u ostatních částí hlavičky */ |
258 |
top: 2px; /* posunutí o čáru jako u ostatních částí hlavičky */ |
| - |
|
259 |
_top: 0px; /* IE6 oprava posunutí (nevím proč) */ |
| 247 |
} |
260 |
} |
| 248 |
|
261 |
|
| 249 |
div.InnerHeader a { /* odkaz v hlavičce */ |
262 |
div.InnerHeader a { /* odkaz v hlavičce */ |
| 250 |
text-decoration: none; /* odkaz není podtržený */ |
263 |
text-decoration: none; /* odkaz není podtržený */ |
| 251 |
color: inherit; /* odkaz nemá zvláštní barvu */ |
- |
|
| 252 |
_color: #993300; /* IE6 nám nějak nedědí barvu */ |
264 |
color: #993300; /* IE6 a IE7 nedědí barvu textu */ |
| 253 |
} |
265 |
} |
| 254 |
|
266 |
|
| 255 |
div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */ |
267 |
div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */ |
| 256 |
color: #FF0000; /* změň barvu odkazu */ |
268 |
color: #FF0000; /* změň barvu odkazu */ |
| 257 |
} |
269 |
} |
| Line 313... |
Line 325... |
| 313 |
_color: #993300; /* IE6 tmavá písmena na "tlačítkách" */ |
325 |
_color: #993300; /* IE6 tmavá písmena na "tlačítkách" */ |
| 314 |
} |
326 |
} |
| 315 |
|
327 |
|
| 316 |
div.InnerMenu a { /* odkazy v menu */ |
328 |
div.InnerMenu a { /* odkazy v menu */ |
| 317 |
text-decoration: none; /* odstranění podtržení odkazů */ |
329 |
text-decoration: none; /* odstranění podtržení odkazů */ |
| 318 |
color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ |
330 |
color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */ |
| 319 |
_color: #000000; /* IE6 neumí dědit */ |
331 |
_color: #000000; /* IE6 černá jako kontrastní barva */ |
| 320 |
} |
332 |
} |
| 321 |
|
333 |
|
| 322 |
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
334 |
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
| 323 |
color: #FF0000; /* změn barvu písma */ |
335 |
color: #FF0000; /* změn barvu písma */ |
| 324 |
} |
336 |
} |
| Line 354... |
Line 366... |
| 354 |
|
366 |
|
| 355 |
|
367 |
|
| 356 |
/* Nastavení těla dokumentu */ |
368 |
/* Nastavení těla dokumentu */ |
| 357 |
/* ------------------------ */ |
369 |
/* ------------------------ */ |
| 358 |
div.Text, div.Section1 { /* tělo stránky */ |
370 |
div.Text, div.Section1 { /* tělo stránky */ |
| 359 |
/*border: solid #20FF20 1px; /* pro ladění */ |
371 |
/*border: solid #20FF20 1px; /* pro ladění */ |
| 360 |
padding: 2ex; /* oddělení textu od okrajů */ |
372 |
padding: 2ex; /* oddělení textu od okrajů */ |
| 361 |
margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */ |
373 |
margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */ |
| 362 |
_margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */ |
374 |
_margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */ |
| 363 |
margin-left: 16ex; /* odsazení o velikost menu a kousek */ |
375 |
margin-left: 16ex; /* odsazení o velikost menu a kousek */ |
| 364 |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
376 |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |