equal
deleted
inserted
replaced
1 /* Nothing */ |
|
2 .Ldt-ImageDisplay-Container { |
1 .Ldt-ImageDisplay-Container { |
3 margin: auto; |
2 width: 100%; |
|
3 height: 100%; |
|
4 background-color: white; |
|
5 background-repeat: no-repeat; |
|
6 background-position: center; |
|
7 background-size: contain; |
4 } |
8 } |
5 |
9 |
6 .Ldt-ImageDisplay-Image { |
10 .Ldt-ImageDisplay-Image { |
7 max-width: 100%; |
11 max-width: 100%; |
8 max-height: 100%; |
12 max-height: 100%; |
9 } |
13 } |
10 |
14 |
11 .Ldt-ImageDisplay-Overlay { |
15 .Ldt-ImageDisplay-Overlay { |
12 width: 20%; |
16 width: 30%; |
13 min-width: 20px; |
17 min-width: 20px; |
14 height: 100%; |
18 height: 100%; |
15 opacity: 0.1; |
19 opacity: 0.1; |
16 position: absolute; |
20 position: absolute; |
17 top: 0px; |
21 top: 0px; |
21 .Ldt-ImageDisplay-Overlay:hover { |
25 .Ldt-ImageDisplay-Overlay:hover { |
22 } |
26 } |
23 |
27 |
24 .Ldt-ImageDisplay-Overlay-Left { |
28 .Ldt-ImageDisplay-Overlay-Left { |
25 left: 0px; |
29 left: 0px; |
26 cursor: url(img/hand_left.png), pointer; |
30 cursor: url(img/left_arrow.svg) 20 20, pointer; |
27 } |
31 } |
28 |
32 |
29 .Ldt-ImageDisplay-Overlay-Right { |
33 .Ldt-ImageDisplay-Overlay-Right { |
30 right: 0px; |
34 right: 0px; |
31 cursor: url(img/hand_right.png), pointer; |
35 cursor: url(img/right_arrow.svg) 20 20, pointer; |
32 } |
36 } |