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