2
* Copyright (C) 2012 Google Inc.
4
* Redistribution and use in source and binary forms, with or without
5
* modification, are permitted provided that the following conditions
7
* 1. Redistributions of source code must retain the above copyright
8
* notice, this list of conditions and the following disclaimer.
9
* 2. Redistributions in binary form must reproduce the above copyright
10
* notice, this list of conditions and the following disclaimer in the
11
* documentation and/or other materials provided with the distribution.
13
* THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
14
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
15
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE COMPUTER, INC. OR
17
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
18
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
19
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
20
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
21
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
22
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
25
/* Media controls for Chromium on Android*/
27
body:-webkit-full-page-media {
28
background-color: rgb(0, 0, 0);
36
audio:-webkit-full-page-media, video:-webkit-full-page-media {
41
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
43
-webkit-box-orient: horizontal;
44
-webkit-box-align: center;
45
-webkit-box-pack: center;
48
background-color: rgba(20, 20, 20, 0.8);
51
audio:-webkit-full-page-media::-webkit-media-controls-panel,
52
video:-webkit-full-page-media::-webkit-media-controls-panel {
56
::-webkit-media-controls {
58
-webkit-box-orient: vertical;
59
-webkit-box-pack: end;
60
-webkit-box-align: center;
63
audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
70
box-sizing: border-box;
73
video::-webkit-media-controls-enclosure {
74
padding: 0px 5px 5px 5px;
78
audio::-webkit-media-controls-overlay-enclosure {
82
video::-webkit-media-controls-overlay-enclosure {
84
-webkit-box-orient: horizontal;
85
-webkit-box-pack: center;
86
-webkit-box-align: center;
92
box-sizing: border-box;
96
audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
100
audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
101
-webkit-appearance: media-play-button;
104
box-sizing: border-box;
113
video::-webkit-media-controls-overlay-play-button {
114
-webkit-appearance: media-overlay-play-button;
115
-webkit-box-align: center;
116
display: -webkit-box;
118
box-sizing: border-box;
119
background-color: transparent;
125
audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display,
126
audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
127
-webkit-appearance: media-current-time-display;
128
-webkit-user-select: none;
138
font-family: Arial, Helvetica, sans-serif;
143
letter-spacing: normal;
144
word-spacing: normal;
145
text-transform: none;
148
text-decoration: none;
151
audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
152
-webkit-appearance: media-slider;
153
display: -webkit-box;
158
background-color: transparent;
163
video::-webkit-media-controls-fullscreen-button {
164
-webkit-appearance: media-enter-fullscreen-button;
167
box-sizing: border-box;
176
input[type="range"]::-webkit-media-slider-container {
177
display: -webkit-box;
178
-webkit-box-align: center;
179
-webkit-box-orient: horizontal;
180
box-sizing: border-box;
183
border: 1px solid rgba(230, 230, 230, 0.35);
185
background-color: transparent;
188
/* The negative right margin causes the track to overflow its container. */
189
input[type="range"]::-webkit-media-slider-container > div {
193
input[type="range"]::-webkit-media-slider-thumb {
198
audio::-webkit-media-controls-fullscreen-button {
202
audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {