Rev 38 Rev 39
1 /* 1 /*
2 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k pøekrývání 2 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k pøekrývání
3 textu hlavièkou a patièkou na dalších stránkách. 3 textu hlavièkou a patièkou na dalších stránkách.
4 Pro tisk je vhodné vypnout menu. 4 Pro tisk je vhodné vypnout menu.
5   5  
6 pøipojení: 6 pøipojení:
7 nejdøív hlavní css 7 nejdøív hlavní css
8 pak za nìj tiskový css 8 pak za nìj tiskový css
9 9
10 V tiskovém css by mìlo být 10 V tiskovém css by mìlo být
11 width: 100% šíøka pøez celou stranu 11 width: 100% šíøka pøez celou stranu
12 velikost písma v pt 12 velikost písma v pt
13 øádkování 1 13 øádkování 1
14 patkové písmo (lépe se ète) 14 patkové písmo (lépe se ète)
15 font: 12pt/1 "Times CE", Times, "Times New Roman", serif; 15 font: 12pt/1 "Times CE", Times, "Times New Roman", serif;
16 pro obrazovku je lepší font bezpatkový, skus Verdana 16 pro obrazovku je lepší font bezpatkový, skus Verdana
17 zhasnout nepotøebné dispaly: none 17 zhasnout nepotøebné dispaly: none
18 18
19   19  
20 Dodìlat: 20 Dodìlat:
21 Alternativní fonty (font-family) 21 Alternativní fonty (font-family)
22 Definice stylu pro tisk (pro stránkovaná média) 22 Definice stylu pro tisk (pro stránkovaná média)
23 Alternativní styly 23 Alternativní styly
24 bez absolutního pozicování 24 bez absolutního pozicování
25 možná bez barev (èernobíle) 25 možná bez barev (èernobíle)
26 Styl nadpisu tabulky 26 Styl nadpisu tabulky
27 Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtší 27 Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtší
-   28  
-   29 h1,h2,h3,h4,h5,h6 {
-   30 page-break-inside:avoid;
-   31 page-break-after:avoid;
-   32 page-break-before:auto
-   33 }
-   34  
-   35 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 {
-   36 page-break-before:avoid
-   37 }
-   38  
-   39 img {
-   40 page-break-inside:avoid
-   41 }
-   42  
28 */ 43 */
29   44  
30   45  
31 /*============================================================================*/ 46 /*============================================================================*/
32 /* Globální nastavení */ 47 /* Globální nastavení */
33 /*============================================================================*/ 48 /*============================================================================*/
34   49  
35   50  
36 /* Sjednocení nastavení celého dokumentu */ 51 /* Sjednocení nastavení celého dokumentu */
37 /* ------------------------------------- */ 52 /* ------------------------------------- */
38 html, body { 53 html, body {
39 background: none #FFFFFF; /* barva pozadí bez obrázku */ 54 background: none #FFFFFF; /* barva pozadí bez obrázku */
40 color: #000000; /* barva písma */ 55 color: #000000; /* barva písma */
41 margin: 0px; /* sjednotíme okraje pro všechny prohlížeèe */ 56 margin: 0px; /* sjednotíme okraje pro všechny prohlížeèe */
42 padding: 0px; 57 padding: 0px;
43 } 58 }
44   59  
45 body { 60 body {
46 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */ 61 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */
47 } 62 }
48   63  
49 /*============================================================================*/ 64 /*============================================================================*/
50 /* Nastavení písma textu a nadpisù */ 65 /* Nastavení písma textu a nadpisù */
51 /*============================================================================*/ 66 /*============================================================================*/
52   67  
53   68  
54 /* Standardní písmo odstavcù */ 69 /* Standardní písmo odstavcù */
55 /* ------------------------- */ 70 /* ------------------------- */
56 p { /* standardní písmo odstavce */ 71 p { /* standardní písmo odstavce */
57 font-family: "Times New Roman"; /* øez písma */ 72 font-family: "Times New Roman"; /* øez písma */
58 line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */ 73 line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */
59 margin-left: 0px; /* standarnì text od okraje */ 74 margin-left: 0px; /* standarnì text od okraje */
60 margin-right: 0px; /* k okraji, mezera zajištìna paddingem */ 75 margin-right: 0px; /* k okraji, mezera zajištìna paddingem */
61 margin-top: 0.75em; /* mezera pøed odstavcem */ 76 margin-top: 0.75em; /* mezera pøed odstavcem */
62 margin-bottom: 0.9em; /* mezera za odstavcem */ 77 margin-bottom: 0.9em; /* mezera za odstavcem */
63 } 78 }
64   79  
65   80  
66 /* Titulek, podtitul a autor èlánku */ 81 /* Titulek, podtitul a autor èlánku */
67 /* -------------------------------- */ 82 /* -------------------------------- */
68 p.Titul, li.Titul, div.Titul, 83 p.Titul, li.Titul, div.Titul,
69 p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */ 84 p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */
70 font-family: Arial; /* nadpisové písmo */ 85 font-family: Arial; /* nadpisové písmo */
71 font-weight: bolder; /* tlistší písmo */ 86 font-weight: bolder; /* tlistší písmo */
72 text-align: center; /* centrované */ 87 text-align: center; /* centrované */
73 font-size: 200%; /* velké písmo */ 88 font-size: 200%; /* velké písmo */
74 color: #CC0000; /* hlavní nadpisová barva */ 89 color: #CC0000; /* hlavní nadpisová barva */
75 margin-top: 0.5em; /* mezera pøed odstavcem */ 90 margin-top: 0.5em; /* mezera pøed odstavcem */
76 margin-bottom: 0.5em; /* mezera za odstavcem */ 91 margin-bottom: 0.5em; /* mezera za odstavcem */
77 } 92 }
78   93  
79 p.Autor, li.Autor, div.Autor { /* standardní písmo */ 94 p.Autor, li.Autor, div.Autor { /* standardní písmo */
80 font-family: Arial; /* nadpisovým písmem */ 95 font-family: Arial; /* nadpisovým písmem */
81 text-align: center; /* centrované */ 96 text-align: center; /* centrované */
82 color: blue; /* vedlejší nadpisová barva */ 97 color: blue; /* vedlejší nadpisová barva */
83 margin-top: 0.25em; /* mezera pøed odstavcem */ 98 margin-top: 0.25em; /* mezera pøed odstavcem */
84 } 99 }
85   100  
86 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, 101 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
87 p.Subtitle, li.Subtitle, div.Subtitle { 102 p.Subtitle, li.Subtitle, div.Subtitle {
88 font-family: Arial; /* nadpisové písmo */ 103 font-family: Arial; /* nadpisové písmo */
89 font-style: italic; /* sklonìné */ 104 font-style: italic; /* sklonìné */
90 text-align: center; /* centrované */ 105 text-align: center; /* centrované */
91 font-size: 120%; /* trošku vìtší písmo */ 106 font-size: 120%; /* trošku vìtší písmo */
92 color: #0000FF; /* vedlejší nadpisová barva */ 107 color: #0000FF; /* vedlejší nadpisová barva */
93 margin-top: 1em; /* mezera pøed */ 108 margin-top: 1em; /* mezera pøed */
94 margin-bottom: 2em; /* mezera za vypadá lépe když je vìtší */ 109 margin-bottom: 2em; /* mezera za vypadá lépe když je vìtší */
95 margin-left: 10%; /* není od okraje do okraje */ 110 margin-left: 10%; /* není od okraje do okraje */
96 margin-right: 10%; /* ani na jedné stranì */ 111 margin-right: 10%; /* ani na jedné stranì */
97 } 112 }
98   113  
99   114  
100 /* spoleèné vlastnosti nadpisù a nadpisy */ 115 /* spoleèné vlastnosti nadpisù a nadpisy */
101 /* ------------------------------------- */ 116 /* ------------------------------------- */
102 h1, h2, h3, h4, h5, h6 { 117 h1, h2, h3, h4, h5, h6 {
103 page-break-inside: avoid; /* nedìlit stránky v nadpisech */ 118 page-break-inside: avoid; /* nedìlit stránky v nadpisech */
104 page-break-after: avoid; /* zákaz zalomení pod nadpisem */ 119 page-break-after: avoid; /* zákaz zalomení pod nadpisem */
105 font-family: Arial; /* nadpisový font */ 120 font-family: Arial; /* nadpisový font */
106 font-weight: bolder; /* tlistší písmo */ 121 font-weight: bolder; /* tlistší písmo */
107 margin-top: 1em; /* mezera pøed trochu vìtší */ 122 margin-top: 1em; /* mezera pøed trochu vìtší */
108 margin-bottom: 0.75em; /* mezera za */ 123 margin-bottom: 0.75em; /* mezera za */
109 } 124 }
110   125  
111 h1 { /* viz styl titulku */ 126 h1 { /* viz styl titulku */
112 font-size: 200%; /* veliké písmo */ 127 font-size: 200%; /* veliké písmo */
113 color: #CC0000; /* hlavní nadpisová barva */ 128 color: #CC0000; /* hlavní nadpisová barva */
114 } 129 }
115   130  
116 h2 { 131 h2 {
117 font-size: 150%; /* velké písmo */ 132 font-size: 150%; /* velké písmo */
118 color: blue; /* vedlejší barva nadpisu */ 133 color: blue; /* vedlejší barva nadpisu */
119 } 134 }
120   135  
121 h3 { 136 h3 {
122 font-size: 120%; /* vìtší písmo */ 137 font-size: 120%; /* vìtší písmo */
123 color: blue; /* vedlejší barva nadpisu */ 138 color: blue; /* vedlejší barva nadpisu */
124 } 139 }
125   140  
126 h4, h5, h6 { /* písma jen mírnì odlišná */ 141 h4, h5, h6 { /* písma jen mírnì odlišná */
127 font-style: italic; /* sklonìné */ 142 font-style: italic; /* sklonìné */
128 color: blue; /* vedlejší barva nadpisu */ 143 color: blue; /* vedlejší barva nadpisu */
129 } 144 }
130   145  
131 samp { /* ukázky výpisù a podobnì */ 146 samp { /* ukázky výpisù a podobnì */
132 font-family: "Courier New"; /* neproporcionální písmo */ 147 font-family: "Courier New"; /* neproporcionální písmo */
133 } 148 }
134   149  
135 /* První slovo má první písmeno zvýraznìné */ 150 /* První slovo má první písmeno zvýraznìné */
136 .FirstWord:first-letter { 151 .FirstWord:first-letter {
137 color: red; 152 color: red;
138 } 153 }
139   154  
-   155 /* Zatím jen na pokusy a pomocné výpisy */
-   156 .Small {
-   157 font-size: 75%; /* zmenšené písmo */
-   158 }
-   159  
140   160  
141 /*============================================================================*/ 161 /*============================================================================*/
142 /* Nastavení pro hlavièku, patièku a menu */ 162 /* Nastavení pro hlavièku, patièku a menu */
143 /*============================================================================*/ 163 /*============================================================================*/
144   164  
145   165  
146 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */ 166 /* Spoleèná nastavení pro Hlavièku Menu a Patièku */
147 /* ---------------------------------------------- */ 167 /* ---------------------------------------------- */
148 div.InnerHeader, div.InnerMenu, div.InnerFooter { 168 div.InnerHeader, div.InnerMenu, div.InnerFooter {
149 /*border: dotted #FF8080 1px; /* pro ladìní */ 169 /*border: dotted #FF8080 1px; /* pro ladìní */
150 width: 100%; /* pøes celou stránku */ 170 width: 100%; /* pøes celou stránku */
151 margin: 0em; /* pro jistotu žádný vnìjší okraj */ 171 margin: 0em; /* pro jistotu žádný vnìjší okraj */
152 border: 0em; /* pro jistotu */ 172 border: 0em; /* pro jistotu */
153 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ 173 background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */
154 color: #993300; /* barva písma */ 174 color: #993300; /* barva písma */
155 } 175 }
156   176  
157   177  
158 /* Nastavení specifická pro Hlavièku */ 178 /* Nastavení specifická pro Hlavièku */
159 /* --------------------------------- */ 179 /* --------------------------------- */
160 div.InnerHeader { /* kontejner na hlavièku */ 180 div.InnerHeader { /* kontejner na hlavièku */
161 /*border: solid 1px red; /* pro ladìní */ 181 /*border: solid 1px red; /* pro ladìní */
162 position: fixed; /* fixní umístìní na stránce */ 182 position: fixed; /* fixní umístìní na stránce */
163 _position: static; /* IE6 neumí position fixed */ 183 _position: static; /* IE6 neumí position fixed */
164 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 184 border-bottom: solid 2px #993300; /* linka pod hlavickou */
165 top: -2px; /* umistìní na stránce o tloušku linky */ 185 top: -2px; /* umistìní na stránce o tloušku linky */
166 white-space: nowrap; /* je zakázáno zalomit hlavièku */ 186 white-space: nowrap; /* je zakázáno zalomit hlavièku */
167 overflow: hidden; /* co pøeèuhuje zahoï */ 187 overflow: hidden; /* co pøeèuhuje zahoï */
168 font-size: 3em; /* velikost písma vzhedem k rodièi */ 188 font-size: 3em; /* velikost písma vzhedem k rodièi */
169 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ 189 padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */
170 line-height: 100%; /* vzdálenost øádek od sebe */ 190 line-height: 100%; /* vzdálenost øádek od sebe */
171 } 191 }
172   192  
173 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ 193 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/
174 /*background: #CCFFCC; /* pro ladìní */ 194 /*background: #CCFFCC; /* pro ladìní */
175 padding-left: 0.2em; /* mezera vlevo */ 195 padding-left: 0.2em; /* mezera vlevo */
176 } 196 }
177   197  
178 div.InnerHeader img { /* textu "online" v hlavièce */ 198 div.InnerHeader img { /* textu "online" v hlavièce */
179 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ 199 /*border: solid 1px red; /* pro ladìní neprùhledného obrázku */
180 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ 200 /*background: #FFCCCC; /* pro ladìní prùhledného obrázku */
181 height: 0.7em; /* gumová výška podle velikosti textu */ 201 height: 0.7em; /* gumová výška podle velikosti textu */
182 width: 2em; /* gumová šíøka podle velikosti textu */ 202 width: 2em; /* gumová šíøka podle velikosti textu */
183 } 203 }
184   204  
185 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ 205 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */
186 /*border: solid 1px yellow; /* pro ladìní */ 206 /*border: solid 1px yellow; /* pro ladìní */
187 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ 207 background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */
188 /*background: #CCFFCC; /* pro ladìní */ 208 /*background: #CCFFCC; /* pro ladìní */
189 position: absolute; /* absolutní umístìní */ 209 position: absolute; /* absolutní umístìní */
190 text-align: center; /* centrovaný obsah IE6 ignoruje */ 210 text-align: center; /* centrovaný obsah IE6 ignoruje */
191 left: 5.3em; /* posunutí o logo */ 211 left: 5.3em; /* posunutí o logo */
192 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 212 _left: auto; /* IE6 natahuje se místo vlevo od textu */
193 right: 0px; /* pravý okraj až na konci */ 213 right: 0px; /* pravý okraj až na konci */
194 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ 214 top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */
195 _padding-right: 0.2em; /* IE6 mezera vpravo */ 215 _padding-right: 0.2em; /* IE6 mezera vpravo */
196 } 216 }
197   217  
198 div.InnerHeader a { /* odkaz v hlavièce */ 218 div.InnerHeader a { /* odkaz v hlavièce */
199 text-decoration: none; /* odkaz není podtržený */ 219 text-decoration: none; /* odkaz není podtržený */
200 color: inherit; /* odkaz nemá zvláštní barvu */ 220 color: inherit; /* odkaz nemá zvláštní barvu */
201 _color: #993300; /* IE6 nám nìjak nedìdí barvu */ 221 _color: #993300; /* IE6 nám nìjak nedìdí barvu */
202 } 222 }
203   223  
204 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ 224 div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */
205 color: #FF0000; /* zmìò barvu odkazu */ 225 color: #FF0000; /* zmìò barvu odkazu */
206 } 226 }
207   227  
208   228  
209 /* Nastavení specifická pro Menu */ 229 /* Nastavení specifická pro Menu */
210 /* ----------------------------- */ 230 /* ----------------------------- */
211 div.InnerMenu { /* kontejner pro menu */ 231 div.InnerMenu { /* kontejner pro menu */
212 position: fixed; /* fixní umístìní na stránce */ 232 position: fixed; /* fixní umístìní na stránce */
213 _position: static; /* IE6 neumí position fixed */ 233 _position: static; /* IE6 neumí position fixed */
214 width: 7em; /* šíøka bloku s menu */ 234 width: 7em; /* šíøka bloku s menu */
215 _width: 100%; /* IE6 šíøka pøes celou stránku */ 235 _width: 100%; /* IE6 šíøka pøes celou stránku */
216 top: 3em; /* výška hlavièky = výška písma + 2*padding */ 236 top: 3em; /* výška hlavièky = výška písma + 2*padding */
217 _top: 0px; /* IE6 umístìní hned pod hlavièku */ 237 _top: 0px; /* IE6 umístìní hned pod hlavièku */
218 left: -2px; /* kompenzace šíøky èáry */ 238 left: -2px; /* kompenzace šíøky èáry */
219 _left: 0px; /* IE6 tady èáru nemáme */ 239 _left: 0px; /* IE6 tady èáru nemáme */
220 bottom: 0px; /* umístìní dole až dolu */ 240 bottom: 0px; /* umístìní dole až dolu */
221 border-right: solid 2px #993300; /* oddìlující linka vpravo */ 241 border-right: solid 2px #993300; /* oddìlující linka vpravo */
222 _border-right: none; /* IE6 bez èáry vpravo */ 242 _border-right: none; /* IE6 bez èáry vpravo */
223 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ 243 _border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */
224 _background: #993300; /* IE6 pozadí stejné jako linky */ 244 _background: #993300; /* IE6 pozadí stejné jako linky */
225 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ 245 _color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */
226 text-align: center; /* centrovaný obsah IE6 ignoruje */ 246 text-align: center; /* centrovaný obsah IE6 ignoruje */
227 font-weight: bold; /* tlusté písmo odkazu */ 247 font-weight: bold; /* tlusté písmo odkazu */
228 } 248 }
229   249  
230 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ 250 div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */
231 /*_background: #333333; /* ladící pozadí */ 251 /*_background: #333333; /* ladící pozadí */
232 margin-left: 2px; /* kompenzace kompenzace èáry */ 252 margin-left: 2px; /* kompenzace kompenzace èáry */
233 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ 253 _margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */
234 _border: 0px; /* IE6 žádný okraj */ 254 _border: 0px; /* IE6 žádný okraj */
235 _padding: 0px; /* IE6 žádná výplò */ 255 _padding: 0px; /* IE6 žádná výplò */
236 } 256 }
237   257  
238 div.InnerMenu .MenuText { /* popisky v navigaci */ 258 div.InnerMenu .MenuText { /* popisky v navigaci */
239 /*background: #DDDDDD; /* ladící pozadí */ 259 /*background: #DDDDDD; /* ladící pozadí */
240 border: none; /* žádný okraj */ 260 border: none; /* žádný okraj */
241 margin: 3px; /* malé mezery okolo */ 261 margin: 3px; /* malé mezery okolo */
242 } 262 }
243   263  
-   264  
244 /* Zobrazení seznamu odkazù v menu */ 265 /* Zobrazení seznamu odkazù v menu */
245 /* ------------------------------- */ 266 /* ------------------------------- */
246 div.InnerMenu ul { /* navigace jako seznam odkazù */ 267 div.InnerMenu ul { /* navigace jako seznam odkazù */
247 list-style: none; /* seznam je bez odrážek */ 268 list-style: none; /* seznam je bez odrážek */
248 margin: 0px; /* bez odsazení IE */ 269 margin: 0px; /* bez odsazení IE */
249 padding: 0em; /* bez odsazení FF */ 270 padding: 0em; /* bez odsazení FF */
250 white-space: nowrap; /* zákaz lámání položek menu do øádek */ 271 white-space: nowrap; /* zákaz lámání položek menu do øádek */
251 } 272 }
252   273  
253 div.InnerMenu li { /* jednotlivé odkazy */ 274 div.InnerMenu li { /* jednotlivé odkazy */
254 /*background: #BBBBBB; /* ladící pozadí */ 275 /*background: #BBBBBB; /* ladící pozadí */
255 border: solid 1px #993300; /* tenký rámeèek */ 276 border: solid 1px #993300; /* tenký rámeèek */
256 margin: 2px; /* malé mezery okolo */ 277 margin: 2px; /* malé mezery okolo */
257 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */ 278 _background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v lištì */
258 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ 279 _color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */
259 } 280 }
260   281  
261 div.InnerMenu a { /* odkazy v menu */ 282 div.InnerMenu a { /* odkazy v menu */
262 text-decoration: none; /* odstranìní podtržení odkazù */ 283 text-decoration: none; /* odstranìní podtržení odkazù */
263 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ 284 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
264 _color: #000000; /* IE6 neumí dìdit */ 285 _color: #000000; /* IE6 neumí dìdit */
265 } 286 }
266   287  
267 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ 288 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
268 color: #FF0000; /* zmìn barvu písma */ 289 color: #FF0000; /* zmìn barvu písma */
269 } 290 }
270   291  
271 /* Zobrazení v menu */ 292 /* Zobrazení v menu */
272 /* ---------------- */ 293 /* ---------------- */
273 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ 294 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
274 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 295 _float: left; /* IE6 všechny prvky menu plavou vlevo */
275 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ 296 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
276 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ 297 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
277 } 298 }
278   299  
279   300  
280 /* Nastavení specifická pro Patièku */ 301 /* Nastavení specifická pro Patièku */
281 /* -------------------------------- */ 302 /* -------------------------------- */
282 div.InnerFooter{ /* patièka */ 303 div.InnerFooter{ /* patièka */
283 position: fixed; /* fixní umístìní na stránce */ 304 position: fixed; /* fixní umístìní na stránce */
284 _position: static; /* IE6 neumí position fixed */ 305 _position: static; /* IE6 neumí position fixed */
285 bottom: 0px; /* umístìní na stránce */ 306 bottom: 0px; /* umístìní na stránce */
286 border-top: solid 2px #993300; /* linka nad hlavièkou */ 307 border-top: solid 2px #993300; /* linka nad hlavièkou */
287 border-bottom: solid 2px #993300; /* linka pod hlavièkou */ 308 border-bottom: solid 2px #993300; /* linka pod hlavièkou */
288 font-size: 85%; /* písmo v patièce trochu zmenšit */ 309 font-size: 85%; /* písmo v patièce trochu zmenšit */
289 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */ 310 /*padding-left: 1em; /* to nejde použít protože IE6 neumí poèítat */
290 } /* pøidal jsem pevnou mezeru do textu */ 311 } /* pøidal jsem pevnou mezeru do textu */
291   312  
292   313  
293 /*============================================================================*/ 314 /*============================================================================*/
294 /* Nastavení pro tìlo dokumentu */ 315 /* Nastavení pro tìlo dokumentu */
295 /*============================================================================*/ 316 /*============================================================================*/
296   317  
297   318  
298 /* Nastavení tìla dokumentu */ 319 /* Nastavení tìla dokumentu */
299 /* ------------------------ */ 320 /* ------------------------ */
300 div.Text, div.Section1 { /* tìlo stránky */ 321 div.Text, div.Section1 { /* tìlo stránky */
301 border: solid #20FF20 1px; /* pro ladìní */ 322 border: solid #20FF20 1px; /* pro ladìní */
302 padding: 2ex; /* oddìlení textu od okrajù */ 323 padding: 2ex; /* oddìlení textu od okrajù */
303 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */ 324 margin-top: 3em; /* když funguje fixní pozicování vynech hlavièku */
304 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ 325 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */
305 margin-left: 7em; /* odsazení o velikost menu a kousek */ 326 margin-left: 7em; /* odsazení o velikost menu a kousek */
306 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 327 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
307 margin-bottom: 2em; /* když funguje fixní pozicování vynech patièku */ 328 margin-bottom: 2em; /* když funguje fixní pozicování vynech patièku */
308 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ 329 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
309 } 330 }
310   331  
311   332  
312 /* centrování vyznaèených elementù */ 333 /* centrování vyznaèených elementù */
313 .center { 334 .center {
314 text-align: center; 335 text-align: center;
315 } 336 }
316   337  
317 /* obarvení textù psaných kurzivou */ 338 /* obarvení textù psaných kurzivou */
318 p i, div i, span i { 339 p i, div i, span i {
319 color: #990000; 340 color: #990000;
320 } 341 }
321   342  
322   343  
323 /* Tabulky */ 344 /* Tabulky */
324 /* ------- */ 345 /* ------- */
325 table { 346 table {
326 border-collapse: separate; /* pøíèky v tabulce */ 347 border-collapse: separate; /* pøíèky v tabulce */
327 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */ 348 border: 3px solid #CCCCCC; /* vnìjší okraj tabulky */
328 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */ 349 margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */
329 margin-bottom: 0.5em; /* odstup dole */ 350 margin-bottom: 0.5em; /* odstup dole */
330 background-color: #EEFFEE; /* pozadí tabulky */ 351 background-color: #EEFFEE; /* pozadí tabulky */
331 } 352 }
332   353  
333 /* pøíèky mezi buòkami */ 354 /* pøíèky mezi buòkami */
334 th, td { 355 th, td {
335 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */ 356 border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
336 text-align: left; /* pøebití centrování th prvku */ 357 text-align: left; /* pøebití centrování th prvku */
337 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ 358 padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
338 } 359 }
339   360  
340 th { 361 th {
341 color: #FF2020; /* odlišení hlavièkových øádek */ 362 color: #FF2020; /* odlišení hlavièkových øádek */
342 } 363 }
343   364  
344 table p, table div, table li, table ol, table ul { 365 table p, table div, table li, table ol, table ul {
345 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */ 366 margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */
346 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */ 367 margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */
347 } 368 }
348   369  
349 /* Tabulka Soupiska */ 370 /* Tabulka Soupiska */
350 /* ---------------- */ 371 /* ---------------- */
351 /* Tabulka s rozpiskou souèástek */ 372 /* Tabulka s rozpiskou souèástek */
352 /* Formát tabulky vychází z obecné tabulky */ 373 /* Formát tabulky vychází z obecné tabulky */
353 /* první <th> je legenda */ 374 /* první <th> je legenda */
354 /* další <th> jsou skupinou souèástek */ 375 /* další <th> jsou skupinou souèástek */
355 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */ 376 /* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */
356 table.Soupiska td { 377 table.Soupiska td {
357 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ 378 padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
358 } 379 }
359   380  
360 table.Soupiska tr td:first-child { 381 table.Soupiska tr td:first-child {
361 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ 382 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
362 } 383 }
363   384  
364 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 385 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
365 font-style: italic; /* a tak se to v IE ignoruje */ 386 font-style: italic; /* a tak se to v IE ignoruje */
366 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 387 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
367 } 388 }
368   389  
369 table.Soupiska tr:first-child > th { 390 table.Soupiska tr:first-child > th {
370 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */ 391 font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */
371 font-weight: bold; 392 font-weight: bold;
372 } 393 }
373   394  
374   395  
375   396  
376   397  
377 /*============================================================================*/ 398 /*============================================================================*/
378 /* Formáty pro stránku o autorech */ 399 /* Formáty pro stránku o autorech */
379 /*============================================================================*/ 400 /*============================================================================*/
380   401  
381   402  
382 /* List pro jednoho autora */ 403 /* List pro jednoho autora */
383 /* ----------------------- */ 404 /* ----------------------- */
384 div.AboutAuthor { 405 div.AboutAuthor {
385 border: solid 1px red; /* rámeèek okolo èlovìka */ 406 border: solid 1px red; /* rámeèek okolo èlovìka */
386 padding: 2em; /* mezera uvnitø rámeèku */ 407 padding: 2em; /* mezera uvnitø rámeèku */
387 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ 408 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
388 } 409 }
389   410  
390 /* Položka jména autora */ 411 /* Položka jména autora */
391 /* -------------------- */ 412 /* -------------------- */
392 div.AboutAuthor .Name { /* jméno autora */ 413 div.AboutAuthor .Name { /* jméno autora */
393 font-style: italic; /* kurzíva */ 414 font-style: italic; /* kurzíva */
394 color: red; /* barva jména */ 415 color: red; /* barva jména */
395 } 416 }
396   417  
397 /* Vložený obrázek autora */ 418 /* Vložený obrázek autora */
398 /* ---------------------- */ 419 /* ---------------------- */
399 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 420 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
400 float:right; /* plovoucí vpravo */ 421 float:right; /* plovoucí vpravo */
401 padding-left: 20px; /* mezera mezi textem a obrázkem */ 422 padding-left: 20px; /* mezera mezi textem a obrázkem */
402 } 423 }
403   424  
404 /* Seznam èinností autora */ 425 /* Seznam èinností autora */
405 /* ---------------------- */ 426 /* ---------------------- */
406 div.AboutAuthor ul { 427 div.AboutAuthor ul {
407 font-style: italic; /* písmo seznamu èinností */ 428 font-style: italic; /* písmo seznamu èinností */
408 list-style: none; /* seznam je bez odrážek */ 429 list-style: none; /* seznam je bez odrážek */
409 } 430 }