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