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