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