equal
deleted
inserted
replaced
1 .Ldt-SlideVideoPlayer-panel { |
|
2 display: -webkit-flex; |
|
3 display: flex; |
|
4 width: 50%; |
|
5 float: left; |
|
6 } |
|
7 |
|
8 .Ldt-SlideVideoPlayer { |
|
9 width: 100%; |
|
10 max-width: 100%; |
|
11 height: 100%; |
|
12 max-height: 100%; |
|
13 } |
|
14 |
|
15 .Ldt-SlideVideoPlayer-pip-main { |
|
16 position: relative; |
|
17 width: 100%; |
|
18 height: 100%; |
|
19 top: 0px; |
|
20 left: 0px; |
|
21 right: 0px; |
|
22 bottom: 0px; |
|
23 z-index: 1; |
|
24 } |
|
25 |
|
26 .Ldt-SlideVideoPlayer-pip-pip { |
|
27 position: absolute; |
|
28 width: 30%; |
|
29 height: 30%; |
|
30 right: 2px; |
|
31 bottom: 2px; |
|
32 z-index: 3; |
|
33 } |
|
34 |
|
35 .Ldt-SlideVideoPlayer h2 { |
|
36 display: none; |
|
37 } |
|
38 .Ldt-SlideVideoPlayer-pip-menu { |
|
39 position: absolute; |
|
40 top: 0px; |
|
41 right: 0px; |
|
42 z-index: 10; |
|
43 display: none; |
|
44 } |
|
45 .Ldt-SlideVideoPlayer-pip-pip:hover .Ldt-SlideVideoPlayer-pip-menu { |
|
46 background-color: #000; |
|
47 opacity: .5; |
|
48 display: inline-block; |
|
49 } |
|
50 |
|
51 .Ldt-SlideVideoPlayer-pip-menu-toggle { |
|
52 width: 18px; |
|
53 height: 18px; |
|
54 cursor: pointer; |
|
55 background-image: url(img/pip_toggle.svg); |
|
56 } |
|