Rev 165 Rev 174
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 /* 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   8  
9 /* 9 /*
10 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání 10 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. 11 textu hlavičkou a patičkou na dalších stránkách.
12 Pro tisk je vhodné vypnout menu. 12 Pro tisk je vhodné vypnout menu.
13   13  
14 připojení: 14 připojení:
15 nejdřív hlavní css 15 nejdřív hlavní css
16 pak za něj tiskový css 16 pak za něj tiskový css
17 17
18 V tiskovém css by mělo být 18 V tiskovém css by mělo být
19 width: 100% šířka přez celou stranu 19 width: 100% šířka přez celou stranu
20 velikost písma v pt 20 velikost písma v pt
21 řádkování 1 21 řádkování 1
22 patkové písmo (lépe se čte) 22 patkové písmo (lépe se čte)
23 font: 12pt/1 "Times CE", Times, "Times New Roman", serif; 23 font: 12pt/1 "Times CE", Times, "Times New Roman", serif;
24 pro obrazovku je lepší font bezpatkový, skus Verdana 24 pro obrazovku je lepší font bezpatkový, skus Verdana
25 zhasnout nepotřebné dispaly: none 25 zhasnout nepotřebné dispaly: none
26 26
27   27  
28 Dodělat: 28 Dodělat:
29 Alternativní fonty (font-family) 29 Alternativní fonty (font-family)
30 Definice stylu pro tisk (pro stránkovaná média) 30 Definice stylu pro tisk (pro stránkovaná média)
31 Alternativní styly 31 Alternativní styly
32 bez absolutního pozicování 32 bez absolutního pozicování
33 možná bez barev (černobíle) 33 možná bez barev (černobíle)
34 Styl nadpisu tabulky 34 Styl nadpisu tabulky
35 Opravit chybné odsazení spodního okraje (o velikost patičky), teď je větší 35 Opravit chybné odsazení spodního okraje (o velikost patičky), teď je větší
36   36  
37 h1,h2,h3,h4,h5,h6 { 37 h1,h2,h3,h4,h5,h6 {
38 page-break-inside:avoid; 38 page-break-inside:avoid;
39 page-break-after:avoid; 39 page-break-after:avoid;
40 page-break-before:auto 40 page-break-before:auto
41 } 41 }
42   42  
43 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { 43 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 {
44 page-break-before:avoid 44 page-break-before:avoid
45 } 45 }
46   46  
47 img { 47 img {
48 page-break-inside:avoid 48 page-break-inside:avoid
49 } 49 }
50   50  
51 */ 51 */
52   52  
53   53  
54 /*============================================================================*/ 54 /*============================================================================*/
55 /* Globální nastavení */ 55 /* Globální nastavení */
56 /*============================================================================*/ 56 /*============================================================================*/
57   57  
58   58  
59 /* Sjednocení nastavení celého dokumentu */ 59 /* Sjednocení nastavení celého dokumentu */
60 /* ------------------------------------- */ 60 /* ------------------------------------- */
61 html, body { 61 html, body {
62 background: none #FFFFFF; /* barva pozadí bez obrázku */ 62 background: none #FFFFFF; /* barva pozadí bez obrázku */
63 color: #000000; /* barva písma */ 63 color: #000000; /* barva písma */
64 margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */ 64 margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */
65 padding: 0px; /* sjednotíme výplň */ 65 padding: 0px; /* sjednotíme výplň */
66 } 66 }
67   67  
68 body { 68 body {
69 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně zobrazení */ 69 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně zobrazení */
70 } 70 }
71   71  
72 /*============================================================================*/ 72 /*============================================================================*/
73 /* Nastavení písma textu a nadpisů */ 73 /* Nastavení písma textu a nadpisů */
74 /*============================================================================*/ 74 /*============================================================================*/
75   75  
76   76  
77 /* Standardní písmo odstavců */ 77 /* Standardní písmo odstavců */
78 /* ------------------------- */ 78 /* ------------------------- */
79 p { /* standardní písmo odstavce */ 79 p { /* standardní písmo odstavce */
80 font-family: "Times New Roman"; /* řez písma */ 80 font-family: "Times New Roman"; /* řez písma */
81 line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */ 81 line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */
82 margin-left: 0px; /* standarně text od okraje */ 82 margin-left: 0px; /* standarně text od okraje */
83 margin-right: 0px; /* k okraji, mezera zajištěna paddingem */ 83 margin-right: 0px; /* k okraji, mezera zajištěna paddingem */
84 margin-top: 0.75em; /* mezera před odstavcem */ 84 margin-top: 0.75em; /* mezera před odstavcem */
85 margin-bottom: 0.9em; /* mezera za odstavcem */ 85 margin-bottom: 0.9em; /* mezera za odstavcem */
86 } 86 }
87   87  
88   88  
89 /* Titulek, podtitul a autor článku */ 89 /* Titulek, podtitul a autor článku */
90 /* -------------------------------- */ 90 /* -------------------------------- */
91 p.Titul, li.Titul, div.Titul, 91 p.Titul, li.Titul, div.Titul,
92 p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */ 92 p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */
93 font-family: Arial; /* nadpisové písmo */ 93 font-family: Arial; /* nadpisové písmo */
94 font-weight: bolder; /* tlistší písmo */ 94 font-weight: bolder; /* tlistší písmo */
95 text-align: center; /* centrované */ 95 text-align: center; /* centrované */
96 font-size: 200%; /* velké písmo */ 96 font-size: 200%; /* velké písmo */
97 color: #CC0000; /* hlavní nadpisová barva */ 97 color: #CC0000; /* hlavní nadpisová barva */
98 margin-top: 0.5em; /* mezera před odstavcem */ 98 margin-top: 0.5em; /* mezera před odstavcem */
99 margin-bottom: 0.5em; /* mezera za odstavcem */ 99 margin-bottom: 0.5em; /* mezera za odstavcem */
100 } 100 }
101   101  
102 p.Autor, li.Autor, div.Autor { /* standardní písmo */ 102 p.Autor, li.Autor, div.Autor { /* standardní písmo */
103 font-family: Arial; /* nadpisovým písmem */ 103 font-family: Arial; /* nadpisovým písmem */
104 text-align: center; /* centrované */ 104 text-align: center; /* centrované */
105 color: blue; /* vedlejší nadpisová barva */ 105 color: blue; /* vedlejší nadpisová barva */
106 margin-top: 0.25em; /* mezera před odstavcem */ 106 margin-top: 0.25em; /* mezera před odstavcem */
107 } 107 }
108   108  
109 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, 109 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
110 p.Subtitle, li.Subtitle, div.Subtitle { 110 p.Subtitle, li.Subtitle, div.Subtitle {
111 font-family: Arial; /* nadpisové písmo */ 111 font-family: Arial; /* nadpisové písmo */
112 font-style: italic; /* skloněné */ 112 font-style: italic; /* skloněné */
113 text-align: center; /* centrované */ 113 text-align: center; /* centrované */
114 font-size: 120%; /* trošku větší písmo */ 114 font-size: 120%; /* trošku větší písmo */
115 color: #0000FF; /* vedlejší nadpisová barva */ 115 color: #0000FF; /* vedlejší nadpisová barva */
116 margin-top: 1em; /* mezera před */ 116 margin-top: 1em; /* mezera před */
117 margin-bottom: 2em; /* mezera za vypadá lépe když je větší */ 117 margin-bottom: 2em; /* mezera za vypadá lépe když je větší */
118 margin-left: 10%; /* není od okraje do okraje */ 118 margin-left: 10%; /* není od okraje do okraje */
119 margin-right: 10%; /* ani na jedné straně */ 119 margin-right: 10%; /* ani na jedné straně */
120 } 120 }
121   121  
122   122  
123 /* společné vlastnosti nadpisů a nadpisy */ 123 /* společné vlastnosti nadpisů a nadpisy */
124 /* ------------------------------------- */ 124 /* ------------------------------------- */
125 h1, h2, h3, h4, h5, h6 { 125 h1, h2, h3, h4, h5, h6 {
126 page-break-inside: avoid; /* nedělit stránky v nadpisech */ 126 page-break-inside: avoid; /* nedělit stránky v nadpisech */
127 page-break-after: avoid; /* zákaz zalomení pod nadpisem */ 127 page-break-after: avoid; /* zákaz zalomení pod nadpisem */
128 font-family: Arial; /* nadpisový font */ 128 font-family: Arial; /* nadpisový font */
129 font-weight: bolder; /* tlistší písmo */ 129 font-weight: bolder; /* tlistší písmo */
130 margin-top: 0.75em; /* mezera před trochu větší */ 130 margin-top: 0.75em; /* mezera před trochu větší */
131 margin-bottom: 0.5em; /* mezera za */ 131 margin-bottom: 0.5em; /* mezera za */
132 } 132 }
133   133  
134 h1 { /* viz styl titulku */ 134 h1 { /* viz styl titulku */
135 font-size: 200%; /* veliké písmo */ 135 font-size: 200%; /* veliké písmo */
136 color: #CC0000; /* hlavní nadpisová barva */ 136 color: #CC0000; /* hlavní nadpisová barva */
137 } 137 }
138   138  
139 h1.Small { /* zmenšený nadpis */ 139 h1.Small { /* zmenšený nadpis */
140 font-size: 150%; /* velikost jako h2 */ 140 font-size: 150%; /* velikost jako h2 */
141 } 141 }
142   142  
143 h2 { 143 h2 {
144 font-size: 150%; /* velké písmo */ 144 font-size: 150%; /* velké písmo */
145 color: blue; /* vedlejší barva nadpisu */ 145 color: blue; /* vedlejší barva nadpisu */
146 } 146 }
147   147  
148 h2.Small { /* zmenšený nadpis */ 148 h2.Small { /* zmenšený nadpis */
149 font-size: 120%; /* velikost jako h3 */ 149 font-size: 120%; /* velikost jako h3 */
150 } 150 }
151   151  
152 h3 { 152 h3 {
153 font-size: 120%; /* větší písmo */ 153 font-size: 120%; /* větší písmo */
154 color: blue; /* vedlejší barva nadpisu */ 154 color: blue; /* vedlejší barva nadpisu */
155 } 155 }
156   156  
157 h3.Small { /* zmenšený nadpis */ 157 h3.Small { /* zmenšený nadpis */
158 font-size: 100%; /* velikost jako h4 */ 158 font-size: 100%; /* velikost jako h4 */
159 } 159 }
160   160  
161 h4, h5, h6 { /* písma jen mírně odlišná */ 161 h4, h5, h6 { /* písma jen mírně odlišná */
162 font-style: italic; /* skloněné */ 162 font-style: italic; /* skloněné */
163 color: blue; /* vedlejší barva nadpisu */ 163 color: blue; /* vedlejší barva nadpisu */
164 } 164 }
165   165  
166 h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */ 166 h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */
167 { 167 {
168 font-weight: bold; /* Tlustě */ 168 font-weight: bold; /* Tlustě */
169 font-size: 120%; /* Větší (tlustě někdy není odlišné) */ 169 font-size: 120%; /* Větší (tlustě někdy není odlišné) */
170 } 170 }
171   171  
172   172  
173 samp { /* ukázky výpisů a podobně */ 173 samp { /* ukázky výpisů a podobně */
174 font-family: "Courier New"; /* neproporcionální písmo */ 174 font-family: "Courier New"; /* neproporcionální písmo */
175 } 175 }
176   176  
177 /* První slovo má první písmeno zvýrazněné */ 177 /* První slovo má první písmeno zvýrazněné */
178 .FirstWord:first-letter { 178 .FirstWord:first-letter {
179 color: red; /* zvýraznné první písmeno */ 179 color: red; /* zvýraznné první písmeno */
180 } 180 }
181   181  
182 /* Zvýrazněné řádky s odkazy */ 182 /* Zvýrazněné řádky s odkazy */
183 .FirstWord a { 183 .FirstWord a {
184 text-decoration: none; /* odkaz není podtržený */ 184 text-decoration: none; /* odkaz není podtržený */
185 color: inherit; /* odkaz nemá zvláštní barvu */ 185 color: inherit; /* odkaz nemá zvláštní barvu */
186 _color: #993300; /* IE6 nám nějak nedědí barvu */ 186 _color: #993300; /* IE6 nám nějak nedědí barvu */
187 } 187 }
188   188  
189   189  
190 /*============================================================================*/ 190 /*============================================================================*/
191 /* Nastavení pro hlavičku, patičku a menu */ 191 /* Nastavení pro hlavičku, patičku a menu */
192 /*============================================================================*/ 192 /*============================================================================*/
193   193  
194   194  
195 /* Společná nastavení pro Hlavičku Menu a Patičku */ 195 /* Společná nastavení pro Hlavičku Menu a Patičku */
196 /* ---------------------------------------------- */ 196 /* ---------------------------------------------- */
197 div.InnerHeader, div.InnerMenu, div.InnerFooter { 197 div.InnerHeader, div.InnerMenu, div.InnerFooter {
198 /*border: dotted #FF8080 1px; /* pro ladění */ 198 /*border: dotted #FF8080 1px; /* pro ladění */
199 width: 100%; /* přes celou stránku */ 199 width: 100%; /* přes celou stránku */
200 margin: 0em; /* pro jistotu žádný vnější okraj */ 200 margin: 0em; /* pro jistotu žádný vnější okraj */
201 border: 0em; /* pro jistotu */ 201 border: 0em; /* pro jistotu */
202 background-color: #FFFFCC; /* pozor na průhlednost při rolování */ 202 background-color: #FFFFCC; /* pozor na průhlednost při rolování */
203 color: #993300; /* barva písma */ 203 color: #993300; /* barva písma */
204 } 204 }
205   205  
206   206  
207 /* Nastavení specifická pro Hlavičku */ 207 /* Nastavení specifická pro Hlavičku */
208 /* --------------------------------- */ 208 /* --------------------------------- */
209 div.InnerHeader { /* kontejner na hlavičku */ 209 div.InnerHeader { /* kontejner na hlavičku */
210 /*border: solid 1px red; /* pro ladění */ 210 /*border: solid 1px red; /* pro ladění */
211 position: fixed; /* fixní umístění na stránce */ 211 position: fixed; /* fixní umístění na stránce */
212 _position: static; /* IE6 neumí position fixed */ 212 _position: static; /* IE6 neumí position fixed */
213 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 213 border-bottom: solid 2px #993300; /* linka pod hlavickou */
214 top: -2px; /* umistění na stránce o tloušťku linky */ 214 top: -2px; /* umistění na stránce o tloušťku linky */
215 white-space: nowrap; /* je zakázáno zalomit hlavičku */ 215 white-space: nowrap; /* je zakázáno zalomit hlavičku */
216 overflow: hidden; /* co přečuhuje zahoď */ 216 overflow: hidden; /* co přečuhuje zahoď */
217 font-size: 3em; /* velikost písma vzhedem k rodiči */ 217 font-size: 3em; /* velikost písma vzhedem k rodiči */
218 padding: 0em; /* vnitřní výplň (vzhledem k mému písmu) */ 218 padding: 0em; /* vnitřní výplň (vzhledem k mému písmu) */
219 line-height: 100%; /* vzdálenost řádek od sebe */ 219 line-height: 100%; /* vzdálenost řádek od sebe */
220 } 220 }
221   221  
222 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/ 222 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/
223 /*background: #CCFFCC; /* pro ladění */ 223 /*background: #CCFFCC; /* pro ladění */
224 padding-left: 0.2em; /* mezera vlevo */ 224 padding-left: 0.2em; /* mezera vlevo */
225 } 225 }
226   226  
227 div.InnerHeader img { /* textu "online" v hlavičce */ 227 div.InnerHeader img { /* textu "online" v hlavičce */
228 /*border: solid 1px red; /* pro ladění neprůhledného obrázku */ 228 /*border: solid 1px red; /* pro ladění neprůhledného obrázku */
229 /*background: #FFCCCC; /* pro ladění průhledného obrázku */ 229 /*background: #FFCCCC; /* pro ladění průhledného obrázku */
230 height: 0.7em; /* gumová výška podle velikosti textu */ 230 height: 0.7em; /* gumová výška podle velikosti textu */
231 width: 2em; /* gumová šířka podle velikosti textu */ 231 width: 2em; /* gumová šířka podle velikosti textu */
232 } 232 }
233   233  
234 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ 234 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */
235 /*border: solid 1px yellow; /* pro ladění */ 235 /*border: solid 1px yellow; /* pro ladění */
236 background: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */ 236 background: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */
237 /*background: #CCFFCC; /* pro ladění */ 237 /*background: #CCFFCC; /* pro ladění */
238 position: absolute; /* absolutní umístění */ 238 position: absolute; /* absolutní umístění */
239 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ 239 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
240 padding-right: 0.2em; /* mezera vpravo */ 240 padding-right: 0.2em; /* mezera vpravo */
241 font-size: 80%; /* velikost písma o něo menší */ 241 font-size: 80%; /* velikost písma o něo menší */
242 left: 6.625em; /* posunutí o logo 5.3em / 80% */ 242 left: 6.625em; /* posunutí o logo 5.3em / 80% */
243 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 243 _left: auto; /* IE6 natahuje se místo vlevo od textu */
244 right: 0px; /* pravý okraj až na konci */ 244 right: 0px; /* pravý okraj až na konci */
245 top: 2px; /* posunutí o čáru jako u ostatních částí hlavičky */ 245 top: 2px; /* posunutí o čáru jako u ostatních částí hlavičky */
246 } 246 }
247   247  
248 div.InnerHeader a { /* odkaz v hlavičce */ 248 div.InnerHeader a { /* odkaz v hlavičce */
249 text-decoration: none; /* odkaz není podtržený */ 249 text-decoration: none; /* odkaz není podtržený */
250 color: inherit; /* odkaz nemá zvláštní barvu */ 250 color: inherit; /* odkaz nemá zvláštní barvu */
251 _color: #993300; /* IE6 nám nějak nedědí barvu */ 251 _color: #993300; /* IE6 nám nějak nedědí barvu */
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: inherit; /* barva písma odkazu jako by to nebyl odkaz */ 317 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
318 _color: #000000; /* IE6 neumí dědit */ 318 _color: #000000; /* IE6 neumí dědit */
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   333  
334 /* Nastavení specifická pro Patičku */ 334 /* Nastavení specifická pro Patičku */
335 /* -------------------------------- */ 335 /* -------------------------------- */
336 div.InnerFooter{ /* patička */ 336 div.InnerFooter{ /* patička */
337 position: fixed; /* fixní umístění na stránce */ 337 position: fixed; /* fixní umístění na stránce */
338 _position: static; /* IE6 neumí position fixed */ 338 _position: static; /* IE6 neumí position fixed */
339 bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */ 339 bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */
340 border-top: solid 2px #993300; /* linka nad hlavičkou */ 340 border-top: solid 2px #993300; /* linka nad hlavičkou */
341 border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */ 341 border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */
342 _border-bottom: solid 2px #993300; /* IE6 tenká linka */ 342 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
343 font-size: 80%; /* písmo v patičce trochu zmenšit */ 343 font-size: 80%; /* písmo v patičce trochu zmenšit */
344 height: 1.25em; 344 height: 1.25em;
345 overflow: hidden; /* co přečuhuje zahoď */ 345 overflow: hidden; /* co přečuhuje zahoď */
346 /*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */ 346 /*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */
347 } /* přidal jsem pevnou mezeru do textu */ 347 } /* přidal jsem pevnou mezeru do textu */
348   348  
349   349  
350 /*============================================================================*/ 350 /*============================================================================*/
351 /* Nastavení pro tělo dokumentu */ 351 /* Nastavení pro tělo dokumentu */
352 /*============================================================================*/ 352 /*============================================================================*/
353   353  
354   354  
355 /* Nastavení těla dokumentu */ 355 /* Nastavení těla dokumentu */
356 /* ------------------------ */ 356 /* ------------------------ */
357 div.Text, div.Section1 { /* tělo stránky */ 357 div.Text, div.Section1 { /* tělo stránky */
358 border: solid #20FF20 1px; /* pro ladění */ 358 border: solid #20FF20 1px; /* pro ladění */
359 padding: 2ex; /* oddělení textu od okrajů */ 359 padding: 2ex; /* oddělení textu od okrajů */
360 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */ 360 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */
361 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */ 361 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */
362 margin-left: 16ex; /* odsazení o velikost menu a kousek */ 362 margin-left: 16ex; /* odsazení o velikost menu a kousek */
363 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 363 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
364 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */ 364 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */
365 /* číslo 1/font-size v patičce */ 365 /* číslo 1/font-size v patičce */
366 _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */ 366 _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */
367 } 367 }
368   368  
369   369  
370 /* centrování vyznačených elementů */ 370 /* centrování vyznačených elementů */
371 .Center { 371 .Center {
372 text-align: center; 372 text-align: center;
373 } 373 }
374   374  
375   375  
376 /* odstranění okraje */ 376 /* odstranění okraje */
377 .NoBorder { 377 .NoBorder {
378 border: 0; 378 border: 0;
379 } 379 }
380   380  
381   381  
382 /* obarvení textů psaných kurzivou */ 382 /* obarvení textů psaných kurzivou */
383 p i, div i, span i { 383 p i, div i, span i {
384 color: #990000; 384 color: #990000;
385 } 385 }
386   386  
387   387  
388 /* Tabulky */ 388 /* Tabulky */
389 /* ------- */ 389 /* ------- */
390 table { 390 table {
391 border-collapse: separate; /* příčky v tabulce */ 391 border-collapse: separate; /* příčky v tabulce */
392 border: 3px solid #CCCCCC; /* vnější okraj tabulky */ 392 border: 3px solid #CCCCCC; /* vnější okraj tabulky */
393 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */ 393 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */
394 margin-bottom: 0.5em; /* odstup dole */ 394 margin-bottom: 0.5em; /* odstup dole */
395 background-color: #EEFFEE; /* pozadí tabulky */ 395 background-color: #EEFFEE; /* pozadí tabulky */
396 } 396 }
397   397  
398 /* příčky mezi buňkami */ 398 /* příčky mezi buňkami */
399 th, td { 399 th, td {
400 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */ 400 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */
401 text-align: left; /* přebití centrování th prvku */ 401 text-align: left; /* přebití centrování th prvku */
402 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */ 402 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */
403 } 403 }
404   404  
405 th { 405 th {
406 color: #FF2020; /* odlišení hlavičkových řádek */ 406 color: #FF2020; /* odlišení hlavičkových řádek */
407 } 407 }
408   408  
409 table p, table div, table li, table ol, table ul { 409 table p, table div, table li, table ol, table ul {
410 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */ 410 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */
411 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */ 411 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */
412 } 412 }
413   413  
414 /* Tabulka Soupiska */ 414 /* Tabulka Soupiska */
415 /* ---------------- */ 415 /* ---------------- */
416 /* Tabulka s rozpiskou součástek */ 416 /* Tabulka s rozpiskou součástek */
417 /* Formát tabulky vychází z obecné tabulky */ 417 /* Formát tabulky vychází z obecné tabulky */
418 /* první <th> je legenda */ 418 /* první <th> je legenda */
419 /* další <th> jsou skupinou součástek */ 419 /* další <th> jsou skupinou součástek */
420 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */ 420 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */
421 table.Soupiska td { 421 table.Soupiska td {
422 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */ 422 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
423 } 423 }
424   424  
425 table.Soupiska tr td:first-child { 425 table.Soupiska tr td:first-child {
426 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ 426 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
427 } 427 }
428   428  
429 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 429 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
430 font-style: italic; /* a tak se to v IE ignoruje */ 430 font-style: italic; /* a tak se to v IE ignoruje */
431 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 431 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
432 } 432 }
433   433  
434 table.Soupiska tr:first-child > th { 434 table.Soupiska tr:first-child > th {
435 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */ 435 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
436 font-weight: bold; 436 font-weight: bold;
437 } 437 }
438   438  
439   439  
440 /*============================================================================*/ 440 /*============================================================================*/
441 /* Formáty pro stránku o autorech */ 441 /* Formáty pro stránku o autorech */
442 /*============================================================================*/ 442 /*============================================================================*/
443   443  
444   444  
445 /* List pro jednoho autora */ 445 /* List pro jednoho autora */
446 /* ----------------------- */ 446 /* ----------------------- */
447 div.AboutAuthor { 447 div.AboutAuthor {
448 border: solid 1px red; /* rámeček okolo člověka */ 448 border: solid 1px red; /* rámeček okolo člověka */
449 padding: 2em; /* mezera uvnitř rámečku */ 449 padding: 2em; /* mezera uvnitř rámečku */
450 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */ 450 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */
451 } 451 }
452   452  
453 /* Položka jména autora */ 453 /* Položka jména autora */
454 /* -------------------- */ 454 /* -------------------- */
455 div.AboutAuthor .Name { /* jméno autora */ 455 div.AboutAuthor .Name { /* jméno autora */
456 font-style: italic; /* kurzíva */ 456 font-style: italic; /* kurzíva */
457 color: red; /* barva jména */ 457 color: red; /* barva jména */
458 } 458 }
459   459  
460 /* Vložený obrázek autora */ 460 /* Vložený obrázek autora */
461 /* ---------------------- */ 461 /* ---------------------- */
462 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 462 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
463 float:right; /* plovoucí vpravo */ 463 float:right; /* plovoucí vpravo */
464 padding-left: 20px; /* mezera mezi textem a obrázkem */ 464 padding-left: 20px; /* mezera mezi textem a obrázkem */
465 } 465 }
466   466  
467 /* Seznam činností autora */ 467 /* Seznam činností autora */
468 /* ---------------------- */ 468 /* ---------------------- */
469 div.AboutAuthor ul { 469 div.AboutAuthor ul {
470 font-style: italic; /* písmo seznamu činností */ 470 font-style: italic; /* písmo seznamu činností */
471 list-style: none; /* seznam je bez odrážek */ 471 list-style: none; /* seznam je bez odrážek */
472 } 472 }
473   473  
474   474  
475 /*============================================================================*/ 475 /*============================================================================*/
476 /* Formáty pro WEBSVN */ 476 /* Formáty pro WEBSVN */
477 /*============================================================================*/ 477 /*============================================================================*/
478   478  
479   479  
480 .highlight 480 .highlight
481 { 481 {
482 color: #993300; 482 color: #993300;
483 font-style: italic; 483 font-style: italic;
484 } 484 }
485   485  
486 table.bordered, table.outlined, table.blame 486 table.bordered, table.outlined, table.blame
487 { 487 {
488 border-collapse: collapse; 488 border-collapse: collapse;
489 border: solid 2px #993300; 489 border: solid 2px #993300;
490 } 490 }
491   491  
492 .bordered td, .bordered th 492 .bordered td, .bordered th
493 { 493 {
494 border: solid 2px #993300; 494 border: solid 2px #993300;
495 } 495 }
496   496  
497 .outlined td 497 .outlined td
498 { 498 {
499 padding: 0px 5px 0px 5px; 499 padding: 0px 5px 0px 5px;
500 } 500 }
501   501  
502 .outlined th, .blame th 502 .outlined th, .blame th
503 { 503 {
504 padding: 5px 5px 5px 5px; 504 padding: 5px 5px 5px 5px;
505 font-weight: bold; 505 font-weight: bold;
506 border: solid 2px #993300; 506 border: solid 2px #993300;
507 } 507 }
508   508  
509 .outlined td, .blame td 509 .outlined td, .blame td
510 { 510 {
511 padding: 1px 5px 1px 5px; 511 padding: 1px 5px 1px 5px;
512 border-right: solid 2px #993300; 512 border-right: solid 2px #993300;
513 border-bottom: solid 1px #F0F0F0; 513 border-bottom: solid 1px #F0F0F0;
514 } 514 }
515   515  
516 td.diffdeleted 516 td.diffdeleted
517 { 517 {
518 font-size: 11px; 518 font-size: 11px;
519 background-color: #FFCCCC; 519 background-color: #FFCCCC;
520 } 520 }
521   521  
522 td.diffchanged 522 td.diffchanged
523 { 523 {
524 font-size: 11px; 524 font-size: 11px;
525 background-color: yellow; 525 background-color: yellow;
526 } 526 }
527   527  
528 td.diffadded 528 td.diffadded
529 { 529 {
530 font-size: 11px; 530 font-size: 11px;
531 background-color: #CCFFCC; 531 background-color: #CCFFCC;
532 } 532 }
533   533  
534 td.diff 534 td.diff
535 { 535 {
536 font-size: 11px; 536 font-size: 11px;
537 background-color: #D0D0D0; 537 background-color: #D0D0D0;
538 } 538 }
539   539  
540 table.diff 540 table.diff
541 { 541 {
542 border-collapse: collapse; 542 border-collapse: collapse;
543 } 543 }
544   544  
545 div.newpath 545 div.newpath
546 { 546 {
547 padding: 5px 5px 5px 5px; 547 padding: 5px 5px 5px 5px;
548 border: solid 2px #993300; 548 border: solid 2px #993300;
549 } 549 }
550   550  
551 .plusbox, .minus 551 .plusbox, .minus
552 { 552 {
553 float: left; 553 float: left;
554 clear: both; 554 clear: both;
555 position: relative; 555 position: relative;
556 top: -3px; 556 top: -3px;
557 font-size: 13px; 557 font-size: 13px;
558 font-weight: bold; 558 font-weight: bold;
559 width: 16px; 559 width: 16px;
560 text-indent: 0; 560 text-indent: 0;
561 height: 16px; 561 height: 16px;
562 color: black; 562 color: black;
563 text-align: center; 563 text-align: center;
564 padding: 0px 2px 0px 3px; 564 padding: 0px 2px 0px 3px;
565 border: black solid 1px; 565 border: black solid 1px;
566 margin-right: 5px; 566 margin-right: 5px;
567 } 567 }
568   568  
569 .plusbox 569 .plusbox
570 { 570 {
571 background-color: #D0D0D0; 571 background-color: #D0D0D0;
572 } 572 }
573   573  
574 .minusbox 574 .minusbox
575 { 575 {
576 background-color: #993300; 576 background-color: #993300;
577 } 577 }
578   578  
579 .groupname 579 .groupname
580 { 580 {
581 padding-left: 0px; 581 padding-left: 0px;
582 text-indent: -25px; 582 text-indent: -25px;
583 margin: 3px 0 3px 0; 583 margin: 3px 0 3px 0;
584 } 584 }
585   585  
586 .switchcontent 586 .switchcontent
587 { 587 {
588 margin: 3px 0 0 20px; 588 margin: 3px 0 0 20px;
589 } 589 }
590   590  
591 code 591 code
592 { 592 {
593 white-space: pre-wrap; 593 white-space: pre;
594 } 594 }