]>
Commit | Line | Data |
---|---|---|
62ab565d RK |
1 | @keyframes bezels-fadeout { |
2 | from { | |
3 | opacity: 1; | |
4 | } | |
5 | to { | |
6 | opacity: 0; | |
7 | transform: scale(2); | |
8 | } | |
9 | } | |
10 | ||
11 | .vjs-bezel { | |
a3705089 C |
12 | position: absolute; |
13 | left: 50%; | |
14 | top: 50%; | |
15 | width: 52px; | |
16 | height: 52px; | |
17 | z-index: 19; | |
18 | margin-left: -26px; | |
19 | margin-top: -26px; | |
20 | background: rgba(0, 0, 0, .5); | |
21 | border-radius: 26px; | |
22 | animation: bezels-fadeout .5s linear 1 normal forwards; | |
62ab565d RK |
23 | pointer-events: none; |
24 | } | |
25 | ||
26 | .vjs-bezel-icon { | |
a3705089 C |
27 | width: 36px; |
28 | height: 36px; | |
62ab565d | 29 | margin: 8px; |
a3705089 | 30 | |
62ab565d RK |
31 | svg .vjs-svg-fill { |
32 | fill: #fff; | |
33 | } | |
34 | } |