Rev 146 Rev 154
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 } 175 }
176   176  
177 /* První slovo má první písmeno zvýrazněné */ 177 /* První slovo má první písmeno zvýrazněné */
178 .FirstWord:first-letter { 178 .FirstWord:first-letter {
179 color: red; /* zvýraznné první písmeno */ 179 color: red; /* zvýraznné první písmeno */
180 } 180 }
181   181  
182 /* Zvýrazněné řádky s odkazy */ 182 /* Zvýrazněné řádky s odkazy */
183 .FirstWord a { 183 .FirstWord a {
184 text-decoration: none; /* odkaz není podtržený */ 184 text-decoration: none; /* odkaz není podtržený */
185 color: inherit; /* odkaz nemá zvláštní barvu */ 185 color: inherit; /* odkaz nemá zvláštní barvu */
186 _color: #993300; /* IE6 nám nějak nedědí barvu */ 186 _color: #993300; /* IE6 nám nějak nedědí barvu */
187 } 187 }
188   188  
189   189  
190 /*============================================================================*/ 190 /*============================================================================*/
191 /* Nastavení pro hlavičku, patičku a menu */ 191 /* Nastavení pro hlavičku, patičku a menu */
192 /*============================================================================*/ 192 /*============================================================================*/
193   193  
194   194  
195 /* Společná nastavení pro Hlavičku Menu a Patičku */ 195 /* Společná nastavení pro Hlavičku Menu a Patičku */
196 /* ---------------------------------------------- */ 196 /* ---------------------------------------------- */
197 div.InnerHeader, div.InnerMenu, div.InnerFooter { 197 div.InnerHeader, div.InnerMenu, div.InnerFooter {
198 /*border: dotted #FF8080 1px; /* pro ladění */ 198 /*border: dotted #FF8080 1px; /* pro ladění */
199 width: 100%; /* přes celou stránku */ 199 width: 100%; /* přes celou stránku */
200 margin: 0em; /* pro jistotu žádný vnější okraj */ 200 margin: 0em; /* pro jistotu žádný vnější okraj */
201 border: 0em; /* pro jistotu */ 201 border: 0em; /* pro jistotu */
202 background-color: #FFFFCC; /* pozor na průhlednost při rolování */ 202 background-color: #FFFFCC; /* pozor na průhlednost při rolování */
203 color: #993300; /* barva písma */ 203 color: #993300; /* barva písma */
204 } 204 }
205   205  
206   206  
207 /* Nastavení specifická pro Hlavičku */ 207 /* Nastavení specifická pro Hlavičku */
208 /* --------------------------------- */ 208 /* --------------------------------- */
209 div.InnerHeader { /* kontejner na hlavičku */ 209 div.InnerHeader { /* kontejner na hlavičku */
210 /*border: solid 1px red; /* pro ladění */ 210 /*border: solid 1px red; /* pro ladění */
211 position: fixed; /* fixní umístění na stránce */ 211 position: fixed; /* fixní umístění na stránce */
212 _position: static; /* IE6 neumí position fixed */ 212 _position: static; /* IE6 neumí position fixed */
213 border-bottom: solid 2px #993300; /* linka pod hlavickou */ 213 border-bottom: solid 2px #993300; /* linka pod hlavickou */
214 top: -2px; /* umistění na stránce o tloušťku linky */ 214 top: -2px; /* umistění na stránce o tloušťku linky */
215 white-space: nowrap; /* je zakázáno zalomit hlavičku */ 215 white-space: nowrap; /* je zakázáno zalomit hlavičku */
216 overflow: hidden; /* co přečuhuje zahoď */ 216 overflow: hidden; /* co přečuhuje zahoď */
217 font-size: 3em; /* velikost písma vzhedem k rodiči */ 217 font-size: 3em; /* velikost písma vzhedem k rodiči */
218 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) */
219 line-height: 100%; /* vzdálenost řádek od sebe */ 219 line-height: 100%; /* vzdálenost řádek od sebe */
220 } 220 }
221   221  
222 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/ 222 div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/
223 /*background: #CCFFCC; /* pro ladění */ 223 /*background: #CCFFCC; /* pro ladění */
224 padding-left: 0.2em; /* mezera vlevo */ 224 padding-left: 0.2em; /* mezera vlevo */
225 } 225 }
226   226  
227 div.InnerHeader img { /* textu "online" v hlavičce */ 227 div.InnerHeader img { /* textu "online" v hlavičce */
228 /*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 */
229 /*background: #FFCCCC; /* pro ladění průhledného obrázku */ 229 /*background: #FFCCCC; /* pro ladění průhledného obrázku */
230 height: 0.7em; /* gumová výška podle velikosti textu */ 230 height: 0.7em; /* gumová výška podle velikosti textu */
231 width: 2em; /* gumová šířka podle velikosti textu */ 231 width: 2em; /* gumová šířka podle velikosti textu */
232 } 232 }
233   233  
234 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ 234 div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */
235 /*border: solid 1px yellow; /* pro ladění */ 235 /*border: solid 1px yellow; /* pro ladění */
236 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 */
237 /*background: #CCFFCC; /* pro ladění */ 237 /*background: #CCFFCC; /* pro ladění */
238 position: absolute; /* absolutní umístění */ 238 position: absolute; /* absolutní umístění */
239 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ 239 text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
240 padding-right: 0.2em; /* mezera vpravo */ 240 padding-right: 0.2em; /* mezera vpravo */
241 font-size: 80%; /* velikost písma o něo menší */ 241 font-size: 80%; /* velikost písma o něo menší */
242 left: 6.625em; /* posunutí o logo 5.3em / 80% */ 242 left: 6.625em; /* posunutí o logo 5.3em / 80% */
243 _left: auto; /* IE6 natahuje se místo vlevo od textu */ 243 _left: auto; /* IE6 natahuje se místo vlevo od textu */
244 right: 0px; /* pravý okraj až na konci */ 244 right: 0px; /* pravý okraj až na konci */
245 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 */
246 } 246 }
247   247  
248 div.InnerHeader a { /* odkaz v hlavičce */ 248 div.InnerHeader a { /* odkaz v hlavičce */
249 text-decoration: none; /* odkaz není podtržený */ 249 text-decoration: none; /* odkaz není podtržený */
250 color: inherit; /* odkaz nemá zvláštní barvu */ 250 color: inherit; /* odkaz nemá zvláštní barvu */
251 _color: #993300; /* IE6 nám nějak nedědí barvu */ 251 _color: #993300; /* IE6 nám nějak nedědí barvu */
252 } 252 }
253   253  
254 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 */
255 color: #FF0000; /* změň barvu odkazu */ 255 color: #FF0000; /* změň barvu odkazu */
256 } 256 }
257   257  
258   258  
259 /* Nastavení specifická pro Menu */ 259 /* Nastavení specifická pro Menu */
260 /* ----------------------------- */ 260 /* ----------------------------- */
261 div.InnerMenu { /* kontejner pro menu */ 261 div.InnerMenu { /* kontejner pro menu */
262 position: fixed; /* fixní umístění na stránce */ 262 position: fixed; /* fixní umístění na stránce */
263 _position: static; /* IE6 neumí position fixed */ 263 _position: static; /* IE6 neumí position fixed */
264 width: 16ex; /* šířka bloku s menu */ 264 width: 16ex; /* šířka bloku s menu */
265 _width: 100%; /* IE6 šířka přes celou stránku */ 265 _width: 100%; /* IE6 šířka přes celou stránku */
266 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 */
267 _top: 0px; /* IE6 umístění hned pod hlavičku */ 267 _top: 0px; /* IE6 umístění hned pod hlavičku */
268 left: -2px; /* kompenzace šířky čáry */ 268 left: -2px; /* kompenzace šířky čáry */
269 _left: 0px; /* IE6 tady čáru nemáme */ 269 _left: 0px; /* IE6 tady čáru nemáme */
270 bottom: 0px; /* umístění dole až dolu */ 270 bottom: 0px; /* umístění dole až dolu */
271 border-right: solid 2px #993300; /* oddělující linka vpravo */ 271 border-right: solid 2px #993300; /* oddělující linka vpravo */
272 _border-right: none; /* IE6 bez čáry vpravo */ 272 _border-right: none; /* IE6 bez čáry vpravo */
273 _border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */ 273 _border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */
274 _background: #993300; /* IE6 pozadí stejné jako linky */ 274 _background: #993300; /* IE6 pozadí stejné jako linky */
275 _color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */ 275 _color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */
276 text-align: center; /* centrovaný obsah */ 276 text-align: center; /* centrovaný obsah */
277 _text-align: left; /* IE6 zarovnáváme vlevo */ 277 _text-align: left; /* IE6 zarovnáváme vlevo */
278 font-weight: bold; /* tlusté písmo odkazu */ 278 font-weight: bold; /* tlusté písmo odkazu */
279 } 279 }
280   280  
281 div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */ 281 div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */
282 /*_background: #333333; /* ladící pozadí */ 282 /*_background: #333333; /* ladící pozadí */
283 margin-left: 2px; /* kompenzace kompenzace čáry */ 283 margin-left: 2px; /* kompenzace kompenzace čáry */
284 _margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */ 284 _margin-left: 0.5em; /* IE6 tady potřebuji jen okraj */
285 _border: 0px; /* IE6 žádný okraj */ 285 _border: 0px; /* IE6 žádný okraj */
286 _padding: 0px; /* IE6 žádná výplň */ 286 _padding: 0px; /* IE6 žádná výplň */
287 } 287 }
288   288  
289 div.InnerMenu .MenuText { /* popisky v navigaci */ 289 div.InnerMenu .MenuText { /* popisky v navigaci */
290 /*background: #DDDDDD; /* ladící pozadí */ 290 /*background: #DDDDDD; /* ladící pozadí */
291 border: none; /* žádný okraj */ 291 border: none; /* žádný okraj */
292 margin: 3px; /* malé mezery okolo */ 292 margin: 3px; /* malé mezery okolo */
293 } 293 }
294   294  
295   295  
296 /* Zobrazení seznamu odkazů v menu */ 296 /* Zobrazení seznamu odkazů v menu */
297 /* ------------------------------- */ 297 /* ------------------------------- */
298 div.InnerMenu ul { /* navigace jako seznam odkazů */ 298 div.InnerMenu ul { /* navigace jako seznam odkazů */
299 list-style: none; /* seznam je bez odrážek */ 299 list-style: none; /* seznam je bez odrážek */
300 margin: 0px; /* bez odsazení IE */ 300 margin: 0px; /* bez odsazení IE */
301 padding: 0em; /* bez odsazení FF */ 301 padding: 0em; /* bez odsazení FF */
302 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 */
303 } 303 }
304   304  
305 div.InnerMenu li { /* jednotlivé odkazy */ 305 div.InnerMenu li { /* jednotlivé odkazy */
306 /*background: #BBBBBB; /* ladící pozadí */ 306 /*background: #BBBBBB; /* ladící pozadí */
307 border: solid 1px #993300; /* tenký rámeček */ 307 border: solid 1px #993300; /* tenký rámeček */
308 margin: 2px; /* malé mezery okolo */ 308 margin: 2px; /* malé mezery okolo */
309 background: #993300; /* tmavé pozadí "tlačítek" v liště */ 309 background: #993300; /* tmavé pozadí "tlačítek" v liště */
310 color: #FFFFCC; /* světlá písmena na "tlačítkách" */ 310 color: #FFFFCC; /* světlá písmena na "tlačítkách" */
311 _background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */ 311 _background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */
312 _color: #993300; /* IE6 tmavá písmena na "tlačítkách" */ 312 _color: #993300; /* IE6 tmavá písmena na "tlačítkách" */
313 } 313 }
314   314  
315 div.InnerMenu a { /* odkazy v menu */ 315 div.InnerMenu a { /* odkazy v menu */
316 text-decoration: none; /* odstranění podtržení odkazů */ 316 text-decoration: none; /* odstranění podtržení odkazů */
317 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ 317 color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
318 _color: #000000; /* IE6 neumí dědit */ 318 _color: #000000; /* IE6 neumí dědit */
319 } 319 }
320   320  
321 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ 321 div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
322 color: #FF0000; /* změn barvu písma */ 322 color: #FF0000; /* změn barvu písma */
323 } 323 }
324   324  
325 /* Zobrazení v menu */ 325 /* Zobrazení v menu */
326 /* ---------------- */ 326 /* ---------------- */
327 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */ 327 div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */
328 _float: left; /* IE6 všechny prvky menu plavou vlevo */ 328 _float: left; /* IE6 všechny prvky menu plavou vlevo */
329 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ 329 _padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
330 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ 330 _padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
331 } 331 }
332   332  
333   333  
334 /* Nastavení specifická pro Patičku */ 334 /* Nastavení specifická pro Patičku */
335 /* -------------------------------- */ 335 /* -------------------------------- */
336 div.InnerFooter{ /* patička */ 336 div.InnerFooter{ /* patička */
337 position: fixed; /* fixní umístění na stránce */ 337 position: fixed; /* fixní umístění na stránce */
338 _position: static; /* IE6 neumí position fixed */ 338 _position: static; /* IE6 neumí position fixed */
339 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 */
340 border-top: solid 2px #993300; /* linka nad hlavičkou */ 340 border-top: solid 2px #993300; /* linka nad hlavičkou */
341 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í */
342 _border-bottom: solid 2px #993300; /* IE6 tenká linka */ 342 _border-bottom: solid 2px #993300; /* IE6 tenká linka */
343 font-size: 80%; /* písmo v patičce trochu zmenšit */ 343 font-size: 80%; /* písmo v patičce trochu zmenšit */
344 height: 1.25em; 344 height: 1.25em;
345 overflow: hidden; /* co přečuhuje zahoď */ 345 overflow: hidden; /* co přečuhuje zahoď */
346 /*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 */
347 } /* přidal jsem pevnou mezeru do textu */ 347 } /* přidal jsem pevnou mezeru do textu */
348   348  
349   349  
350 /*============================================================================*/ 350 /*============================================================================*/
351 /* Nastavení pro tělo dokumentu */ 351 /* Nastavení pro tělo dokumentu */
352 /*============================================================================*/ 352 /*============================================================================*/
353   353  
354   354  
355 /* Nastavení těla dokumentu */ 355 /* Nastavení těla dokumentu */
356 /* ------------------------ */ 356 /* ------------------------ */
357 div.Text, div.Section1 { /* tělo stránky */ 357 div.Text, div.Section1 { /* tělo stránky */
358 border: solid #20FF20 1px; /* pro ladění */ 358 border: solid #20FF20 1px; /* pro ladění */
359 padding: 2ex; /* oddělení textu od okrajů */ 359 padding: 2ex; /* oddělení textu od okrajů */
360 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */ 360 margin-top: 3em; /* když funguje fixní pozicování vynech hlavičku */
361 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */ 361 _margin-top: 0px; /* IE6 umístění rovnou pod hlavičku */
362 margin-left: 16ex; /* odsazení o velikost menu a kousek */ 362 margin-left: 16ex; /* odsazení o velikost menu a kousek */
363 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ 363 _margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
364 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 */
365 /* číslo 1/font-size v patičce */ 365 /* číslo 1/font-size v patičce */
366 _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 */
367 } 367 }
368   368  
369   369  
370 /* centrování vyznačených elementů */ 370 /* centrování vyznačených elementů */
371 .center { 371 .center {
372 text-align: center; 372 text-align: center;
373 } 373 }
374   374  
-   375  
-   376 /* odstranění okraje */
-   377 .noborder {
-   378 border: 0;
-   379 }
-   380  
-   381  
375 /* obarvení textů psaných kurzivou */ 382 /* obarvení textů psaných kurzivou */
376 p i, div i, span i { 383 p i, div i, span i {
377 color: #990000; 384 color: #990000;
378 } 385 }
379   386  
380   387  
381 /* Tabulky */ 388 /* Tabulky */
382 /* ------- */ 389 /* ------- */
383 table { 390 table {
384 border-collapse: separate; /* příčky v tabulce */ 391 border-collapse: separate; /* příčky v tabulce */
385 border: 3px solid #CCCCCC; /* vnější okraj tabulky */ 392 border: 3px solid #CCCCCC; /* vnější okraj tabulky */
386 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */ 393 margin-top: 0.5em; /* odstup nahoře (oddělení od souseda) */
387 margin-bottom: 0.5em; /* odstup dole */ 394 margin-bottom: 0.5em; /* odstup dole */
388 background-color: #EEFFEE; /* pozadí tabulky */ 395 background-color: #EEFFEE; /* pozadí tabulky */
389 } 396 }
390   397  
391 /* příčky mezi buňkami */ 398 /* příčky mezi buňkami */
392 th, td { 399 th, td {
393 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */ 400 border: 1px solid #CCCCCC; /* příčky mezi buňkami (v FF se barva chybně dědí) */
394 text-align: left; /* přebití centrování th prvku */ 401 text-align: left; /* přebití centrování th prvku */
395 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */ 402 padding: 0.5em; /* mezera mezi obsahem buňky a příčkami */
396 } 403 }
397   404  
398 th { 405 th {
399 color: #FF2020; /* odlišení hlavičkových řádek */ 406 color: #FF2020; /* odlišení hlavičkových řádek */
400 } 407 }
401   408  
402 table p, table div, table li, table ol, table ul { 409 table p, table div, table li, table ol, table ul {
403 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */ 410 margin-top: 0.3em; /* omezeni nadbytečné mezery u FF */
404 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */ 411 margin-bottom: 0.3em; /* omezeni nadbytečné mezery u FF */
405 } 412 }
406   413  
407 /* Tabulka Soupiska */ 414 /* Tabulka Soupiska */
408 /* ---------------- */ 415 /* ---------------- */
409 /* Tabulka s rozpiskou součástek */ 416 /* Tabulka s rozpiskou součástek */
410 /* Formát tabulky vychází z obecné tabulky */ 417 /* Formát tabulky vychází z obecné tabulky */
411 /* první <th> je legenda */ 418 /* první <th> je legenda */
412 /* další <th> jsou skupinou součástek */ 419 /* další <th> jsou skupinou součástek */
413 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */ 420 /* značky <td> jsou vlastní seznam, první sloupec odskočený vpravo */
414 table.Soupiska td { 421 table.Soupiska td {
415 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */ 422 padding: 0px 0.5em; /* mezera mezi obsahem buňky a příčkami */
416 } 423 }
417   424  
418 table.Soupiska tr td:first-child { 425 table.Soupiska tr td:first-child {
419 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ 426 padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
420 } 427 }
421   428  
422 table.Soupiska tr > th { /* funkci potomek IE6 nezná */ 429 table.Soupiska tr > th { /* funkci potomek IE6 nezná */
423 font-style: italic; /* a tak se to v IE ignoruje */ 430 font-style: italic; /* a tak se to v IE ignoruje */
424 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */ 431 font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
425 } 432 }
426   433  
427 table.Soupiska tr:first-child > th { 434 table.Soupiska tr:first-child > th {
428 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */ 435 font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
429 font-weight: bold; 436 font-weight: bold;
430 } 437 }
431   438  
432   439  
433 /*============================================================================*/ 440 /*============================================================================*/
434 /* Formáty pro stránku o autorech */ 441 /* Formáty pro stránku o autorech */
435 /*============================================================================*/ 442 /*============================================================================*/
436   443  
437   444  
438 /* List pro jednoho autora */ 445 /* List pro jednoho autora */
439 /* ----------------------- */ 446 /* ----------------------- */
440 div.AboutAuthor { 447 div.AboutAuthor {
441 border: solid 1px red; /* rámeček okolo člověka */ 448 border: solid 1px red; /* rámeček okolo člověka */
442 padding: 2em; /* mezera uvnitř rámečku */ 449 padding: 2em; /* mezera uvnitř rámečku */
443 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */ 450 margin-bottom: 1em; /* mezera mezi rámečky pod sebou */
444 } 451 }
445   452  
446 /* Položka jména autora */ 453 /* Položka jména autora */
447 /* -------------------- */ 454 /* -------------------- */
448 div.AboutAuthor .Name { /* jméno autora */ 455 div.AboutAuthor .Name { /* jméno autora */
449 font-style: italic; /* kurzíva */ 456 font-style: italic; /* kurzíva */
450 color: red; /* barva jména */ 457 color: red; /* barva jména */
451 } 458 }
452   459  
453 /* Vložený obrázek autora */ 460 /* Vložený obrázek autora */
454 /* ---------------------- */ 461 /* ---------------------- */
455 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ 462 div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
456 float:right; /* plovoucí vpravo */ 463 float:right; /* plovoucí vpravo */
457 padding-left: 20px; /* mezera mezi textem a obrázkem */ 464 padding-left: 20px; /* mezera mezi textem a obrázkem */
458 } 465 }
459   466  
460 /* Seznam činností autora */ 467 /* Seznam činností autora */
461 /* ---------------------- */ 468 /* ---------------------- */
462 div.AboutAuthor ul { 469 div.AboutAuthor ul {
463 font-style: italic; /* písmo seznamu činností */ 470 font-style: italic; /* písmo seznamu činností */
464 list-style: none; /* seznam je bez odrážek */ 471 list-style: none; /* seznam je bez odrážek */
465 } 472 }
466   473  
467   474  
468 /*============================================================================*/ 475 /*============================================================================*/
469 /* Formáty pro WEBSVN */ 476 /* Formáty pro WEBSVN */
470 /*============================================================================*/ 477 /*============================================================================*/
471   478  
472   479  
473 .highlight 480 .highlight
474 { 481 {
475 color: #993300; 482 color: #993300;
476 font-style: italic; 483 font-style: italic;
477 } 484 }
478   485  
479 table.bordered, table.outlined, table.blame 486 table.bordered, table.outlined, table.blame
480 { 487 {
481 border-collapse: collapse; 488 border-collapse: collapse;
482 border: solid 2px #993300; 489 border: solid 2px #993300;
483 } 490 }
484   491  
485 .bordered td, .bordered th 492 .bordered td, .bordered th
486 { 493 {
487 border: solid 2px #993300; 494 border: solid 2px #993300;
488 } 495 }
489   496  
490 .outlined td 497 .outlined td
491 { 498 {
492 padding: 0px 5px 0px 5px; 499 padding: 0px 5px 0px 5px;
493 } 500 }
494   501  
495 .outlined th, .blame th 502 .outlined th, .blame th
496 { 503 {
497 padding: 5px 5px 5px 5px; 504 padding: 5px 5px 5px 5px;
498 font-weight: bold; 505 font-weight: bold;
499 border: solid 2px #993300; 506 border: solid 2px #993300;
500 } 507 }
501   508  
502 .outlined td, .blame td 509 .outlined td, .blame td
503 { 510 {
504 padding: 1px 5px 1px 5px; 511 padding: 1px 5px 1px 5px;
505 border-right: solid 2px #993300; 512 border-right: solid 2px #993300;
506 border-bottom: solid 1px #F0F0F0; 513 border-bottom: solid 1px #F0F0F0;
507 } 514 }
508   515  
509 td.diffdeleted 516 td.diffdeleted
510 { 517 {
511 font-size: 11px; 518 font-size: 11px;
512 background-color: #FFCCCC; 519 background-color: #FFCCCC;
513 } 520 }
514   521  
515 td.diffchanged 522 td.diffchanged
516 { 523 {
517 font-size: 11px; 524 font-size: 11px;
518 background-color: yellow; 525 background-color: yellow;
519 } 526 }
520   527  
521 td.diffadded 528 td.diffadded
522 { 529 {
523 font-size: 11px; 530 font-size: 11px;
524 background-color: #CCFFCC; 531 background-color: #CCFFCC;
525 } 532 }
526   533  
527 td.diff 534 td.diff
528 { 535 {
529 font-size: 11px; 536 font-size: 11px;
530 background-color: #D0D0D0; 537 background-color: #D0D0D0;
531 } 538 }
532   539  
533 table.diff 540 table.diff
534 { 541 {
535 border-collapse: collapse; 542 border-collapse: collapse;
536 } 543 }
537   544  
538 div.newpath 545 div.newpath
539 { 546 {
540 padding: 5px 5px 5px 5px; 547 padding: 5px 5px 5px 5px;
541 border: solid 2px #993300; 548 border: solid 2px #993300;
542 } 549 }
543   550  
544 .plusbox, .minus 551 .plusbox, .minus
545 { 552 {
546 float: left; 553 float: left;
547 clear: both; 554 clear: both;
548 position: relative; 555 position: relative;
549 top: -3px; 556 top: -3px;
550 font-size: 13px; 557 font-size: 13px;
551 font-weight: bold; 558 font-weight: bold;
552 width: 16px; 559 width: 16px;
553 text-indent: 0; 560 text-indent: 0;
554 height: 16px; 561 height: 16px;
555 color: black; 562 color: black;
556 text-align: center; 563 text-align: center;
557 padding: 0px 2px 0px 3px; 564 padding: 0px 2px 0px 3px;
558 border: black solid 1px; 565 border: black solid 1px;
559 margin-right: 5px; 566 margin-right: 5px;
560 } 567 }
561   568  
562 .plusbox 569 .plusbox
563 { 570 {
564 background-color: #D0D0D0; 571 background-color: #D0D0D0;
565 } 572 }
566   573  
567 .minusbox 574 .minusbox
568 { 575 {
569 background-color: #993300; 576 background-color: #993300;
570 } 577 }
571   578  
572 .groupname 579 .groupname
573 { 580 {
574 padding-left: 0px; 581 padding-left: 0px;
575 text-indent: -25px; 582 text-indent: -25px;
576 margin: 3px 0 3px 0; 583 margin: 3px 0 3px 0;
577 } 584 }
578   585  
579 .switchcontent 586 .switchcontent
580 { 587 {
581 margin: 3px 0 0 20px; 588 margin: 3px 0 0 20px;
582 } 589 }
583   590  
584 code 591 code
585 { 592 {
586 white-space: pre-wrap; 593 white-space: pre-wrap;
587 } 594 }