mediaControlsAndroid.css revision 7f493d591dfd3492d5916ca301a4dbcd61554a06
17f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard/* 27f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * Copyright 2010, The Android Open Source Project 37f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * 47f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * Redistribution and use in source and binary forms, with or without 57f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * modification, are permitted provided that the following conditions 67f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * are met: 77f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * * Redistributions of source code must retain the above copyright 87f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * notice, this list of conditions and the following disclaimer. 97f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * * Redistributions in binary form must reproduce the above copyright 107f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * notice, this list of conditions and the following disclaimer in the 117f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * documentation and/or other materials provided with the distribution. 127f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * 137f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS ``AS IS'' AND ANY 147f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 157f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 167f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR 177f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 187f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, 197f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR 207f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY 217f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 227f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 237f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 247f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard */ 257f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 267f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard/* media controls */ 277f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 287f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio { 297f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 200px; 307f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 317f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 327f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 337f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { 347f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 357f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-orient: horizontal; 367f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-align: center; 377f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-user-select: none; 387f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard position: absolute; 397f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard bottom: 0; 407f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 100%; 417f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard z-index: 0; 427f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard overflow: hidden; 437f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 447f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard text-align: right; 457f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 467f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 477f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardvideo:-webkit-full-page-media::-webkit-media-controls-panel { 487f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard bottom: -32px; 497f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 507f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 517f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button { 527f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-mute-button; 537f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 547f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 32px; 557f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 567f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 577f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 587f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button { 597f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-play-button; 607f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 617f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 32px; 627f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 637f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 647f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 657f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container { 667f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-controls-background; 677f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 687f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-orient: horizontal; 697f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-align: center; 707f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-pack: end; 717f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-flex: 1; 727f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-user-select: none; 737f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 747f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 757f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 767f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display { 777f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: none; 787f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 797f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 807f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display { 817f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: none; 827f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 837f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 847f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline { 857f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-slider; 867f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 877f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-box-flex: 1; 887f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 897f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard padding: 0px 2px; 907f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 917f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 927f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container { 937f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: none; 947f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 957f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 967f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider { 977f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: none; 987f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 997f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 1007f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button { 1017f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-seek-back-button; 1027f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 1037f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 32px; 1047f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 1057f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 1067f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 1077f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button { 1087f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-seek-forward-button; 1097f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 1107f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 32px; 1117f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 1127f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 1137f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 1147f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button { 1157f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-fullscreen-button; 1167f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 1177f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 32px; 1187f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px; 1197f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 1207f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 1217f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button { 1227f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: none; 1237f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 1247f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 1257f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button { 1267f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: none; 1277f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 1287f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard 1297f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roardaudio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button { 1307f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard -webkit-appearance: media-toggle-closed-captions-button; 1317f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard display: -webkit-box; 1327f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard width: 32px; 1337f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard height: 32px 1347f493d591dfd3492d5916ca301a4dbcd61554a06Nicolas Roard} 135