1 | .content UL.thumbnails { |
---|
2 | margin: 0; padding: 0; list-style: none; |
---|
3 | text-align: center; /* to center the whole collection in .content */ |
---|
4 | float: left; |
---|
5 | } |
---|
6 | .content UL.thumbnails LI { display: inline } |
---|
7 | .content ul.thumbnails li.rank-of-image { |
---|
8 | float: left; |
---|
9 | background-color: #111; |
---|
10 | border: 1px solid #666; |
---|
11 | color: #666; |
---|
12 | -moz-border-radius: 4px; |
---|
13 | display: block; |
---|
14 | width: 104px; |
---|
15 | height: 128px; |
---|
16 | cursor: move; |
---|
17 | margin: 10px; |
---|
18 | } |
---|
19 | .content ul.thumbnails li.rank-of-image img { |
---|
20 | margin: 0 20px; |
---|
21 | padding: 4px 2px; |
---|
22 | float: left; |
---|
23 | } |
---|
24 | .clipwrapper { |
---|
25 | position:relative; |
---|
26 | width: 96px; |
---|
27 | height: 96px; |
---|
28 | } |
---|
29 | .clip { |
---|
30 | position:absolute; |
---|
31 | } |
---|
32 | .content ul.thumbnails li.rank-of-image input { |
---|
33 | height: 12px; |
---|
34 | width: 50px; |
---|
35 | position: relative; |
---|
36 | top: 4px; |
---|
37 | } |
---|
38 | .content UL.thumbnails SPAN.wrap1 { |
---|
39 | margin: 0 5px 5px 5px; |
---|
40 | display: table-cell; display: inline-table; |
---|
41 | display: inline-block; /* Why 3 display option ??? */ |
---|
42 | vertical-align: top; /* OK with Opera and IE6 not Geko */ |
---|
43 | text-align: center; /* to center the thumbnail and legend in Geko/Opera */ |
---|
44 | } |
---|
45 | .content UL.thumbnails SPAN.wrap2 { |
---|
46 | margin: 0; /* important reset the margins */ |
---|
47 | display: table-cell; /* block prevents vertical-align here */ |
---|
48 | vertical-align: middle; /* Ok with Opera and Geko not IE6 */ |
---|
49 | } |
---|
50 | .content UL.thumbnails LABEL { display: block; border-bottom: none; } |
---|
51 | .content UL.thumbnails IMG { |
---|
52 | margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ |
---|
53 | } |
---|
54 | .content UL.thumbnails LABEL { position: relative; } |
---|
55 | .content UL.thumbnails INPUT { |
---|
56 | position: relative; /* <= Opera can handle relative here */ |
---|
57 | top: -20px; |
---|
58 | } |
---|
59 | :root .content UL.thumbnails INPUT { /* hide from Opera */ |
---|
60 | position: absolute; /* <= Opera hide 1 checkbox over 2 !!! */ |
---|
61 | left: 2px; top: 2px; |
---|
62 | } |
---|
63 | UL.thumbnails .levelIndicatorB { |
---|
64 | display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; font-size:120%; |
---|
65 | } |
---|
66 | UL.thumbnails .levelIndicatorF { |
---|
67 | display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; font-size:120%; |
---|
68 | } |
---|