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