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