|
0
|
1 @import url("slides.css"); |
|
|
2 |
|
|
3 body |
|
|
4 { |
|
|
5 font-family: Verdana, Helvetica, Arial, sans-serif; |
|
|
6 font-size: 1.0em; |
|
|
7 background-attachment: fixed; |
|
|
8 background-repeat: no-repeat; |
|
|
9 background-color: #e0e0e0; |
|
|
10 background-position: center center; |
|
|
11 margin: 0em; |
|
|
12 text-indent: 0em; |
|
|
13 } |
|
|
14 |
|
|
15 img |
|
|
16 { |
|
|
17 border: none; |
|
|
18 } |
|
|
19 |
|
|
20 h1 |
|
|
21 { |
|
|
22 font-size: 1.2em; |
|
|
23 font-weight: bold; |
|
|
24 } |
|
|
25 |
|
|
26 h2 |
|
|
27 { |
|
|
28 font-size: 1.2em; |
|
|
29 font-weight: bold; |
|
|
30 margin: 0em; |
|
|
31 margin-left: 5em; |
|
|
32 } |
|
|
33 |
|
|
34 h3 |
|
|
35 { |
|
|
36 font-size: 1.0em; |
|
|
37 font-weight: bold; |
|
|
38 } |
|
|
39 |
|
|
40 h4 |
|
|
41 { |
|
|
42 font-size: 1.0em; |
|
|
43 font-weight: bold; |
|
|
44 display: inline; |
|
|
45 } |
|
|
46 |
|
|
47 ul |
|
|
48 { |
|
|
49 padding: 0em; |
|
|
50 margin: 0em; |
|
|
51 } |
|
|
52 |
|
|
53 li |
|
|
54 { |
|
|
55 display: inline; |
|
|
56 margin-right: 1em; |
|
|
57 } |
|
|
58 |
|
|
59 a:link, a:visited |
|
|
60 { |
|
|
61 color: #666666; |
|
|
62 text-decoration: none; |
|
|
63 border: none; |
|
|
64 } |
|
|
65 |
|
|
66 a:hover, .highlight, .hover, a.hover |
|
|
67 { |
|
|
68 color: #FFFFFF; |
|
|
69 background-color: #99D; |
|
|
70 text-decoration: none; |
|
|
71 border: none; |
|
|
72 } |
|
|
73 |
|
|
74 a:active |
|
|
75 { |
|
|
76 color: #666666; |
|
|
77 text-decoration: none; |
|
|
78 border: none; |
|
|
79 } |
|
|
80 |
|
|
81 |
|
|
82 .navbar a:link, a:visited |
|
|
83 { |
|
|
84 color: #666666; |
|
|
85 text-decoration: none; |
|
|
86 border: none; |
|
|
87 } |
|
|
88 |
|
|
89 .navbar a:hover, .highlight, .hover, a.hover |
|
|
90 { |
|
|
91 color: #FFFFFF; |
|
|
92 background-color: #99D; |
|
|
93 text-decoration: none; |
|
|
94 border: none; |
|
|
95 } |
|
|
96 |
|
|
97 .navbar a:active |
|
|
98 { |
|
|
99 color: #666666; |
|
|
100 text-decoration: none; |
|
|
101 border: none; |
|
|
102 } |
|
|
103 |
|
|
104 .thumbnavrow a:link, a:visited |
|
|
105 { |
|
|
106 color: #666666; |
|
|
107 text-decoration: none; |
|
|
108 border: none; |
|
|
109 } |
|
|
110 |
|
|
111 .thumbnavrow a:hover, .highlight, .hover, a.hover |
|
|
112 { |
|
|
113 color: #FFFFFF; |
|
|
114 background-color: #99D; |
|
|
115 text-decoration: none; |
|
|
116 border: none; |
|
|
117 } |
|
|
118 |
|
|
119 .thumbnavrow a:active |
|
|
120 { |
|
|
121 color: #666666; |
|
|
122 text-decoration: none; |
|
|
123 border: none; |
|
|
124 } |
|
|
125 |
|
|
126 /* mouseover-style of unselected entries in the navigation bar */ |
|
|
127 /*.hover, a.hover |
|
|
128 { |
|
|
129 cursor: pointer; |
|
|
130 }*/ |
|
|
131 |
|
|
132 .path |
|
|
133 { |
|
|
134 background-color: #bbb; |
|
|
135 color:black; |
|
|
136 font-size: 1.0em; |
|
|
137 border-style: none; |
|
|
138 border-bottom: 1px solid; |
|
|
139 border-color: #999; |
|
|
140 } |
|
|
141 |
|
|
142 .albumdesc |
|
|
143 { |
|
|
144 padding-top: 1px; |
|
|
145 padding-left: 1em; |
|
|
146 padding-right: 1em; |
|
|
147 padding-bottom: 0em; |
|
|
148 background-color: #DDD; |
|
|
149 color:black; |
|
|
150 } |
|
|
151 |
|
|
152 .numinfo |
|
|
153 { |
|
|
154 padding-top: 0em; |
|
|
155 padding-left: 1em; |
|
|
156 padding-right: 1em; |
|
|
157 padding-bottom: 1px; |
|
|
158 background-color: #DDD; |
|
|
159 color:black; |
|
|
160 font-style:italic; |
|
|
161 font-size:0.8em; |
|
|
162 } |
|
|
163 |
|
|
164 .navbar |
|
|
165 { |
|
|
166 padding-top: 1px; |
|
|
167 padding-left: 1em; |
|
|
168 padding-right: 1em; |
|
|
169 padding-bottom: 2px; |
|
|
170 margin-top: 0em; |
|
|
171 margin-bottom: 0px; |
|
|
172 background-color: #DDD; |
|
|
173 color:black; |
|
|
174 border-bottom: 1px solid; |
|
|
175 border-color: #999; |
|
|
176 } |
|
|
177 |
|
|
178 .detail{ |
|
|
179 font-size: 1.0em; |
|
|
180 text-align: center; |
|
|
181 width: 400px; |
|
|
182 } |
|
|
183 |
|
|
184 .detail table{ |
|
|
185 margin: 0em; |
|
|
186 padding: 0em; |
|
|
187 } |
|
|
188 |
|
|
189 .contentBG |
|
|
190 { |
|
|
191 background-color: #DDD; |
|
|
192 color:black; |
|
|
193 margin: 0px; |
|
|
194 font-size: 1em; |
|
|
195 } |
|
|
196 |
|
|
197 #content |
|
|
198 { |
|
|
199 position: relative; |
|
|
200 } |
|
|
201 |
|
|
202 #content img |
|
|
203 { |
|
|
204 display: block; |
|
|
205 border: 1px solid black; |
|
|
206 } |
|
|
207 |
|
|
208 .descrTitle |
|
|
209 { |
|
|
210 font-size: 1.0em; |
|
|
211 font-weight: bold; |
|
|
212 } |
|
|
213 |
|
|
214 .descrContent |
|
|
215 { |
|
|
216 font-size: 1.0em; |
|
|
217 } |
|
|
218 |
|
|
219 /* style of the actual page entry in the navigation bar */ |
|
|
220 /*.highlight |
|
|
221 { |
|
|
222 font-weight: bold; |
|
|
223 }*/ |
|
|
224 |
|
|
225 /* number of images in the treeview */ |
|
|
226 .numImg |
|
|
227 { |
|
|
228 font-style: italic; |
|
|
229 } |
|
|
230 |
|
|
231 /* image individuelle */ |
|
|
232 .image |
|
|
233 { |
|
|
234 border: none; |
|
|
235 text-align: center; |
|
|
236 clear: both; |
|
|
237 } |
|
|
238 |
|
|
239 .images |
|
|
240 { |
|
|
241 margin: 0px; |
|
|
242 text-align: left; |
|
|
243 text-indent: 0em; |
|
|
244 } |
|
|
245 |
|
|
246 .imgname |
|
|
247 { |
|
|
248 background-color: #eee; |
|
|
249 color: #555; |
|
|
250 margin: 0px; |
|
|
251 border: 1px solid #ccc; |
|
|
252 font-size: 1.0em; |
|
|
253 font-weight: normal; |
|
|
254 } |
|
|
255 |
|
|
256 .thumbs |
|
|
257 { |
|
|
258 background-color: #eee; |
|
|
259 color:black; |
|
|
260 margin-top: 1px; |
|
|
261 margin-bottom: auto; |
|
|
262 margin-left: auto; |
|
|
263 margin-right: auto; |
|
|
264 border: 1px solid #ccc; |
|
|
265 font-size: 1.0em; |
|
|
266 font-weight: normal; |
|
|
267 padding: 0px; |
|
|
268 height:16px; |
|
|
269 width: 48px; |
|
|
270 } |
|
|
271 |
|
|
272 /* The small icons in the thumbs */ |
|
|
273 .thumbs a |
|
|
274 { |
|
|
275 display: block; |
|
|
276 float: left; |
|
|
277 } |
|
|
278 |
|
|
279 .thumbs a img |
|
|
280 { |
|
|
281 display: block; |
|
|
282 } |
|
|
283 |
|
|
284 .album |
|
|
285 { |
|
|
286 margin: 0px; |
|
|
287 background-color: #e0e0e0; |
|
|
288 font-size: small; |
|
|
289 width: 100%; |
|
|
290 border-style: none; |
|
|
291 /* border-top: 1px solid; */ |
|
|
292 /* border-bottom: 1px solid; */ |
|
|
293 /* border-color: #ccc; */ |
|
|
294 padding: 0px; |
|
|
295 text-align: left; |
|
|
296 clear: both; |
|
|
297 text-indent: 0em; |
|
|
298 } |
|
|
299 |
|
|
300 .footer |
|
|
301 { |
|
|
302 margin: 0px; |
|
|
303 margin-top: 2px; |
|
|
304 float: none; |
|
|
305 clear: both; |
|
|
306 text-align: center; |
|
|
307 width: 100%; |
|
|
308 border-style: none; |
|
|
309 border-top: 1px solid; |
|
|
310 border-color: #ccc; |
|
|
311 background-color: #eee; |
|
|
312 border-bottom: none; |
|
|
313 padding-top: 0.5em; |
|
|
314 padding-bottom: 0.5em; |
|
|
315 font-size: .6em; |
|
|
316 color: #aaa; |
|
|
317 } |
|
|
318 |
|
|
319 .tree{ |
|
|
320 margin-left: 8em; |
|
|
321 margin-top: 2em; |
|
|
322 margin-bottom: 2em; |
|
|
323 } |
|
|
324 |
|
|
325 .albdesc |
|
|
326 { |
|
|
327 margin: 0px; |
|
|
328 /* background-color: #eee;*/ |
|
|
329 font-size: small; |
|
|
330 width: 100%; |
|
|
331 border-style: none; |
|
|
332 /* border-top: 1px solid; */ |
|
|
333 /* border-bottom: 1px solid; */ |
|
|
334 /* border-color: #ccc; */ |
|
|
335 padding: 0px; |
|
|
336 text-align: left; |
|
|
337 clear: both; |
|
|
338 text-indent: 0em; |
|
|
339 } |
|
|
340 |
|
|
341 div.desccard |
|
|
342 { |
|
|
343 float: left; |
|
|
344 width: 45%; |
|
|
345 margin: 0.5em 2% 0 2%; |
|
|
346 } |
|
|
347 |
|
|
348 div.descimg |
|
|
349 { |
|
|
350 float: left; |
|
|
351 margin: -20px 10px 0 0; |
|
|
352 z-index: 10; |
|
|
353 position: relative; |
|
|
354 } |
|
|
355 |
|
|
356 img.descimg |
|
|
357 { |
|
|
358 border: 1px solid black; |
|
|
359 } |
|
|
360 |
|
|
361 div.desccard h3 |
|
|
362 { |
|
|
363 margin: 01em 01em 01em 01em; |
|
|
364 padding: 0.2em 0 1px 150px; |
|
|
365 border: 1px solid #ccc; |
|
|
366 background: #eee; |
|
|
367 color: #555; |
|
|
368 } |
|
|
369 |
|
|
370 div.desccard p |
|
|
371 { |
|
|
372 margin: 1em 1em 1em 1em; |
|
|
373 } |
|
|
374 |
|
|
375 .imthumbs |
|
|
376 { |
|
|
377 float: right; |
|
|
378 clear: both; |
|
|
379 position:relative; top:-5px; left:-20px; |
|
|
380 } |
|
|
381 |
|
|
382 .thumbnavrow |
|
|
383 { |
|
|
384 margin: 0em; |
|
|
385 float: none; |
|
|
386 clear: both; |
|
|
387 font-size: 1.0em; |
|
|
388 padding: 0em; |
|
|
389 } |
|
|
390 |
|
|
391 .nav |
|
|
392 { |
|
|
393 margin: 0em; |
|
|
394 text-align: center; |
|
|
395 background-color: #e0e0e0; |
|
|
396 padding: 0em; |
|
|
397 } |
|
|
398 |
|
|
399 .nav li{ |
|
|
400 display: inline; |
|
|
401 } |
|
|
402 |
|
|
403 .navcenter{ |
|
|
404 margin: 0em; |
|
|
405 padding: 0.1em; |
|
|
406 } |
|
|
407 |
|
|
408 |
|
|
409 div.xlink |
|
|
410 { |
|
|
411 margin: 0px; |
|
|
412 margin-top: 2em; |
|
|
413 float: none; |
|
|
414 clear: both; |
|
|
415 text-align: left; |
|
|
416 width: 100%; |
|
|
417 border-style: none; |
|
|
418 border-top: 1px solid; |
|
|
419 border-bottom: 1px solid; |
|
|
420 border-color: black; |
|
|
421 background-color: #DDD; |
|
|
422 padding-top: 1em; |
|
|
423 padding-bottom: 1em; |
|
|
424 } |
|
|
425 |
|
|
426 .xlink |
|
|
427 { |
|
|
428 font-size: 0.9em; |
|
|
429 } |
|
|
430 |
|
|
431 .xlink h2 |
|
|
432 { |
|
|
433 font-size: 1.1em; |
|
|
434 } |
|
|
435 |
|
|
436 li.xlink |
|
|
437 { |
|
|
438 display: list-item; |
|
|
439 list-style-type: square; |
|
|
440 } |
|
|
441 |
|
|
442 ul.xlink |
|
|
443 { |
|
|
444 margin: 1em; |
|
|
445 margin-left: 7em; |
|
|
446 } |
