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ů */
165 miho 371 .Center {
146 miho 372 text-align: center;
45 kakl 373 }
374  
154 miho 375  
376 /* odstranění okraje */
165 miho 377 .NoBorder {
154 miho 378 border: 0;
379 }
380  
381  
109 miho 382 /* obarvení textů psaných kurzivou */
45 kakl 383 p i, div i, span i {
146 miho 384 color: #990000;
45 kakl 385 }
386  
387  
388 /* Tabulky */
389 /* ------- */
390 table {
146 miho 391 border-collapse: separate; /* příčky v tabulce */
392 border: 3px solid #CCCCCC; /* vnější okraj tabulky */
393 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */
394 margin-bottom: 0.5em; /* odstup dole */
395 background-color: #EEFFEE; /* pozadí tabulky */
45 kakl 396 }
397  
109 miho 398 /* příčky mezi buňkami */
45 kakl 399 th, td {
146 miho 400 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */
401 text-align: left; /* přebití centrování th prvku */
402 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */
45 kakl 403 }
404  
405 th {
146 miho 406 color: #FF2020; /* odlišení hlavičkových řádek */
45 kakl 407 }
408  
409 table p, table div, table li, table ol, table ul {
146 miho 410 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */
411 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */
45 kakl 412 }
413  
414 /* Tabulka Soupiska */
415 /* ---------------- */
109 miho 416 /* Tabulka s rozpiskou součástek */
417 /* Formát tabulky vychází z obecné tabulky */
418 /* první <th> je legenda */
419 /* další <th> jsou skupinou součástek */
420 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */
45 kakl 421 table.Soupiska td {
146 miho 422 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
45 kakl 423 }
424  
425 table.Soupiska tr td:first-child {
146 miho 426 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
45 kakl 427 }
428  
109 miho 429 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
146 miho 430 font-style: italic; /* a tak se to v IE ignoruje */
431 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
45 kakl 432 }
433  
434 table.Soupiska tr:first-child > th {
146 miho 435 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
436 font-weight: bold;
45 kakl 437 }
438  
439  
440 /*============================================================================*/
109 miho 441 /* Formáty pro stránku o autorech */
45 kakl 442 /*============================================================================*/
443  
444  
445 /* List pro jednoho autora */
446 /* ----------------------- */
447 div.AboutAuthor {
146 miho 448 border: solid 1px red; /* rámeček okolo člověka */
449 padding: 2em; /* mezera uvnitř rámečku */
450 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */
45 kakl 451 }
452  
109 miho 453 /* Položka jména autora */
45 kakl 454 /* -------------------- */
109 miho 455 div.AboutAuthor .Name { /* jméno autora */
146 miho 456 font-style: italic; /* kurzíva */
457 color: red; /* barva jména */
45 kakl 458 }
459  
109 miho 460 /* Vložený obrázek autora */
45 kakl 461 /* ---------------------- */
109 miho 462 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
146 miho 463 float:right; /* plovoucí vpravo */
464 padding-left: 20px; /* mezera mezi textem a obrázkem */
45 kakl 465 }
466  
109 miho 467 /* Seznam činností autora */
45 kakl 468 /* ---------------------- */
469 div.AboutAuthor ul {
146 miho 470 font-style: italic; /* písmo seznamu činností */
471 list-style: none; /* seznam je bez odrážek */
472 }
473  
474  
136 root 475 /*============================================================================*/
476 /* Formáty pro WEBSVN */
477 /*============================================================================*/
146 miho 478  
479  
480 .highlight
481 {
482 color: #993300;
483 font-style: italic;
484 }
485  
486 table.bordered, table.outlined, table.blame
487 {
488 border-collapse: collapse;
489 border: solid 2px #993300;
490 }
491  
492 .bordered td, .bordered th
493 {
494 border: solid 2px #993300;
495 }
496  
497 .outlined td
498 {
499 padding: 0px 5px 0px 5px;
500 }
501  
502 .outlined th, .blame th
503 {
504 padding: 5px 5px 5px 5px;
505 font-weight: bold;
506 border: solid 2px #993300;
507 }
508  
509 .outlined td, .blame td
510 {
511 padding: 1px 5px 1px 5px;
512 border-right: solid 2px #993300;
513 border-bottom: solid 1px #F0F0F0;
514 }
515  
516 td.diffdeleted
517 {
518 font-size: 11px;
519 background-color: #FFCCCC;
520 }
521  
522 td.diffchanged
523 {
524 font-size: 11px;
525 background-color: yellow;
526 }
527  
528 td.diffadded
529 {
530 font-size: 11px;
531 background-color: #CCFFCC;
532 }
533  
534 td.diff
535 {
536 font-size: 11px;
537 background-color: #D0D0D0;
538 }
539  
540 table.diff
541 {
542 border-collapse: collapse;
543 }
544  
545 div.newpath
546 {
547 padding: 5px 5px 5px 5px;
548 border: solid 2px #993300;
549 }
550  
551 .plusbox, .minus
552 {
553 float: left;
554 clear: both;
555 position: relative;
556 top: -3px;
557 font-size: 13px;
558 font-weight: bold;
559 width: 16px;
560 text-indent: 0;
561 height: 16px;
562 color: black;
563 text-align: center;
564 padding: 0px 2px 0px 3px;
565 border: black solid 1px;
566 margin-right: 5px;
567 }
568  
569 .plusbox
570 {
571 background-color: #D0D0D0;
572 }
573  
574 .minusbox
575 {
576 background-color: #993300;
577 }
578  
579 .groupname
580 {
581 padding-left: 0px;
582 text-indent: -25px;
583 margin: 3px 0 3px 0;
584 }
585  
586 .switchcontent
587 {
588 margin: 3px 0 0 20px;
589 }
590  
591 code
592 {
174 miho 593 white-space: pre;
146 miho 594 }