|
1068
|
1 |
.Ldt-SlidePreview-Container { |
|
|
2 |
background-color: #999; |
|
|
3 |
left: 0px; |
|
|
4 |
right: 0px; |
|
|
5 |
height: 36px; |
|
|
6 |
padding-left: 4px; |
|
|
7 |
overflow: hidden; |
|
|
8 |
} |
|
|
9 |
.Ldt-SlidePreview-Slides { |
|
|
10 |
display: -webkit-inline-flex; |
|
|
11 |
display: inline-flex; |
|
|
12 |
-webkit-flex-direction: row; |
|
|
13 |
flex-direction: row; |
|
|
14 |
-webkit-flex-wrap: nowrap; |
|
|
15 |
flex-wrap: nowrap; |
|
|
16 |
overflow-x: hidden; |
|
|
17 |
left: 0px; |
|
|
18 |
right: 0px; |
|
|
19 |
height: 36px; |
|
|
20 |
padding: 0; |
|
|
21 |
padding-top: 12px; |
|
|
22 |
margin: 0; |
|
|
23 |
overflow-y: hidden; |
|
|
24 |
} |
|
|
25 |
.Ldt-SlidePreview-Item { |
|
|
26 |
display: inline-block; |
|
|
27 |
width: 20px; |
|
|
28 |
height: 12px; |
|
|
29 |
background-color: #fff; |
|
|
30 |
transition: transform .2s ease-in-out; |
|
|
31 |
} |
|
|
32 |
.Ldt-SlidePreview-Item img { |
|
|
33 |
max-width: 100%; |
|
|
34 |
max-height: 100%; |
|
|
35 |
} |
|
|
36 |
.Ldt-SlidePreview-Item:hover { |
|
|
37 |
-webkit-transform: scale(2.8); |
|
|
38 |
z-index: 4; |
|
|
39 |
} |
|
|
40 |
.Ldt-SlidePreview-Item:hover + .slidepreviewitem { |
|
|
41 |
-webkit-transform: scale(1.8); |
|
|
42 |
z-index: 1; |
|
|
43 |
} |