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