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