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