• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright 2010, The Android Open Source Project
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions
6 * are met:
7 *  * Redistributions of source code must retain the above copyright
8 *    notice, this list of conditions and the following disclaimer.
9 *  * 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.
12 *
13 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS ``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 THE COPYRIGHT OWNER OR
17 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
18 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
19 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
20 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
21 * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
22 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
23 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
24 */
25
26/* media controls */
27
28audio {
29    width: 200px;
30    height: 48px;
31}
32
33audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
34    display: -webkit-box;
35    -webkit-box-orient: horizontal;
36    -webkit-box-align: center;
37    -webkit-user-select: none;
38    position: absolute;
39    bottom: 0;
40    width: 100%;
41    z-index: 0;
42    overflow: hidden;
43    height: 48px;
44    text-align: right;
45}
46
47video:-webkit-full-page-media::-webkit-media-controls-panel {
48    bottom: -48px;
49}
50
51audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
52    display: none;
53}
54
55audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
56    -webkit-appearance: media-play-button;
57    display: -webkit-box;
58    width: 48px;
59    height: 48px;
60}
61
62audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
63    -webkit-appearance: media-controls-background;
64    display: -webkit-box;
65    -webkit-box-orient: horizontal;
66    -webkit-box-align: center;
67    -webkit-box-pack: end;
68    -webkit-box-flex: 1;
69    -webkit-user-select: none;
70    height: 48px;
71}
72
73audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
74    display: none;
75}
76
77audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
78    display: none;
79}
80
81audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
82    -webkit-appearance: media-slider;
83    display: -webkit-box;
84    -webkit-box-flex: 1;
85    height: 48px;
86    padding: 0px 0px;
87}
88
89audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
90    display: none;
91}
92
93audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
94    display: none;
95}
96
97audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
98    -webkit-appearance: media-seek-back-button;
99    display: -webkit-box;
100    width: 48px;
101    height: 48px;
102}
103
104audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
105    -webkit-appearance: media-seek-forward-button;
106    display: -webkit-box;
107    width: 48px;
108    height: 48px;
109}
110
111audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
112    -webkit-appearance: media-fullscreen-button;
113    display: -webkit-box;
114    width: 48px;
115    height: 48px;
116}
117
118audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
119    display: none;
120}
121
122audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button {
123    display: none;
124}
125
126audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
127    -webkit-appearance: media-toggle-closed-captions-button;
128    display: -webkit-box;
129    width: 48px;
130    height: 48px
131}
132