Rev 1 Rev 20
Line 11... Line 11...
11   11  
12   12  
13 /* Sjednocení nastaveni celého dokumentu */ 13 /* Sjednocení nastaveni celého dokumentu */
14 /* ------------------------------------- */ 14 /* ------------------------------------- */
15 html, body { 15 html, body {
16 margin: 0px; /* sjednotime okraje pro vsechny prohlizece */ 16 margin: 0px; /* sjednotime okraje pro vsechny prohlizece */
17 _width: 97%; /* IE6 jinak zobrazuje rolovatko dole */ 17 _width: 97%; /* IE6 jinak zobrazuje rolovatko dole */
18 } 18 }
19   19  
20 /* !!!! List Definitions */ 20 /* !!!! List Definitions */
21 ol { 21 ol {
22 margin-bottom: 0cm; 22 margin-bottom: 0cm;
Line 26... Line 26...
26 margin-bottom: 0cm; 26 margin-bottom: 0cm;
27 } 27 }
28   28  
29 /* První slovo má první písmeno zvýraznìné */ 29 /* První slovo má první písmeno zvýraznìné */
30 .FirstWord:first-letter { 30 .FirstWord:first-letter {
31 color: red; 31 color: red;
32 } 32 }
33   33  
34   34  
35   35  
36   36  
Line 39... Line 39...
39 /*============================================================================*/ 39 /*============================================================================*/
40   40  
41   41  
42 /* Spoleèné nastavení pro Hlavièku Menu a Patièku */ 42 /* Spoleèné nastavení pro Hlavièku Menu a Patièku */
43 /* ---------------------------------------------- */ 43 /* ---------------------------------------------- */
44 div.Header, div.Menu, div.Footer { 44 div.Header, div.Menu, div.Footer {
45 /*border: dotted #FF8080 1px; /* pro ladeni */ 45 /*border: dotted #FF8080 1px; /* pro ladeni */
46 position: fixed; /* fixni umisteni na strance */ 46 position: fixed; /* fixni umisteni na strance */
47 width: 100%; /* prez celou stranku */ 47 width: 100%; /* prez celou stranku */
48 margin: 0px; /* pro jistotu zadny vnejsi okraj */ 48 margin: 0px; /* pro jistotu zadny vnejsi okraj */
49 padding: 5px; /* vnitrni vypln */ 49 padding: 5px; /* vnitrni vypln */
50 background-color: #FFFFFF; /* pozor na pruhlednost pri rolovani */ 50 background-color: #FFFFFF; /* pozor na pruhlednost pri rolovani */
51 left: 0px; /* pro jistotu */ 51 left: 0px; /* pro jistotu */
52 _position: relative; /* IE6 neumí position fixed */ 52 _position: relative; /* IE6 neumí position fixed */
53 _top: 0px; /* IE6 umístìní hned pod hlavièku */ 53 _top: 0px; /* IE6 umístìní hned pod hlavièku */
54 _left: 0px; 54 _left: 0px;
55 _width: 100%; /* IE6 šíøka pøes celou stránku */ 55 _width: 100%; /* IE6 šíøka pøes celou stránku */
56 /* _border: solid 2px #FF00FF; 56 /* _border: solid 2px #FF00FF;
57 /* _padding: 0px; /**/ 57 /* _padding: 0px; /**/
58 _margin: 0px; -  
59 } 58 }
60   59  
61 /* Nastavení specifická pro Hlavièku */ 60 /* Nastavení specifická pro Hlavièku */
62 /* --------------------------------- */ 61 /* --------------------------------- */
63 div.Header { 62 div.Header {
-   63 /*border: solid 1px red; /* pro ladìní */
64 top: 0px; /* umisteni na strance */ 64 top: 0px; /* umisteni na strance */
65 border-bottom: solid 2px #808000; /* linka pod hlavickou */ 65 border-bottom: solid 2px #808000; /* linka pod hlavickou */
66 white-space: nowrap; /* je zakázáno zalomit hlavièku */ 66 white-space: nowrap; /* je zakázáno zalomit hlavièku */
67 overflow: hidden; /* co pøeèuhuje zahod */ 67 overflow: hidden; /* co pøeèuhuje zahoï */
-   68 height: 57px; /* nezbytné protože proklad øádek závisí na zvìtšení */
-   69 }
-   70  
-   71 div.Header img {
-   72 float: left; /* chová se slušnì i pøi zvìtšování pohledu */
68 } 73 }
69   74  
70 /* Nastavení nadpisu v hlavièce */ 75 /* Nastavení nadpisu v hlavièce */
71 /* ---------------------------- */ 76 /* ---------------------------- */
72 div.Header .HeaderText { 77 div.Header .HeaderText {
73 /*border: solid 1px red; /* pro ladìní */ 78 /*border: solid 1px red; /* pro ladìní */
-   79 display: block; /* text je blok */
-   80 margin-left: 290px; /* odsazení o velikost obrázku a kousek */
-   81 margin-right: 10px; /* odsazení vpravo */
-   82 _margin-right: 0px; /* IE6 odsazení vpravo */
-   83 margin-top: 14px; /* cca výška obrázku(57)/2 - font(40)/2 */
-   84 padding: 0px; /* žádná výpò */
74 vertical-align: bottom; /* do nadøazeného bloku umísti spodkem */ 85 /*vertical-align: 30%; /* umístìní do nadøazeného bloku */
-   86 font-size: 40px; /* velikost textu úmìrná výšce hlavièky */
75 color: green; /* barva textu */ 87 color: green; /* barva textu */
76 font-size: 200%; /* velikost textu */ 88 text-align: right; /* centrovat nápis */
77 } 89 }
78   90  
79 /* Nastavení specifická pro Menu */ 91 /* Nastavení specifická pro Menu */
80 /* ----------------------------- */ 92 /* ----------------------------- */
81 div.Menu { /* menu */ 93 div.Menu { /* menu */
82 width: 15ex; /* šíøka menu */ 94 width: 15ex; /* šíøka menu */
83 top: 74px; /* umístìní = logo + 3*okraj + linka */ 95 top: 69px; /* umístìní = logo(57) + 2*okraj(5) + linka (2) */
84 bottom: 0px; /* umístìní dole až dolu */ 96 bottom: 0px; /* umístìní dole až dolu */
85 border-right: solid 2px #808000; /* oddìlující linka */ 97 border-right: solid 2px #808000; /* oddìlující linka */
86 _position: relative; /* IE6 neumí position fixed */ 98 _position: relative; /* IE6 neumí position fixed */
87 _width: 100%; /* IE6 šíøka pøes celou stránku */ 99 _width: 100%; /* IE6 šíøka pøes celou stránku */
88 _top: 0px; /* IE6 umístìní hned pod hlavièku */ 100 _top: 0px; /* IE6 umístìní hned pod hlavièku */
89 _border-right: none; /* IE6 bez èáry vpravo */ 101 _border-right: none; /* IE6 bez èáry vpravo */
90 _background: #808000; /* IE6 pozadí stejné jako linky */ 102 _background: #808000; /* IE6 pozadí stejné jako linky */
91 _color: #FFFF00; /* IE6 barva menu uvniø pruhu */ 103 _color: #FFFF00; /* IE6 barva menu uvniø pruhu */
92 } 104 }
93   105  
94 /* Zobrazení seznamu odkazù v menu */ 106 /* Zobrazení seznamu odkazù v menu */
95 /* ------------------------------- */ 107 /* ------------------------------- */
96 div.Menu ul { 108 div.Menu ul {
97 list-style: none; /* seznam je bez odrážek */ 109 list-style: none; /* seznam je bez odrážek */
98 margin-left: 0px; /* bez odsazení IE */ 110 margin-left: 0px; /* bez odsazení IE */
99 padding: 0px; /* bez odsazení FF */ 111 padding: 0px; /* bez odsazení FF */
100 white-space: nowrap; /* zákaz lámání položek do øádek */ 112 white-space: nowrap; /* zákaz lámání položek do øádek */
101 } 113 }
102   114  
103 div.Menu a { 115 div.Menu a {
104 text-decoration: none; /* odstranìní podtržení odkazù */ 116 text-decoration: none; /* odstranìní podtržení odkazù */
105 font-weight: bold; /* tlusté písmo odkazu */ 117 font-weight: bold; /* tlusté písmo odkazu */
106 color: #808000; /* barva písma odkazu */ 118 color: #808000; /* barva písma odkazu */
107 _color: red; /* barva písma odkazu */ 119 _color: red; /* barva písma odkazu */
108 } 120 }
109   121  
110 /* Zobrazení v menu */ 122 /* Zobrazení v menu */
111 /* ---------------- */ 123 /* ---------------- */
112 div.Menu * { 124 div.Menu * {
113 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 125 _float: left; /* IE6 všechny prvky menu plavou vlevo */
114 _padding-left: 1ex; /* IE6 mezera mezi prvky */ 126 _padding-left: 1ex; /* IE6 mezera mezi prvky */
115 } 127 }
116   128  
117 div.Menu .MenuText { 129 div.Menu .MenuText {
118 color: #FF8000; /* barva textu v menu */ 130 color: #FF8000; /* barva textu v menu */
119 _color: #FFFF00; /* IE6 barva menu uvniø pruhu */ 131 _color: #FFFF00; /* IE6 barva menu uvniø pruhu */
120 font-size: 120%; /* text v menu trochu vìtším písmem */ 132 font-size: 120%; /* text v menu trochu vìtším písmem */
121 _font-size: 100%; /* IE6 text v pruhu normálním písmem */ 133 _font-size: 100%; /* IE6 text v pruhu normálním písmem */
122 padding-top: 2ex; /* text v menu oddìlit */ 134 padding-top: 2ex; /* text v menu oddìlit */
123 _padding-top: 0px; /* IE6 textu nepøidávat okraj */ 135 _padding-top: 0px; /* IE6 textu nepøidávat okraj */
124 } 136 }
125   137  
126 /* Nastavení specifická pro Patièku */ 138 /* Nastavení specifická pro Patièku */
127 /* -------------------------------- */ 139 /* -------------------------------- */
128 div.Footer{ /* paticka */ 140 div.Footer{ /* paticka */
129 bottom: 0px; /* umisteni na strance */ 141 bottom: 0px; /* umisteni na strance */
130 border-top: solid 2px #808000; /* linka pod hlavickou */ 142 border-top: solid 2px #808000; /* linka pod hlavickou */
131 font-size: 90%; /* písmo v patièce trochu zmenšit */ 143 font-size: 90%; /* písmo v patièce trochu zmenšit */
132 } 144 }
133   145  
134 /* Osetøení vnoøených divù v IE6 */ 146 /* Osetøení vnoøených divù v IE6 */
135 /* ----------------------------- */ 147 /* ----------------------------- */
136 div.Header div.Header, 148 div.Header div.Header,
137 div.Menu div.Menu, 149 div.Menu div.Menu,
138 div.Footer div.Footer { 150 div.Footer div.Footer {
139 _border: none; /* IE6 div uvnitø div bez okrajù */ 151 _border: none; /* IE6 div uvnitø div bez okrajù */
140 _padding: 0px; /* IE6 výplò nulová */ 152 _padding: 0px; /* IE6 výplò nulová */
141 _margin: 0px; /* IE6 okraj nulový */ 153 _margin: 0px; /* IE6 okraj nulový */
142 } 154 }
143   155  
144 /*============================================================================*/ 156 /*============================================================================*/
145 /* Nastaveni pro tìlo dokumentu */ 157 /* Nastaveni pro tìlo dokumentu */
146 /*============================================================================*/ 158 /*============================================================================*/
147   159  
148   160  
149 /* Nastavení tìla dokumentu */ 161 /* Nastavení tìla dokumentu */
150 /* ------------------------ */ 162 /* ------------------------ */
151 div.Text, div.Section1 { 163 div.Text, div.Section1 {
152 /*border: dotted #80FF80 1px; /* pro ladìní */ 164 /*border: dotted #80FF80 1px; /* pro ladìní */
153 margin-top: 74px; /* když funguje fixní pozicování vynech hlavièku */ 165 margin-top: 74px; /* když funguje fixní pozicování vynech hlavièku */
154 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ 166 _margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */
155 margin-bottom: 75px; /* když funguje fixní pozicování vynech patièku */ 167 margin-bottom: 75px; /* když funguje fixní pozicování vynech patièku */
156 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ 168 _margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
157 margin-left: 17ex; /* odsazení o velikost menu a kousek */ 169 margin-left: 17ex; /* odsazení o velikost menu a kousek */
158 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 170 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
159 padding: 2ex; /* oddìlení textu od okrajù */ 171 padding: 2ex; /* oddìlení textu od okrajù */
160 } 172 }
161   173  
162   174  
163   175  
164 /* centrovani vyznacenych elementu */ 176 /* centrovani vyznacenych elementu */
Line 166... Line 178...
166 text-align: center; 178 text-align: center;
167 } 179 }
168   180  
169 /* obarveni textu psanych kurzivou */ 181 /* obarveni textu psanych kurzivou */
170 p i, div i, span i { 182 p i, div i, span i {
171 color: #800000; 183 color: #800000;
172 } 184 }
173   185  
174 td.em { 186 td.em {
175   187  
176 } 188 }
177   189  
178 /* Tabulky */ 190 /* Tabulky */
179 /* ------- */ 191 /* ------- */
180 table { 192 table {
181 border-collapse: "separate"; /* spojene pricky v tabulce */ 193 border-collapse: "separate"; /* spojene pricky v tabulce */
182 border: 3px solid #CCCCCC; /* vnejsi okraj tabulky */ 194 border: 3px solid #CCCCCC; /* vnejsi okraj tabulky */
183 margin-top: 0.5em; /* odstup nahore (oddeleni od souseda) */ 195 margin-top: 0.5em; /* odstup nahore (oddeleni od souseda) */
184 margin-bottom: 0.5em; /* odstup dole */ 196 margin-bottom: 0.5em; /* odstup dole */
185 background-color: #EEFFEE; /* pozadi tabulky */ 197 background-color: #EEFFEE; /* pozadi tabulky */
186 } 198 }
187   199  
188 /* pricky mezi bunkami */ 200 /* pricky mezi bunkami */
189 th, td { 201 th, td {
190 border: 1px solid #CCCCCC; /* pricky mezi bunkami (v FF se barva chybne dedi) */ 202 border: 1px solid #CCCCCC; /* pricky mezi bunkami (v FF se barva chybne dedi) */
191 text-align: left; /* prebiti centrovani th prvku */ 203 text-align: left; /* prebiti centrovani th prvku */
192 padding: 0.5em; /* mezera mezi obsahem bunky a prickami */ 204 padding: 0.5em; /* mezera mezi obsahem bunky a prickami */
193 } 205 }
194   206  
195 th { 207 th {
196 color: #FF2020; /* odliseni hlavickovych radek */ 208 color: #FF2020; /* odliseni hlavickovych radek */
197 } 209 }
198   210  
199 table p, table div, table li, table ol, table ul { 211 table p, table div, table li, table ol, table ul {
200 margin-top: 0.3em; /* omezeni nadbytecne mezery u FF */ 212 margin-top: 0.3em; /* omezeni nadbytecne mezery u FF */
201 margin-bottom: 0.3em; /* omezeni nadbytecne mezery u FF */ 213 margin-bottom: 0.3em; /* omezeni nadbytecne mezery u FF */
202 } 214 }
203   215  
204 /* Tabulka Soupiska */ 216 /* Tabulka Soupiska */
205 /* ---------------- */ 217 /* ---------------- */
206 /* Tabulka s rozpiskou soucastek 218 /* Tabulka s rozpiskou soucastek
207 Format tabulky vychazi z obecne tabulky 219 Format tabulky vychazi z obecne tabulky
208 prvni <th> je legendou 220 prvni <th> je legendou
209 dalsi <th> jsou skupinou soucastek 221 dalsi <th> jsou skupinou soucastek
210 /* znacky <td> jsou vlastni seznam, prvni soupec odskoceny vpravo */ 222 /* znacky <td> jsou vlastni seznam, prvni soupec odskoceny vpravo */
211 table.Soupiska td { 223 table.Soupiska td {
212 padding: 0px 0.5em; /* mezera mezi obsahem bunky a prickami */ 224 padding: 0px 0.5em; /* mezera mezi obsahem bunky a prickami */
213 } 225 }
214   226  
215 table.Soupiska tr td:first-child { 227 table.Soupiska tr td:first-child {
216 padding-left: 2ex; /* odsazeni referenci, nefunguje v IE6 */ 228 padding-left: 2ex; /* odsazeni referenci, nefunguje v IE6 */
217 } 229 }
218   230  
219 table.Soupiska tr > th { /* funkci potomek IE6 nezna */ 231 table.Soupiska tr > th { /* funkci potomek IE6 nezna */
220 font-style: italic; /* a tak se to v IE ignoruje */ 232 font-style: italic; /* a tak se to v IE ignoruje */
221 font-weight: normal; /* jinak vse th je hubene písmo kurzivou */ 233 font-weight: normal; /* jinak vse th je hubene písmo kurzivou */
222 } 234 }
223   235  
224 table.Soupiska tr:first-child > th { 236 table.Soupiska tr:first-child > th {
225 font-style: normal; /* vše krome prvniho th (opìt v IE6 nefunguje) */ 237 font-style: normal; /* vše krome prvniho th (opìt v IE6 nefunguje) */
226 font-weight: bold; 238 font-weight: bold;
227 } 239 }
228   240  
229   241  
230   242  
231   243  
Line 280... Line 292...
280 margin-right: 0cm; 292 margin-right: 0cm;
281 font-family: Arial; 293 font-family: Arial;
282 } 294 }
283   295  
284 h1 { 296 h1 {
285 color: blue; /* barva nadpisu */ 297 color: blue; /* barva nadpisu */
286 margin-top: 20.0pt; 298 margin-top: 20.0pt;
287 margin-bottom: 6.0pt; 299 margin-bottom: 6.0pt;
288 text-indent: 0cm; 300 text-indent: 0cm;
289 font-size: 20.0pt; 301 font-size: 20.0pt;
290 } 302 }
291   303  
292 h2 { 304 h2 {
293 color: red; /* barva nadpisu */ 305 color: red; /* barva nadpisu */
294 margin-top: 16.0pt; 306 margin-top: 16.0pt;
295 margin-bottom: 6.0pt; 307 margin-bottom: 6.0pt;
296 text-indent: 0cm; 308 text-indent: 0cm;
297 font-size: 16.0pt; 309 font-size: 16.0pt;
298 } 310 }
Line 428... Line 440...
428   440  
429   441  
430 /* List pro jednoho autora */ 442 /* List pro jednoho autora */
431 /* ----------------------- */ 443 /* ----------------------- */
432 div.AboutAuthor { 444 div.AboutAuthor {
433 border: solid 1px red; /* rámeèek okolo èlovìka */ 445 border: solid 1px red; /* rámeèek okolo èlovìka */
434 padding: 2em; /* mezera uvnitø rámeèku */ 446 padding: 2em; /* mezera uvnitø rámeèku */
435 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ 447 margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
436 } 448 }
437   449  
438 /* Položka jména autora */ 450 /* Položka jména autora */
439 /* -------------------- */ 451 /* -------------------- */
440 div.AboutAuthor .Name { /* jméno autora */ 452 div.AboutAuthor .Name { /* jméno autora */
441 font-style: italic; /* kurzíva */ 453 font-style: italic; /* kurzíva */
442 color: red; /* barva jména */ 454 color: red; /* barva jména */
443 } 455 }
444   456  
445 /* Vložený obrázek autora */ 457 /* Vložený obrázek autora */
446 /* ---------------------- */ 458 /* ---------------------- */
447 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 459 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
448 float:right; /* plovoucí vpravo */ 460 float:right; /* plovoucí vpravo */
449 padding-left: 20px; /* mezera mezi textem a obrázkem */ 461 padding-left: 20px; /* mezera mezi textem a obrázkem */
450 } 462 }
451   463  
452 /* Seznam èinností autora */ 464 /* Seznam èinností autora */
453 /* ---------------------- */ 465 /* ---------------------- */
454 div.AboutAuthor ul { 466 div.AboutAuthor ul {
455 font-style: italic; /* písmo seznamu èinností */ 467 font-style: italic; /* písmo seznamu èinností */
456 list-style: none; /* seznam je bez odrážek */ 468 list-style: none; /* seznam je bez odrážek */
457 } 469 }