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 28 audio { 29 width: 200px; 30 height: 25px; 31 } 32 33 audio::-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 47 video:-webkit-full-page-media::-webkit-media-controls-panel { 48 bottom: 0px; 49 } 50 51 audio::-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 61 audio::-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 71 audio::-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 82 audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display { 83 display: none; 84 } 85 86 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display { 87 display: none; 88 } 89 90 audio::-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 102 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container { 103 display: none; 104 } 105 106 audio::-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 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; 117 width: 25px; 118 height: 25px; 119 background-color: initial; 120 border: initial; 121 color: inherit; 122 } 123 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; 127 width: 25px; 128 height: 25px; 129 background-color: initial; 130 border: initial; 131 color: inherit; 132 } 133 134 audio::-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 144 audio::-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 151 audio::-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 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; 161 width: 25px; 162 height: 25px; 163 background-color: initial; 164 border: initial; 165 color: inherit; 166 } 167 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; 170 display: none; 171 background-color: initial; 172 border: initial; 173 color: inherit; 174 } 175
