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