2 * Copyright (C) 2009, 2010, 2011 Apple Inc. All rights reserved.
3 * Copyright (C) 2011 Samsung Electronics
5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions
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.
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.
26 /* EFLWebKit media controls. Extends mediaControls.css */
33 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
35 -webkit-box-orient: horizontal;
36 -webkit-box-align: center;
37 -webkit-user-select: none;
47 video:-webkit-full-page-media::-webkit-media-controls-panel {
51 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
52 -webkit-appearance: media-mute-button;
56 background-color: initial;
61 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
62 -webkit-appearance: media-play-button;
66 background-color: initial;
71 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
72 -webkit-appearance: media-controls-background;
74 -webkit-box-orient: horizontal;
75 -webkit-box-align: center;
76 -webkit-box-pack: end;
78 -webkit-user-select: none;
82 audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
86 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
90 audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
91 -webkit-appearance: media-slider;
96 background-color: initial;
102 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
106 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
108 background-color: initial;
114 audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
115 -webkit-appearance: media-seek-back-button;
116 display: -webkit-box;
119 background-color: initial;
124 audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
125 -webkit-appearance: media-seek-forward-button;
126 display: -webkit-box;
129 background-color: initial;
134 audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
135 -webkit-appearance: media-fullscreen-button;
136 display: -webkit-box;
139 background-color: initial;
144 audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
146 background-color: initial;
151 audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button {
153 background-color: initial;
158 audio::-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;
163 background-color: initial;
168 audio::-webkit-media-controls-volume-slider-mute-button, video::-webkit-media-controls-volume-slider-mute-button {
169 -webkit-appearance: media-volume-slider-mute-button;
171 background-color: initial;