| /* |
| * QtWebKit specific overrides for HTML5 media elements. |
| * |
| * Copyright (C) 2009 Apple Inc. All rights reserved. |
| * Copyright (C) 2008 Nokia Corporation and/or its subsidiary(-ies) |
| * |
| * Redistribution and use in source and binary forms, with or without |
| * modification, are permitted provided that the following conditions |
| * are met: |
| * 1. Redistributions of source code must retain the above copyright |
| * notice, this list of conditions and the following disclaimer. |
| * 2. Redistributions in binary form must reproduce the above copyright |
| * notice, this list of conditions and the following disclaimer in the |
| * documentation and/or other materials provided with the distribution. |
| * |
| * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY |
| * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
| * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR |
| * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE COMPUTER, INC. OR |
| * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
| * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, |
| * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY |
| * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| */ |
| |
| /* QtWebKit media controls. Extends mediaControls.css */ |
| |
| audio { |
| height: 34px; |
| width: 400px; |
| } |
| |
| audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { |
| display: -webkit-box; |
| -webkit-box-orient: horizontal; |
| -webkit-box-align: end; |
| -webkit-user-select: none; |
| position: absolute; |
| bottom: 0; |
| width: 100%; |
| z-index: 0; |
| overflow: hidden; |
| height: 100%; |
| text-align: right; |
| } |
| |
| video:-webkit-full-page-media::-webkit-media-controls-panel { |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button { |
| left: auto; |
| right: 5px; |
| width: 12px; |
| height: 12px; |
| padding: 6px; |
| margin: 5px 5px 5px 3px; |
| } |
| |
| audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button { |
| left: 5px; |
| width: 9px; |
| height: 12px; |
| padding: 6px 12px 6px 11px; |
| margin: 5px 3px 5px 5px; |
| } |
| |
| audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container { |
| height: 34px; |
| } |
| |
| audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display { |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display { |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline { |
| left: 42px; |
| right: 34px; |
| height: 12px; |
| padding: 6px 8px; |
| margin: 5px 0px; |
| } |
| |
| audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container { |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider { |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button { |
| /* Since MediaControlElements are always created with a renderer we have to hide |
| the controls we don't use, so they don't mess up activation and event handling */ |
| left: 0px; |
| top: 0px; |
| width: 0px; |
| height: 0px; |
| |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button { |
| /* Since MediaControlElements are always created with a renderer we have to hide |
| the controls we don't use, so they don't mess up activation and event handling */ |
| left: 0px; |
| top: 0px; |
| width: 0px; |
| height: 0px; |
| |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button { |
| /* Since MediaControlElements are always created with a renderer we have to hide |
| the controls we don't use, so they don't mess up activation and event handling */ |
| left: 0px; |
| top: 0px; |
| width: 0px; |
| height: 0px; |
| |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button { |
| display: none; |
| } |
| |
| audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button { |
| display: none; |
| } |
| |