[2526] | 1 | .content UL.thumbnails { |
---|
| 2 | margin: 0; padding: 0; list-style: none; |
---|
| 3 | text-align: center; /* to center the whole collection in .content */ |
---|
[3209] | 4 | float: left; |
---|
[2526] | 5 | } |
---|
| 6 | .content UL.thumbnails LI { display: inline } |
---|
[3201] | 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 { |
---|
[5187] | 20 | margin: 0 20px; |
---|
| 21 | padding: 4px 2px; |
---|
| 22 | float: left; |
---|
| 23 | } |
---|
| 24 | .clipwrapper { |
---|
| 25 | position:relative; |
---|
[3201] | 26 | width: 96px; |
---|
| 27 | height: 96px; |
---|
| 28 | } |
---|
[5187] | 29 | .clip { |
---|
| 30 | position:absolute; |
---|
| 31 | } |
---|
[3201] | 32 | .content ul.thumbnails li.rank-of-image input { |
---|
| 33 | height: 12px; |
---|
| 34 | width: 50px; |
---|
| 35 | position: relative; |
---|
[5187] | 36 | top: 4px; |
---|
[3201] | 37 | } |
---|
[2526] | 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%; |
---|
[3201] | 68 | } |
---|