OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 body { | |
6 -webkit-user-select: none; | |
7 background: black; | |
8 font-family: Noto Sans UI,Droid Sans Fallback,sans-serif; | |
9 font-size: 84%; | |
10 margin: 0; | |
11 overflow: hidden; | |
12 } | |
13 | |
14 #video-player { | |
15 height: 100%; | |
16 left: 0; | |
17 position: absolute; | |
18 top: 0; | |
19 width: 100%; | |
20 } | |
21 | |
22 #video-container { | |
23 height: 100%; | |
24 left: 0; | |
25 position: absolute; | |
26 top: 0; | |
27 width: 100%; | |
28 } | |
29 | |
30 video { | |
31 height: 100%; | |
32 left: 0; | |
33 pointer-events: none; | |
34 position: absolute; | |
35 top: 0; | |
36 width: 100%; | |
37 } | |
38 | |
39 #controls-wrapper { | |
40 -webkit-box-align: center; | |
41 -webkit-box-orient: horizontal; | |
42 -webkit-box-pack: center; | |
43 bottom: 0; | |
44 display: -webkit-box; | |
45 left: 0; | |
46 position: absolute; | |
47 right: 0; | |
48 } | |
49 | |
50 #controls { | |
51 -webkit-box-flex: 1; | |
52 display: -webkit-box; | |
53 } | |
54 | |
55 #video-player:not([tools]) .tool { | |
56 opacity: 0; | |
57 } | |
58 | |
59 #video-player:not([tools]) { | |
60 cursor: none; | |
61 } | |
62 | |
63 #video-player[disabled] .tool { | |
64 display: none; | |
65 } | |
66 | |
67 .tool { | |
68 transition: opacity 180ms linear; | |
69 } | |
70 | |
71 #error-wrapper { | |
72 -webkit-box-align: center; | |
73 -webkit-box-orient: horizontal; | |
74 -webkit-box-pack: center; | |
75 display: -webkit-box; | |
76 height: 100%; | |
77 left: 0; | |
78 pointer-events: none; | |
79 position: absolute; | |
80 top: 0; | |
81 width: 100%; | |
82 } | |
83 | |
84 #error { | |
85 -webkit-box-align: center; | |
86 -webkit-box-orient: horizontal; | |
87 -webkit-box-pack: center; | |
88 background-color: rgba(24, 24, 24, 1); | |
89 background-image: -webkit-image-set( | |
90 url('../images/media/error.png') 1x, | |
91 url('../images/media/2x/error.png') 2x); | |
92 background-position: 25px center; | |
93 background-repeat: no-repeat; | |
94 color: white; | |
95 display: -webkit-box; | |
96 height: 54px; | |
97 padding-left: 70px; | |
98 padding-right: 35px; | |
99 } | |
100 | |
101 #error:not([visible]) { | |
102 display: none; | |
103 } | |
OLD | NEW |