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