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