[7869] | 1 | UL.thumbnails { |
---|
[2526] | 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 | } |
---|
[7869] | 6 | UL.thumbnails LI { display: inline } |
---|
| 7 | UL.thumbnails li.rank-of-image { |
---|
[3201] | 8 | float: left; |
---|
[9051] | 9 | background-color: #333; |
---|
[3201] | 10 | color: #666; |
---|
[9051] | 11 | -moz-border-radius: 5px; |
---|
[3201] | 12 | display: block; |
---|
| 13 | width: 104px; |
---|
[9051] | 14 | height: 104px; |
---|
[3201] | 15 | cursor: move; |
---|
| 16 | margin: 10px; |
---|
| 17 | } |
---|
[7869] | 18 | UL.thumbnails li.rank-of-image img { |
---|
[5187] | 19 | margin: 0 20px; |
---|
[9051] | 20 | padding: 8px 2px; |
---|
[5187] | 21 | float: left; |
---|
| 22 | } |
---|
| 23 | .clipwrapper { |
---|
| 24 | position:relative; |
---|
[3201] | 25 | width: 96px; |
---|
| 26 | height: 96px; |
---|
| 27 | } |
---|
[5187] | 28 | .clip { |
---|
| 29 | position:absolute; |
---|
| 30 | } |
---|
[7869] | 31 | UL.thumbnails li.rank-of-image input { |
---|
[3201] | 32 | } |
---|
[7869] | 33 | UL.thumbnails SPAN.wrap1 { |
---|
[2526] | 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 | } |
---|
[7869] | 40 | UL.thumbnails SPAN.wrap2 { |
---|
[2526] | 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 | } |
---|
[7869] | 45 | UL.thumbnails LABEL { display: block; border-bottom: none; } |
---|
| 46 | UL.thumbnails IMG { |
---|
[2526] | 47 | margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ |
---|
| 48 | } |
---|
[7869] | 49 | UL.thumbnails LABEL { position: relative; } |
---|
| 50 | UL.thumbnails INPUT { |
---|
[2526] | 51 | position: relative; /* <= Opera can handle relative here */ |
---|
| 52 | top: -20px; |
---|
| 53 | } |
---|
[7869] | 54 | :root UL.thumbnails INPUT { /* hide from Opera */ |
---|
[2526] | 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%; |
---|
[3201] | 63 | } |
---|