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 }