]>
Commit | Line | Data |
---|---|---|
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 { | |
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; | |
23 | pointer-events: none; | |
24 | } | |
25 | ||
26 | .vjs-bezel-icon { | |
27 | width: 36px; | |
28 | height: 36px; | |
29 | margin: 8px; | |
30 | ||
31 | svg .vjs-svg-fill { | |
32 | fill: #fff; | |
33 | } | |
34 | } | |
35 | ||
36 | .video-js { | |
37 | ||
38 | .vjs-bezel-content { | |
39 | ||
40 | } | |
41 | ||
42 | } |