• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * QtWebKit specific overrides for HTML5 media elements.
3 *
4 * Copyright (C) 2009 Apple Inc.  All rights reserved.
5 * Copyright (C) 2008 Nokia Corporation and/or its subsidiary(-ies)
6 *
7 * Redistribution and use in source and binary forms, with or without
8 * modification, are permitted provided that the following conditions
9 * are met:
10 * 1. Redistributions of source code must retain the above copyright
11 *    notice, this list of conditions and the following disclaimer.
12 * 2. Redistributions in binary form must reproduce the above copyright
13 *    notice, this list of conditions and the following disclaimer in the
14 *    documentation and/or other materials provided with the distribution.
15 *
16 * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
17 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
18 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
19 * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE COMPUTER, INC. OR
20 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
21 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
22 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
23 * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
24 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
25 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
26 */
27
28 /* QtWebKit media controls. Extends mediaControls.css */
29
30audio {
31    height: 34px;
32    width: 400px;
33}
34
35audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
36    display: -webkit-box;
37    -webkit-box-orient: horizontal;
38    -webkit-box-align: end;
39    -webkit-user-select: none;
40    position: absolute;
41    bottom: 0;
42    width: 100%;
43    z-index: 0;
44    overflow: hidden;
45    height: 100%;
46    text-align: right;
47}
48
49video:-webkit-full-page-media::-webkit-media-controls-panel {
50	display: none;
51}
52
53audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
54    left: auto;
55    right: 5px;
56    width: 12px;
57    height: 12px;
58    padding: 6px;
59    margin: 5px 5px 5px 3px;
60}
61
62audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
63    left: 5px;
64    width: 9px;
65    height: 12px;
66    padding: 6px 12px 6px 11px;
67    margin: 5px 3px 5px 5px;
68}
69
70audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
71    height: 34px;
72}
73
74audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
75    display: none;
76}
77
78audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
79    display: none;
80}
81
82audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
83    left: 42px;
84    right: 34px;
85    height: 12px;
86    padding: 6px 8px;
87    margin: 5px 0px;
88}
89
90audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
91    display: none;
92}
93
94audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
95    display: none;
96}
97
98audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
99    /* Since MediaControlElements are always created with a renderer we have to hide
100       the controls we don't use, so they don't mess up activation and event handling */
101    left: 0px;
102    top: 0px;
103    width: 0px;
104    height: 0px;
105
106    display: none;
107}
108
109audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
110    /* Since MediaControlElements are always created with a renderer we have to hide
111       the controls we don't use, so they don't mess up activation and event handling */
112    left: 0px;
113    top: 0px;
114    width: 0px;
115    height: 0px;
116
117    display: none;
118}
119
120audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
121    /* Since MediaControlElements are always created with a renderer we have to hide
122       the controls we don't use, so they don't mess up activation and event handling */
123    left: 0px;
124    top: 0px;
125    width: 0px;
126    height: 0px;
127
128    display: none;
129}
130
131audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
132    display: none;
133}
134
135audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button {
136    display: none;
137}
138
139