• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (C) 2009, 2010, 2011 Apple Inc.  All rights reserved.
3 * Copyright (C) 2011 Samsung Electronics
4 *
5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions
7 * are met:
8 * 1. Redistributions of source code must retain the above copyright
9 *    notice, this list of conditions and the following disclaimer.
10 * 2. Redistributions in binary form must reproduce the above copyright
11 *    notice, this list of conditions and the following disclaimer in the
12 *    documentation and/or other materials provided with the distribution.
13 *
14 * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
15 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
16 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
17 * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE COMPUTER, INC. OR
18 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
19 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
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/* EFLWebKit media controls. Extends mediaControls.css */
27
28audio {
29    width: 200px;
30    height: 25px;
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: 25px;
44    text-align: right;
45}
46
47video:-webkit-full-page-media::-webkit-media-controls-panel {
48    bottom: 0px;
49}
50
51audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
52    -webkit-appearance: media-mute-button;
53    display: -webkit-box;
54    width: 25px;
55    height: 25px;
56    background-color: initial;
57    border: initial;
58    color: inherit;
59}
60
61audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
62    -webkit-appearance: media-play-button;
63    display: -webkit-box;
64    width: 25px;
65    height: 25px;
66    background-color: initial;
67    border: initial;
68    color: inherit;
69}
70
71audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
72    -webkit-appearance: media-controls-background;
73    display: -webkit-box;
74    -webkit-box-orient: horizontal;
75    -webkit-box-align: center;
76    -webkit-box-pack: end;
77    -webkit-box-flex: 1;
78    -webkit-user-select: none;
79    height: 25px;
80}
81
82audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
83    display: none;
84}
85
86audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
87    display: none;
88}
89
90audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
91    -webkit-appearance: media-slider;
92    display: -webkit-box;
93    -webkit-box-flex: 1;
94    height: 25px;
95    padding: 0px 2px;
96    background-color: initial;
97    border: initial;
98    color: inherit;
99    margin: initial;
100}
101
102audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
103    display: none;
104}
105
106audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
107    display: none;
108    background-color: initial;
109    border: initial;
110    color: inherit;
111    margin: initial;
112}
113
114audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
115    -webkit-appearance: media-seek-back-button;
116    display: -webkit-box;
117    width: 25px;
118    height: 25px;
119    background-color: initial;
120    border: initial;
121    color: inherit;
122}
123
124audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
125    -webkit-appearance: media-seek-forward-button;
126    display: -webkit-box;
127    width: 25px;
128    height: 25px;
129    background-color: initial;
130    border: initial;
131    color: inherit;
132}
133
134audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
135    -webkit-appearance: media-fullscreen-button;
136    display: -webkit-box;
137    width: 25px;
138    height: 25px;
139    background-color: initial;
140    border: initial;
141    color: inherit;
142}
143
144audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
145    display: none;
146    background-color: initial;
147    border: initial;
148    color: inherit;
149}
150
151audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button {
152    display: none;
153    background-color: initial;
154    border: initial;
155    color: inherit;
156}
157
158audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
159    -webkit-appearance: media-toggle-closed-captions-button;
160    display: -webkit-box;
161    width: 25px;
162    height: 25px;
163    background-color: initial;
164    border: initial;
165    color: inherit;
166}
167
168audio::-webkit-media-controls-volume-slider-mute-button, video::-webkit-media-controls-volume-slider-mute-button {
169    -webkit-appearance: media-volume-slider-mute-button;
170    display: none;
171    background-color: initial;
172    border: initial;
173    color: inherit;
174}
175