Mercurial > bins
comparison templates.marc/static/joi.css @ 0:a84c32f131df 1.1.29
Import vendor version
author | Peter Gervai <grin@grin.hu> |
---|---|
date | Wed, 15 Oct 2008 23:28:56 +0200 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:a84c32f131df |
---|---|
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 } |