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