| 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 |