Rev 308 Rev 311
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 /* Zlepšena podpora IE7 (oprava barev odkazů v menu) */ 8 /* Zlepšena podpora IE7 (oprava barev odkazů v menu) */
9   9  
10 /* PROBLEM - opravit hlavičku aby se zarovnávala správně, současné řešení není 10 /* PROBLEM - opravit hlavičku aby se zarovnávala správně, současné řešení není
11 příliš robustní (nepracuje správně při změně velikosti písma). 11 příliš robustní (nepracuje správně při změně velikosti písma).
12 */ 12 */
13   13  
14 /* Chybí styl pro výpis programu (jako blok) */ 14 /* Chybí styl pro výpis programu (jako blok) */
15   15  
16 /* 16 /*
17 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání 17 Pro tisk se nesmí použít pozicování fixed protože to by vedlo k překrývání
18 textu hlavičkou a patičkou na dalších stránkách. 18 textu hlavičkou a patičkou na dalších stránkách.
19 (možná řešitelné pomocí z-order) 19 (možná řešitelné pomocí z-order)
20 Pro tisk je vhodné vypnout menu. 20 Pro tisk je vhodné vypnout menu.
21   21  
22 připojení: 22 připojení:
23 nejdřív hlavní css 23 nejdřív hlavní css
24 pak za něj tiskový css 24 pak za něj tiskový css
25 25
26 V tiskovém css by mělo být 26 V tiskovém css by mělo být
27 width: 100% šířka přez celou stranu 27 width: 100% šířka přez celou stranu
28 velikost písma v pt 28 velikost písma v pt
29 řádkování 1 29 řádkování 1
30 patkové písmo (lépe se čte) 30 patkové písmo (lépe se čte)
31 font: 12pt/1 "Times CE", Times, "Times New Roman", serif; 31 font: 12pt/1 "Times CE", Times, "Times New Roman", serif;
32 pro obrazovku je lepší font bezpatkový, skus Verdana 32 pro obrazovku je lepší font bezpatkový, skus Verdana
33 zhasnout nepotřebné dispaly: none 33 zhasnout nepotřebné dispaly: none
34 34
35   35  
36 Dodělat: 36 Dodělat:
37 Alternativní fonty (font-family) 37 Alternativní fonty (font-family)
38 Definice stylu pro tisk (pro stránkovaná média) 38 Definice stylu pro tisk (pro stránkovaná média)
39 Alternativní styly 39 Alternativní styly
40 bez absolutního pozicování 40 bez absolutního pozicování
41 možná bez barev (černobíle) 41 možná bez barev (černobíle)
42 Styl nadpisu tabulky 42 Styl nadpisu tabulky
43 Opravit chybné odsazení spodního okraje (o velikost patičky), teď je větší 43 Opravit chybné odsazení spodního okraje (o velikost patičky), teď je větší
44   44  
45 h1,h2,h3,h4,h5,h6 { 45 h1,h2,h3,h4,h5,h6 {
46 page-break-inside:avoid; 46 page-break-inside:avoid;
47 page-break-after:avoid; 47 page-break-after:avoid;
48 page-break-before:auto 48 page-break-before:auto
49 } 49 }
50   50  
51 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { 51 h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 {
52 page-break-before:avoid 52 page-break-before:avoid
53 } 53 }
54   54  
55 img { 55 img {
56 page-break-inside:avoid 56 page-break-inside:avoid
57 } 57 }
58   58  
59 */ 59 */
60   60  
61   61  
62 /*============================================================================*/ 62 /*============================================================================*/
63 /* Globální nastavení */ 63 /* Globální nastavení */
64 /*============================================================================*/ 64 /*============================================================================*/
65   65  
66   66  
67 /* Sjednocení nastavení celého dokumentu */ 67 /* Sjednocení nastavení celého dokumentu */
68 /* ------------------------------------- */ 68 /* ------------------------------------- */
69 html, body { 69 html, body {
70 background: none #FFFFFF; /* barva pozadí bez obrázku */ 70 background: none #FFFFFF; /* barva pozadí bez obrázku */
71 color: #000000; /* barva písma */ 71 color: #000000; /* barva písma */
72 margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */ 72 margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */
73 padding: 0px; /* sjednotíme výplň */ 73 padding: 0px; /* sjednotíme výplň */
74 } 74 }
75   75  
76 body { 76 body {
77 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně zobrazení */ 77 /* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně zobrazení */
78 } 78 }
79   79  
80 /*============================================================================*/ 80 /*============================================================================*/
81 /* Nastavení písma textu a nadpisů */ 81 /* Nastavení písma textu a nadpisů */
82 /*============================================================================*/ 82 /*============================================================================*/
83   83  
84   84  
85 /* Standardní písmo odstavců */ 85 /* Standardní písmo odstavců */
86 /* ------------------------- */ 86 /* ------------------------- */
87 p { /* standardní písmo odstavce */ 87 p { /* standardní písmo odstavce */
88 font-family: "Times New Roman"; /* řez písma */ 88 font-family: "Times New Roman"; /* řez písma */
89 line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */ 89 line-height: 1.3em; /* mezera mezi řádky uvnitř odstavce */
90 margin-left: 0px; /* standarně text od okraje */ 90 margin-left: 0px; /* standarně text od okraje */
91 margin-right: 0px; /* k okraji, mezera zajištěna paddingem */ 91 margin-right: 0px; /* k okraji, mezera zajištěna paddingem */
92 margin-top: 0.75em; /* mezera před odstavcem */ 92 margin-top: 0.75em; /* mezera před odstavcem */
93 margin-bottom: 0.9em; /* mezera za odstavcem */ 93 margin-bottom: 0.9em; /* mezera za odstavcem */
94 } 94 }
95   95  
96   96  
97 /* Titulek, podtitul a autor článku */ 97 /* Titulek, podtitul a autor článku */
98 /* -------------------------------- */ 98 /* -------------------------------- */
99 p.Titul, li.Titul, div.Titul, 99 p.Titul, li.Titul, div.Titul,
100 p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */ 100 p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */
101 font-family: Arial; /* nadpisové písmo */ 101 font-family: Arial; /* nadpisové písmo */
102 font-weight: bolder; /* tlistší písmo */ 102 font-weight: bolder; /* tlistší písmo */
103 text-align: center; /* centrované */ 103 text-align: center; /* centrované */
104 font-size: 200%; /* velké písmo */ 104 font-size: 200%; /* velké písmo */
105 color: #CC0000; /* hlavní nadpisová barva */ 105 color: #CC0000; /* hlavní nadpisová barva */
106 margin-top: 0.5em; /* mezera před odstavcem */ 106 margin-top: 0.5em; /* mezera před odstavcem */
107 margin-bottom: 0.5em; /* mezera za odstavcem */ 107 margin-bottom: 0.5em; /* mezera za odstavcem */
108 } 108 }
109   109  
110 p.Autor, li.Autor, div.Autor { /* standardní písmo */ 110 p.Autor, li.Autor, div.Autor { /* standardní písmo */
111 font-family: Arial; /* nadpisovým písmem */ 111 font-family: Arial; /* nadpisovým písmem */
112 text-align: center; /* centrované */ 112 text-align: center; /* centrované */
113 color: blue; /* vedlejší nadpisová barva */ 113 color: blue; /* vedlejší nadpisová barva */
114 margin-top: 0.25em; /* mezera před odstavcem */ 114 margin-top: 0.25em; /* mezera před odstavcem */
115 } 115 }
116   116  
117 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, 117 p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle,
118 p.Subtitle, li.Subtitle, div.Subtitle { 118 p.Subtitle, li.Subtitle, div.Subtitle {
119 font-family: Arial; /* nadpisové písmo */ 119 font-family: Arial; /* nadpisové písmo */
120 font-style: italic; /* skloněné */ 120 font-style: italic; /* skloněné */
121 text-align: center; /* centrované */ 121 text-align: center; /* centrované */
122 font-size: 120%; /* trošku větší písmo */ 122 font-size: 120%; /* trošku větší písmo */
123 color: #0000FF; /* vedlejší nadpisová barva */ 123 color: #0000FF; /* vedlejší nadpisová barva */
124 margin-top: 1em; /* mezera před */ 124 margin-top: 1em; /* mezera před */
125 margin-bottom: 2em; /* mezera za vypadá lépe když je větší */ 125 margin-bottom: 2em; /* mezera za vypadá lépe když je větší */
126 margin-left: 10%; /* není od okraje do okraje */ 126 margin-left: 10%; /* není od okraje do okraje */
127 margin-right: 10%; /* ani na jedné straně */ 127 margin-right: 10%; /* ani na jedné straně */
128 } 128 }
129   129  
130   130  
131 /* společné vlastnosti nadpisů a nadpisy */ 131 /* společné vlastnosti nadpisů a nadpisy */
132 /* ------------------------------------- */ 132 /* ------------------------------------- */
133 h1, h2, h3, h4, h5, h6 { 133 h1, h2, h3, h4, h5, h6 {
134 page-break-inside: avoid; /* nedělit stránky v nadpisech */ 134 page-break-inside: avoid; /* nedělit stránky v nadpisech */
135 page-break-after: avoid; /* zákaz zalomení pod nadpisem */ 135 page-break-after: avoid; /* zákaz zalomení pod nadpisem */
136 font-family: Arial; /* nadpisový font */ 136 font-family: Arial; /* nadpisový font */
137 font-weight: bolder; /* tlistší písmo */ 137 font-weight: bolder; /* tlistší písmo */
138 margin-top: 0.75em; /* mezera před trochu větší */ 138 margin-top: 0.75em; /* mezera před trochu větší */
139 margin-bottom: 0.5em; /* mezera za */ 139 margin-bottom: 0.5em; /* mezera za */
140 } 140 }
141   141  
142 h1 { /* viz styl titulku */ 142 h1 { /* viz styl titulku */
143 font-size: 200%; /* veliké písmo */ 143 font-size: 200%; /* veliké písmo */
144 color: #CC0000; /* hlavní nadpisová barva */ 144 color: #CC0000; /* hlavní nadpisová barva */
145 } 145 }
146   146  
147 h1.Small { /* zmenšený nadpis */ 147 h1.Small { /* zmenšený nadpis */
148 font-size: 150%; /* velikost jako h2 */ 148 font-size: 150%; /* velikost jako h2 */
149 } 149 }
150   150  
151 h2 { 151 h2 {
152 font-size: 150%; /* velké písmo */ 152 font-size: 150%; /* velké písmo */
153 color: blue; /* vedlejší barva nadpisu */ 153 color: blue; /* vedlejší barva nadpisu */
154 } 154 }
155   155  
156 h2.Small { /* zmenšený nadpis */ 156 h2.Small { /* zmenšený nadpis */
157 font-size: 120%; /* velikost jako h3 */ 157 font-size: 120%; /* velikost jako h3 */
158 } 158 }
159   159  
160 h3 { 160 h3 {
161 font-size: 120%; /* větší písmo */ 161 font-size: 120%; /* větší písmo */
162 color: blue; /* vedlejší barva nadpisu */ 162 color: blue; /* vedlejší barva nadpisu */
163 } 163 }
164   164  
165 h3.Small { /* zmenšený nadpis */ 165 h3.Small { /* zmenšený nadpis */
166 font-size: 100%; /* velikost jako h4 */ 166 font-size: 100%; /* velikost jako h4 */
167 } 167 }
168   168  
169 h4, h5, h6 { /* písma jen mírně odlišná */ 169 h4, h5, h6 { /* písma jen mírně odlišná */
170 font-style: italic; /* skloněné */ 170 font-style: italic; /* skloněné */
171 color: blue; /* vedlejší barva nadpisu */ 171 color: blue; /* vedlejší barva nadpisu */
172 } 172 }
173   173  
174 h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */ 174 h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */
175 { 175 {
176 font-weight: bold; /* Tlustě */ 176 font-weight: bold; /* Tlustě */
177 font-size: 120%; /* Větší (tlustě někdy není odlišné) */ 177 font-size: 120%; /* Větší (tlustě někdy není odlišné) */
178 } 178 }
179   179  
180   180  
181 samp { /* ukázky výpisů a podobně */ 181 samp { /* ukázky výpisů a podobně */
182 font-family: "Courier New"; /* neproporcionální písmo */ 182 font-family: "Courier New"; /* neproporcionální písmo */
183 background: lightgrey; /* zvýraznění barvou pozadí */ 183 background: lightgrey; /* zvýraznění barvou pozadí */
184 } 184 }
185   185  
186 samp.Block { /* pro ukázky souvislých bloků kódu */ 186 samp.Block { /* pro ukázky souvislých bloků kódu */
187 display: table; /* je to blok široký dle obsahu */ 187 display: table; /* je to blok široký dle obsahu */
188 _display: block; /* IE6 blok ale široký přes celou stránku */ 188 _display: block; /* IE6 blok ale široký přes celou stránku */
189 white-space: pre; /* dodrž formátování */ 189 white-space: pre; /* dodrž formátování */
190 margin-left: 2em; /* odsazení bloku*/ 190 margin-left: 2em; /* odsazení bloku*/
191 padding: 0.5ex; /* vnitřní okraj */ 191 padding: 0.5ex; /* vnitřní okraj */
192 } 192 }
193   193  
194 .Samp { /* k odlišení příkladů HTML objektů */ 194 .Samp { /* k odlišení příkladů HTML objektů */
195 margin-left: 2em; /* odsazení bloku jako u samp*/ 195 margin-left: 2em; /* odsazení bloku jako u samp*/
196 } 196 }
197   197  
198   198  
199 /* První slovo má první písmeno zvýrazněné */ 199 /* První slovo má první písmeno zvýrazněné */
200 .FirstWord:first-letter { 200 .FirstWord:first-letter {
201 color: red; /* zvýraznné první písmeno */ 201 color: red; /* zvýraznné první písmeno */
202 } 202 }
203   203  
204 /* Zvýrazněné řádky s odkazy */ 204 /* Zvýrazněné řádky s odkazy */
205 .FirstWord a { 205 .FirstWord a {
206 text-decoration: none; /* odkaz není podtržený */ 206 text-decoration: none; /* odkaz není podtržený */
207 color: inherit; /* odkaz nemá zvláštní barvu */ 207 color: inherit; /* odkaz nemá zvláštní barvu */
208 _color: #993300; /* IE6 nám nějak nedědí barvu */ 208 _color: #993300; /* IE6 nám nějak nedědí barvu */
209 } 209 }
210   210  
211   211  
212 /*============================================================================*/ 212 /*============================================================================*/
213 /* Nastavení pro hlavičku, patičku a menu */ 213 /* Nastavení pro hlavičku, patičku a menu */
214 /*============================================================================*/ 214 /*============================================================================*/
215   215  
216   216  
217 /* Společná nastavení pro Hlavičku Menu a Patičku */ 217 /* Společná nastavení pro Hlavičku Menu a Patičku */
218 /* ---------------------------------------------- */ 218 /* ---------------------------------------------- */
219 div.InnerHeader, div.InnerMenu, div.InnerFooter { 219 div.InnerHeader, div.InnerMenu, div.InnerFooter {
220 /*border: dotted #FF8080 1px; /* pro ladění */ 220 /*border: dotted #FF8080 1px; /* pro ladění */
221 width: 100%; /* přes celou stránku */ 221 width: 100%; /* přes celou stránku */
222 margin: 0em; /* pro jistotu žádný vnější okraj */ 222 margin: 0em; /* pro jistotu žádný vnější okraj */
223 border: 0em; /* pro jistotu */ 223 border: 0em; /* pro jistotu */
224 background-color: #FFFFCC; /* pozor na průhlednost při rolování */ 224 background-color: #FFFFCC; /* pozor na průhlednost při rolování */
225 color: #993300; /* barva písma */ 225 color: #993300; /* barva písma */
226 } 226 }
227   227  
228   228  
229 /* Nastavení specifická pro Hlavičku */ 229 /* Nastavení specifická pro Hlavičku */
230 /* --------------------------------- */ 230 /* --------------------------------- */
231 div.InnerHeader { /* kontejner na hlavičku */ 231 div.InnerHeader { /* kontejner na hlavičku */
232 /*border: solid 1px red; /* pro ladění */ 232 /*border: solid 1px red; /* pro ladění */
233 position: fixed; /* fixní umístění na stránce */ 233 position: fixed; /* fixní umístění na stránce */
234 z-index: 100; /* hodně navrch */ 234 z-index: 100; /* hodně navrch */
235 _position: static; /* IE6 neumí position fixed */ 235 _position: static; /* IE6 neumí position fixed */
236 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 236 border-bottom: solid 2px #993300; /* linka pod hlavickou */
237 top: -2px; /* umistění na stránce o tloušťku linky */ 237 top: -2px; /* umistění na stránce o tloušťku linky */
238 white-space: nowrap; /* je zakázáno zalomit hlavičku */ 238 white-space: nowrap; /* je zakázáno zalomit hlavičku */
239 overflow: hidden; /* co přečuhuje zahoď */ 239 overflow: hidden; /* co přečuhuje zahoď */
240 font-size: 3em; /* velikost písma vzhedem k rodiči */ 240 font-size: 3em; /* velikost písma vzhedem k rodiči */
241 padding: 0em; /* vnitřní výplň (vzhledem k mému písmu) */ 241 padding: 0em; /* vnitřní výplň (vzhledem k mému písmu) */
242 line-height: 100%; /* vzdálenost řádek od sebe */ 242 line-height: 100%; /* vzdálenost řádek od sebe */
243 } 243 }
244   244  
245 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/ 245 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/
246 /*background: #CCFFCC; /* pro ladění */ 246 /*background: #CCFFCC; /* pro ladění */
247 padding-left: 0.2em; /* mezera vlevo */ 247 padding-left: 0.2em; /* mezera vlevo */
248 } 248 }
249   249  
250 div.InnerHeader img { /* textu "online" v hlavičce */ 250 div.InnerHeader img { /* textu "online" v hlavičce */
251 /*border: solid 1px red; /* pro ladění neprůhledného obrázku */ 251 /*border: solid 1px red; /* pro ladění neprůhledného obrázku */
252 /*background: #FFCCCC; /* pro ladění průhledného obrázku */ 252 /*background: #FFCCCC; /* pro ladění průhledného obrázku */
253 height: 0.7em; /* gumová výška podle velikosti textu */ 253 height: 0.7em; /* gumová výška podle velikosti textu */
254 width: 2em; /* gumová šířka podle velikosti textu */ 254 width: 2em; /* gumová šířka podle velikosti textu */
255 border: 0px; /* obrázek je bez okraje */ 255 border: 0px; /* obrázek je bez okraje */
256 /* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */ 256 /* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */
257 /* nebo nějaký problém se svislým zarovnáním */ 257 /* nebo nějaký problém se svislým zarovnáním */
258 margin: 0px; 258 margin: 0px;
259 padding: 0px; 259 padding: 0px;
260 position: absolute; 260 position: absolute;
261 top: 0.15em; 261 top: 0.15em;
262 } 262 }
263   263  
264 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ 264 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */
265 /*border: solid 1px yellow; /* pro ladění */ 265 /*border: solid 1px yellow; /* pro ladění */
266 background: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */ 266 background: #FFFFCC; /* IE6 aby text zvítězil při konfliktu s logem */
267 /*background: #CCFFCC; /* pro ladění */ 267 /*background: #CCFFCC; /* pro ladění */
268 position: absolute; /* absolutní umístění */ 268 position: absolute; /* absolutní umístění */
269 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ 269 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
270 padding-right: 0.2em; /* mezera vpravo */ 270 padding-right: 0.2em; /* mezera vpravo */
271 font-size: 80%; /* velikost písma o něo menší */ 271 font-size: 80%; /* velikost písma o něo menší */
272 left: 6.625em; /* posunutí o logo 5.3em / 80% */ 272 left: 6.625em; /* posunutí o logo 5.3em / 80% */
273 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 273 _left: auto; /* IE6 natahuje se místo vlevo od textu */
274 right: 0px; /* pravý okraj až na konci */ 274 right: 0px; /* pravý okraj až na konci */
275 top: 2px; /* posunutí o čáru jako u ostatních částí hlavičky */ 275 top: 2px; /* posunutí o čáru jako u ostatních částí hlavičky */
276 _top: 0px; /* IE6 oprava posunutí (nevím proč) */ 276 _top: 0px; /* IE6 oprava posunutí (nevím proč) */
277 } 277 }
278   278  
279 div.InnerHeader a { /* odkaz v hlavičce */ 279 div.InnerHeader a { /* odkaz v hlavičce */
280 text-decoration: none; /* odkaz není podtržený */ 280 text-decoration: none; /* odkaz není podtržený */
281 color: #993300; /* IE6 a IE7 nedědí barvu textu */ 281 color: #993300; /* IE6 a IE7 nedědí barvu textu */
282 } 282 }
283   283  
284 div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */ 284 div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */
285 color: #FF0000; /* změň barvu odkazu */ 285 color: #FF0000; /* změň barvu odkazu */
286 } 286 }
287   287  
288   288  
289 /* Nastavení specifická pro Menu */ 289 /* Nastavení specifická pro Menu */
290 /* ----------------------------- */ 290 /* ----------------------------- */
291 div.InnerMenu { /* kontejner pro menu */ 291 div.InnerMenu { /* kontejner pro menu */
292 position: fixed; /* fixní umístění na stránce */ 292 position: fixed; /* fixní umístění na stránce */
293 _position: static; /* IE6 neumí position fixed */ 293 _position: static; /* IE6 neumí position fixed */
294 width: 16ex; /* šířka bloku s menu */ 294 width: 16ex; /* šířka bloku s menu */
295 _width: 100%; /* IE6 šířka přes celou stránku */ 295 _width: 100%; /* IE6 šířka přes celou stránku */
296 top: 3em; /* výška hlavičky = výška písma + 2*padding */ 296 top: 3em; /* výška hlavičky = výška písma + 2*padding */
297 _top: 0px; /* IE6 umístění hned pod hlavičku */ 297 _top: 0px; /* IE6 umístění hned pod hlavičku */
298 left: -2px; /* kompenzace šířky čáry */ 298 left: -2px; /* kompenzace šířky čáry */
299 _left: 0px; /* IE6 tady čáru nemáme */ 299 _left: 0px; /* IE6 tady čáru nemáme */
300 bottom: 0px; /* umístění dole až dolu */ 300 bottom: 0px; /* umístění dole až dolu */
301 border-right: solid 2px #993300; /* oddělující linka vpravo */ 301 border-right: solid 2px #993300; /* oddělující linka vpravo */
302 _border-right: none; /* IE6 bez čáry vpravo */ 302 _border-right: none; /* IE6 bez čáry vpravo */
303 _border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */ 303 _border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */
304 _background: #993300; /* IE6 pozadí stejné jako linky */ 304 _background: #993300; /* IE6 pozadí stejné jako linky */
305 _color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */ 305 _color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */
306 text-align: center; /* centrovaný obsah */ 306 text-align: center; /* centrovaný obsah */
307 _text-align: left; /* IE6 zarovnáváme vlevo */ 307 _text-align: left; /* IE6 zarovnáváme vlevo */
308 font-weight: bold; /* tlusté písmo odkazu */ 308 font-weight: bold; /* tlusté písmo odkazu */
309 } 309 }
310   310  
311 div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */ 311 div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */
312 /*_background: #333333; /* ladící pozadí */ 312 /*_background: #333333; /* ladící pozadí */
313 margin-left: 2px; /* kompenzace kompenzace čáry */ 313 margin-left: 2px; /* kompenzace kompenzace čáry */
314 _margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */ 314 _margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */
315 _border: 0px; /* IE6 žádný okraj */ 315 _border: 0px; /* IE6 žádný okraj */
316 _padding: 0px; /* IE6 žádná výplň */ 316 _padding: 0px; /* IE6 žádná výplň */
317 } 317 }
318   318  
319 div.InnerMenu .MenuText { /* popisky v navigaci */ 319 div.InnerMenu .MenuText { /* popisky v navigaci */
320 /*background: #DDDDDD; /* ladící pozadí */ 320 /*background: #DDDDDD; /* ladící pozadí */
321 border: none; /* žádný okraj */ 321 border: none; /* žádný okraj */
322 margin: 3px; /* malé mezery okolo */ 322 margin: 3px; /* malé mezery okolo */
323 } 323 }
324   324  
325   325  
326 /* Zobrazení seznamu odkazů v menu */ 326 /* Zobrazení seznamu odkazů v menu */
327 /* ------------------------------- */ 327 /* ------------------------------- */
328 div.InnerMenu ul { /* navigace jako seznam odkazů */ 328 div.InnerMenu ul { /* navigace jako seznam odkazů */
329 list-style: none; /* seznam je bez odrážek */ 329 list-style: none; /* seznam je bez odrážek */
330 margin: 0px; /* bez odsazení IE */ 330 margin: 0px; /* bez odsazení IE */
331 padding: 0em; /* bez odsazení FF */ 331 padding: 0em; /* bez odsazení FF */
332 white-space: nowrap; /* zákaz lámání položek menu do řádek */ 332 white-space: nowrap; /* zákaz lámání položek menu do řádek */
333 } 333 }
334   334  
335 div.InnerMenu li { /* jednotlivé odkazy */ 335 div.InnerMenu li { /* jednotlivé odkazy */
336 /*background: #BBBBBB; /* ladící pozadí */ 336 /*background: #BBBBBB; /* ladící pozadí */
337 border: solid 1px #993300; /* tenký rámeček */ 337 border: solid 1px #993300; /* tenký rámeček */
338 margin: 2px; /* malé mezery okolo */ 338 margin: 2px; /* malé mezery okolo */
339 background: #993300; /* tmavé pozadí "tlačítek" v liště */ 339 background: #993300; /* tmavé pozadí "tlačítek" v liště */
340 color: #FFFFCC; /* světlá písmena na "tlačítkách" */ 340 color: #FFFFCC; /* světlá písmena na "tlačítkách" */
341 _background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */ 341 _background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */
342 _color: #993300; /* IE6 tmavá písmena na "tlačítkách" */ 342 _color: #993300; /* IE6 tmavá písmena na "tlačítkách" */
343 } 343 }
344   344  
345 div.InnerMenu a { /* odkazy v menu */ 345 div.InnerMenu a { /* odkazy v menu */
346 text-decoration: none; /* odstranění podtržení odkazů */ 346 text-decoration: none; /* odstranění podtržení odkazů */
347 color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */ 347 color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */
348 _color: #000000; /* IE6 černá jako kontrastní barva */ 348 _color: #000000; /* IE6 černá jako kontrastní barva */
349 } 349 }
350   350  
351 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ 351 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
352 color: #FF0000; /* změn barvu písma */ 352 color: #FF0000; /* změn barvu písma */
353 } 353 }
354   354  
355 /* Zobrazení v menu */ 355 /* Zobrazení v menu */
356 /* ---------------- */ 356 /* ---------------- */
357 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */ 357 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */
358 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 358 _float: left; /* IE6 všechny prvky menu plavou vlevo */
359 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ 359 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
360 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ 360 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
361 } 361 }
362   362  
363   363  
364 /* Nastavení specifická pro Patičku */ 364 /* Nastavení specifická pro Patičku */
365 /* -------------------------------- */ 365 /* -------------------------------- */
366 div.InnerFooter{ /* patička */ 366 div.InnerFooter{ /* patička */
367 position: fixed; /* fixní umístění na stránce */ 367 position: fixed; /* fixní umístění na stránce */
368 _position: static; /* IE6 neumí position fixed */ 368 _position: static; /* IE6 neumí position fixed */
369 bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */ 369 bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */
370 border-top: solid 2px #993300; /* linka nad hlavičkou */ 370 border-top: solid 2px #993300; /* linka nad hlavičkou */
371 border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */ 371 border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */
372 _border-bottom: solid 2px #993300; /* IE6 tenká linka */ 372 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
373 font-size: 80%; /* písmo v patičce trochu zmenšit */ 373 font-size: 80%; /* písmo v patičce trochu zmenšit */
374 height: 1.25em; 374 height: 1.25em;
375 overflow: hidden; /* co přečuhuje zahoď */ 375 overflow: hidden; /* co přečuhuje zahoď */
376 /*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */ 376 /*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */
377 } /* přidal jsem pevnou mezeru do textu */ 377 } /* přidal jsem pevnou mezeru do textu */
378   378  
379   379  
380 /*============================================================================*/ 380 /*============================================================================*/
381 /* Nastavení pro tělo dokumentu */ 381 /* Nastavení pro tělo dokumentu */
382 /*============================================================================*/ 382 /*============================================================================*/
383   383  
384   384  
385 /* Nastavení těla dokumentu */ 385 /* Nastavení těla dokumentu */
386 /* ------------------------ */ 386 /* ------------------------ */
387 div.Text, div.Section1 { /* tělo stránky */ 387 div.Text, div.Section1 { /* tělo stránky */
388 /*border: solid #20FF20 1px; /* pro ladění */ 388 /*border: solid #20FF20 1px; /* pro ladění */
389 padding: 2ex; /* oddělení textu od okrajů */ 389 padding: 2ex; /* oddělení textu od okrajů */
390 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */ 390 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */
391 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */ 391 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */
392 margin-left: 16ex; /* odsazení o velikost menu a kousek */ 392 margin-left: 16ex; /* odsazení o velikost menu a kousek */
393 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 393 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
394 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */ 394 margin-bottom: 1.25em; /* když funguje fixní pozicování vynech patičku */
395 /* číslo 1/font-size v patičce */ 395 /* číslo 1/font-size v patičce */
396 _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */ 396 _margin-bottom: 0px; /* IE6 umístění patičku hned za textem */
397 } 397 }
398   398  
399 /* odstranění okraje */ 399 /* odstranění okraje */
400 .NoBorder { 400 .NoBorder {
401 border: 0; 401 border: 0;
402 } 402 }
403   403  
404 /* centrování vyznačených elementů */ 404 /* centrování vyznačených elementů */
405 .Center, tr.Center th { /* centrovaní i celých řádek tabulky */ 405 .Center, tr.Center th { /* centrovaní i celých řádek tabulky */
406 text-align: center; /* centrovani */ 406 text-align: center; /* centrovani */
407 } 407 }
408   408  
409 .Left { 409 .Left {
410 text-align: left; /* zarovnání vlevo */ 410 text-align: left; /* zarovnání vlevo */
411 } 411 }
412   412  
413 .Right: { 413 .Right {
414 text-align: right; /* zarovnnání vpravo*/ 414 text-align: right; /* zarovnnání vpravo*/
415 } 415 }
416   416  
417   417  
418 /* Odsazení od kraje */ 418 /* Odsazení od kraje */
419 .ShiftRight { 419 .ShiftRight {
420 padding-left: 5ex; /* Odsazení od levého okraje */ 420 padding-left: 5ex; /* Odsazení od levého okraje */
421 } 421 }
422   422  
423   423  
424 /* obarvení textů psaných kurzivou */ 424 /* obarvení textů psaných kurzivou */
425 p i, div i, span i { 425 p i, div i, span i {
426 color: #990000; 426 color: #990000;
427 } 427 }
428   428  
429   429  
430 /* poznámka */ 430 /* poznámka */
431 .Remark { 431 .Remark {
432 font-style: italic; /* skloněné */ 432 font-style: italic; /* skloněné */
433 color: #990000; /* barveno */ 433 color: #990000; /* barveno */
434 } 434 }
435   435  
436 /* Tabulky */ 436 /* Tabulky */
437 /* ------- */ 437 /* ------- */
438 table { 438 table {
439 border-collapse: separate; /* příčky v tabulce */ 439 border-collapse: separate; /* příčky v tabulce */
440 border: 3px solid #CCCCCC; /* vnější okraj tabulky */ 440 border: 3px solid #CCCCCC; /* vnější okraj tabulky */
441 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */ 441 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */
442 margin-bottom: 0.5em; /* odstup dole */ 442 margin-bottom: 0.5em; /* odstup dole */
443 background-color: #EEFFEE; /* pozadí tabulky */ 443 background-color: #EEFFEE; /* pozadí tabulky */
444 } 444 }
445   445  
446 /* příčky mezi buňkami */ 446 /* příčky mezi buňkami */
447 th, td { 447 th, td {
448 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */ 448 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */
449 text-align: left; /* přebití centrování th prvku */ 449 text-align: left; /* přebití centrování th prvku */
450 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */ 450 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */
451 } 451 }
452   452  
453 th { 453 th {
454 color: #FF2020; /* odlišení hlavičkových řádek */ 454 color: #FF2020; /* odlišení hlavičkových řádek */
455 } 455 }
456   456  
457 table p, table div, table li, table ol, table ul, table td { 457 table p, table div, table li, table ol, table ul, table td {
458 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */ 458 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */
459 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */ 459 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */
460 } 460 }
461   461  
462 /* Tabulka Soupiska */ 462 /* Tabulka Soupiska */
463 /* ---------------- */ 463 /* ---------------- */
464 /* Tabulka s rozpiskou součástek */ 464 /* Tabulka s rozpiskou součástek */
465 /* Formát tabulky vychází z obecné tabulky */ 465 /* Formát tabulky vychází z obecné tabulky */
466 /* první <th> je legenda */ 466 /* první <th> je legenda */
467 /* další <th> jsou skupinou součástek */ 467 /* další <th> jsou skupinou součástek */
468 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */ 468 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */
469 /* nutno doladit tak, aby fungovaly i dvousloupcové tabulky seznamu součástí */ 469 /* nutno doladit tak, aby fungovaly i dvousloupcové tabulky seznamu součástí */
470 table.Soupiska td { 470 table.Soupiska td {
471 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */ 471 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
472 } 472 }
473   473  
474 table.Soupiska tr td { 474 table.Soupiska tr td {
475 padding-left: 2ex; /* odsazení referenci (a hodnot) */ 475 padding-left: 2ex; /* odsazení referenci (a hodnot) */
476 } 476 }
477   477  
478 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 478 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
479 font-style: italic; /* a tak se to v IE ignoruje */ 479 font-style: italic; /* a tak se to v IE ignoruje */
480 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 480 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
481 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */ 481 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
482 } 482 }
483   483  
484 table.Soupiska tr:first-child > th { 484 table.Soupiska tr:first-child > th {
485 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */ 485 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
486 font-weight: bold; 486 font-weight: bold;
487 padding: 0.5em; /* mezera jen u nadpisu */ 487 padding: 0.5em; /* mezera jen u nadpisu */
-   488 }
-   489  
-   490  
-   491 /*============================================================================*/
-   492 /* Formáty pro Toc (obsah) */
-   493 /*============================================================================*/
-   494  
-   495  
-   496 ul.Toc {
-   497 background: #EEFFEE; /* barva pozadí seznamu jako u tabulky */
-   498 list-style: none; /* bez puntíků */
-   499 margin: 1em; /* vnější okraj */
-   500 padding: 1em; /* vnitřní okraj */
-   501 }
-   502  
-   503 ul.Toc li.TocH1 {
-   504 padding-left: 0ex; /* odsazení první úrovně */
-   505 }
-   506  
-   507 ul.Toc li.TocH2 {
-   508 padding-left: 3ex;
-   509 }
-   510  
-   511 ul.Toc li.TocH3 {
-   512 padding-left: 6ex;
-   513 }
-   514  
-   515 ul.Toc li.TocH4 {
-   516 padding-left: 9ex;
-   517 }
-   518  
-   519 ul.Toc li {
-   520 padding-left: 12ex; /* odsazení pro všechny další */
488 } 521 }
489   522  
490   523  
491 /*============================================================================*/ 524 /*============================================================================*/
492 /* Formáty pro stránku o autorech */ 525 /* Formáty pro stránku o autorech */
493 /*============================================================================*/ 526 /*============================================================================*/
494   527  
495   528  
496 /* List pro jednoho autora */ 529 /* List pro jednoho autora */
497 /* ----------------------- */ 530 /* ----------------------- */
498 div.AboutAuthor { 531 div.AboutAuthor {
499 border: solid 1px red; /* rámeček okolo člověka */ 532 border: solid 1px red; /* rámeček okolo člověka */
500 padding: 2em; /* mezera uvnitř rámečku */ 533 padding: 2em; /* mezera uvnitř rámečku */
501 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */ 534 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */
502 } 535 }
503   536  
504 /* Položka jména autora */ 537 /* Položka jména autora */
505 /* -------------------- */ 538 /* -------------------- */
506 div.AboutAuthor .Name { /* jméno autora */ 539 div.AboutAuthor .Name { /* jméno autora */
507 font-style: italic; /* kurzíva */ 540 font-style: italic; /* kurzíva */
508 color: red; /* barva jména */ 541 color: red; /* barva jména */
509 } 542 }
510   543  
511 /* Vložený obrázek autora */ 544 /* Vložený obrázek autora */
512 /* ---------------------- */ 545 /* ---------------------- */
513 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 546 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
514 float:right; /* plovoucí vpravo */ 547 float:right; /* plovoucí vpravo */
515 padding-left: 20px; /* mezera mezi textem a obrázkem */ 548 padding-left: 20px; /* mezera mezi textem a obrázkem */
516 } 549 }
517   550  
518 /* Seznam činností autora */ 551 /* Seznam činností autora */
519 /* ---------------------- */ 552 /* ---------------------- */
520 div.AboutAuthor ul { 553 div.AboutAuthor ul {
521 font-style: italic; /* písmo seznamu činností */ 554 font-style: italic; /* písmo seznamu činností */
522 list-style: none; /* seznam je bez odrážek */ 555 list-style: none; /* seznam je bez odrážek */
523 } 556 }
524   557  
525   558  
526 /*============================================================================*/ 559 /*============================================================================*/
527 /* Formáty pro WEBSVN */ 560 /* Formáty pro WEBSVN */
528 /*============================================================================*/ 561 /*============================================================================*/
529   562  
530   563  
531 .highlight 564 .highlight
532 { 565 {
533 color: #993300; 566 color: #993300;
534 font-style: italic; 567 font-style: italic;
535 } 568 }
536   569  
537 table.bordered, table.outlined, table.blame 570 table.bordered, table.outlined, table.blame
538 { 571 {
539 border-collapse: collapse; 572 border-collapse: collapse;
540 border: solid 2px #993300; 573 border: solid 2px #993300;
541 } 574 }
542   575  
543 .bordered td, .bordered th 576 .bordered td, .bordered th
544 { 577 {
545 border: solid 2px #993300; 578 border: solid 2px #993300;
546 } 579 }
547   580  
548 .outlined td 581 .outlined td
549 { 582 {
550 padding: 0px 5px 0px 5px; 583 padding: 0px 5px 0px 5px;
551 } 584 }
552   585  
553 .outlined th, .blame th 586 .outlined th, .blame th
554 { 587 {
555 padding: 5px 5px 5px 5px; 588 padding: 5px 5px 5px 5px;
556 font-weight: bold; 589 font-weight: bold;
557 border: solid 2px #993300; 590 border: solid 2px #993300;
558 } 591 }
559   592  
560 .outlined td, .blame td 593 .outlined td, .blame td
561 { 594 {
562 padding: 1px 5px 1px 5px; 595 padding: 1px 5px 1px 5px;
563 border-right: solid 2px #993300; 596 border-right: solid 2px #993300;
564 border-bottom: solid 1px #F0F0F0; 597 border-bottom: solid 1px #F0F0F0;
565 } 598 }
566   599  
567 td.diffdeleted 600 td.diffdeleted
568 { 601 {
569 font-size: 11px; 602 font-size: 11px;
570 background-color: #FFCCCC; 603 background-color: #FFCCCC;
571 } 604 }
572   605  
573 td.diffchanged 606 td.diffchanged
574 { 607 {
575 font-size: 11px; 608 font-size: 11px;
576 background-color: yellow; 609 background-color: yellow;
577 } 610 }
578   611  
579 td.diffadded 612 td.diffadded
580 { 613 {
581 font-size: 11px; 614 font-size: 11px;
582 background-color: #CCFFCC; 615 background-color: #CCFFCC;
583 } 616 }
584   617  
585 td.diff 618 td.diff
586 { 619 {
587 font-size: 11px; 620 font-size: 11px;
588 background-color: #D0D0D0; 621 background-color: #D0D0D0;
589 } 622 }
590   623  
591 table.diff 624 table.diff
592 { 625 {
593 border-collapse: collapse; 626 border-collapse: collapse;
594 } 627 }
595   628  
596 div.newpath 629 div.newpath
597 { 630 {
598 padding: 5px 5px 5px 5px; 631 padding: 5px 5px 5px 5px;
599 border: solid 2px #993300; 632 border: solid 2px #993300;
600 } 633 }
601   634  
602 .plusbox, .minus 635 .plusbox, .minus
603 { 636 {
604 float: left; 637 float: left;
605 clear: both; 638 clear: both;
606 position: relative; 639 position: relative;
607 top: -3px; 640 top: -3px;
608 font-size: 13px; 641 font-size: 13px;
609 font-weight: bold; 642 font-weight: bold;
610 width: 16px; 643 width: 16px;
611 text-indent: 0; 644 text-indent: 0;
612 height: 16px; 645 height: 16px;
613 color: black; 646 color: black;
614 text-align: center; 647 text-align: center;
615 padding: 0px 2px 0px 3px; 648 padding: 0px 2px 0px 3px;
616 border: black solid 1px; 649 border: black solid 1px;
617 margin-right: 5px; 650 margin-right: 5px;
618 } 651 }
619   652  
620 .plusbox 653 .plusbox
621 { 654 {
622 background-color: #D0D0D0; 655 background-color: #D0D0D0;
623 } 656 }
624   657  
625 .minusbox 658 .minusbox
626 { 659 {
627 background-color: #993300; 660 background-color: #993300;
628 } 661 }
629   662  
630 .groupname 663 .groupname
631 { 664 {
632 padding-left: 0px; 665 padding-left: 0px;
633 text-indent: -25px; 666 text-indent: -25px;
634 margin: 3px 0 3px 0; 667 margin: 3px 0 3px 0;
635 } 668 }
636   669  
637 .switchcontent 670 .switchcontent
638 { 671 {
639 margin: 3px 0 0 20px; 672 margin: 3px 0 0 20px;
640 } 673 }
641   674  
642 code 675 code
643 { 676 {
644 white-space: pre; 677 white-space: pre;
645 } 678 }