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