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 30 audio { 31 height: 34px; 32 width: 400px; 33 } 34 35 audio::-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 49 video:-webkit-full-page-media::-webkit-media-controls-panel { 50 display: none; 51 } 52 53 audio::-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 62 audio::-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 70 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container { 71 height: 34px; 72 } 73 74 audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display { 75 display: none; 76 } 77 78 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display { 79 display: none; 80 } 81 82 audio::-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 90 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container { 91 display: none; 92 } 93 94 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider { 95 display: none; 96 } 97 98 audio::-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 109 audio::-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 120 audio::-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 131 audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button { 132 display: none; 133 } 134 135 audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button { 136 display: none; 137 } 138 139
