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