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