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