12bde8e466a4451c7319e3a072d118917957d6554Steve Block/* 22bde8e466a4451c7319e3a072d118917957d6554Steve Block * Copyright (C) 2011 Apple Inc. All rights reserved. 32bde8e466a4451c7319e3a072d118917957d6554Steve Block * 42bde8e466a4451c7319e3a072d118917957d6554Steve Block * Redistribution and use in source and binary forms, with or without 52bde8e466a4451c7319e3a072d118917957d6554Steve Block * modification, are permitted provided that the following conditions 62bde8e466a4451c7319e3a072d118917957d6554Steve Block * are met: 72bde8e466a4451c7319e3a072d118917957d6554Steve Block * 1. Redistributions of source code must retain the above copyright 82bde8e466a4451c7319e3a072d118917957d6554Steve Block * notice, this list of conditions and the following disclaimer. 92bde8e466a4451c7319e3a072d118917957d6554Steve Block * 2. Redistributions in binary form must reproduce the above copyright 102bde8e466a4451c7319e3a072d118917957d6554Steve Block * notice, this list of conditions and the following disclaimer in the 112bde8e466a4451c7319e3a072d118917957d6554Steve Block * documentation and/or other materials provided with the distribution. 122bde8e466a4451c7319e3a072d118917957d6554Steve Block * 132bde8e466a4451c7319e3a072d118917957d6554Steve Block * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY 142bde8e466a4451c7319e3a072d118917957d6554Steve Block * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 152bde8e466a4451c7319e3a072d118917957d6554Steve Block * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 162bde8e466a4451c7319e3a072d118917957d6554Steve Block * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE COMPUTER, INC. OR 172bde8e466a4451c7319e3a072d118917957d6554Steve Block * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 182bde8e466a4451c7319e3a072d118917957d6554Steve Block * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, 192bde8e466a4451c7319e3a072d118917957d6554Steve Block * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY 202bde8e466a4451c7319e3a072d118917957d6554Steve Block * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 212bde8e466a4451c7319e3a072d118917957d6554Steve Block * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 222bde8e466a4451c7319e3a072d118917957d6554Steve Block * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 232bde8e466a4451c7319e3a072d118917957d6554Steve Block */ 242bde8e466a4451c7319e3a072d118917957d6554Steve Block 252bde8e466a4451c7319e3a072d118917957d6554Steve Block/* alternate media controls - Extend fullscreen.css */ 262bde8e466a4451c7319e3a072d118917957d6554Steve Block 272bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-panel { 282bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-box-align: start; 292bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-box-pack: end; 302bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-appearance: none; 312bde8e466a4451c7319e3a072d118917957d6554Steve Block 322bde8e466a4451c7319e3a072d118917957d6554Steve Block bottom: 50px; 332bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 50%; 342bde8e466a4451c7319e3a072d118917957d6554Steve Block margin-left: -220px; 352bde8e466a4451c7319e3a072d118917957d6554Steve Block padding: 12px 0 0 10px; 362bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 430px; 372bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 48px; 382bde8e466a4451c7319e3a072d118917957d6554Steve Block 392bde8e466a4451c7319e3a072d118917957d6554Steve Block background-image: -webkit-gradient( 402bde8e466a4451c7319e3a072d118917957d6554Steve Block linear, 412bde8e466a4451c7319e3a072d118917957d6554Steve Block left top, 422bde8e466a4451c7319e3a072d118917957d6554Steve Block left bottom, 432bde8e466a4451c7319e3a072d118917957d6554Steve Block color-stop(0, rgba(30, 30, 30, .97)), 442bde8e466a4451c7319e3a072d118917957d6554Steve Block color-stop(0.333, rgba(45, 45, 45, .97)), 452bde8e466a4451c7319e3a072d118917957d6554Steve Block color-stop(0.35, rgba(25, 25, 25, .97)), 462bde8e466a4451c7319e3a072d118917957d6554Steve Block color-stop(0.366, rgba(25, 25, 25, .97)), 472bde8e466a4451c7319e3a072d118917957d6554Steve Block color-stop(0.366, rgba(12, 12, 12, .97)), 482bde8e466a4451c7319e3a072d118917957d6554Steve Block color-stop(1, rgba(19, 19, 19, .97)) 492bde8e466a4451c7319e3a072d118917957d6554Steve Block ); 502bde8e466a4451c7319e3a072d118917957d6554Steve Block 512bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-box-shadow: 522bde8e466a4451c7319e3a072d118917957d6554Steve Block inset 0 -1px 1px rgba(0, 0, 0, 0.5), 532bde8e466a4451c7319e3a072d118917957d6554Steve Block inset 0 1px 0 0px rgba(255, 255, 255, 0.15), 542bde8e466a4451c7319e3a072d118917957d6554Steve Block inset 0 -1px 0 0px rgba(202, 202, 202, 0.09), 552bde8e466a4451c7319e3a072d118917957d6554Steve Block 0 0 0 1px rgba(0, 0, 0, 0.5); 562bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-border-radius: 8px; 572bde8e466a4451c7319e3a072d118917957d6554Steve Block} 582bde8e466a4451c7319e3a072d118917957d6554Steve Block 592bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-mute-button { 602bde8e466a4451c7319e3a072d118917957d6554Steve Block display: none; 612bde8e466a4451c7319e3a072d118917957d6554Steve Block} 622bde8e466a4451c7319e3a072d118917957d6554Steve Block 632bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-volume-slider-container { 642bde8e466a4451c7319e3a072d118917957d6554Steve Block display: none; 652bde8e466a4451c7319e3a072d118917957d6554Steve Block} 662bde8e466a4451c7319e3a072d118917957d6554Steve Block 672bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-volume-slider { 682bde8e466a4451c7319e3a072d118917957d6554Steve Block display: none; 692bde8e466a4451c7319e3a072d118917957d6554Steve Block} 702bde8e466a4451c7319e3a072d118917957d6554Steve Block 712bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-volume-slider-mute-button { 722bde8e466a4451c7319e3a072d118917957d6554Steve Block display: none; 732bde8e466a4451c7319e3a072d118917957d6554Steve Block} 742bde8e466a4451c7319e3a072d118917957d6554Steve Block 752bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-fullscreen-volume-min-button { 762bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-appearance: media-mute-button; 772bde8e466a4451c7319e3a072d118917957d6554Steve Block display: block; 782bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 792bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 11px; 802bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 15px; 812bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 14px; 822bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 12px; 832bde8e466a4451c7319e3a072d118917957d6554Steve Block} 842bde8e466a4451c7319e3a072d118917957d6554Steve Block 852bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-fullscreen-volume-slider { 862bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-appearance: media-slider; 872bde8e466a4451c7319e3a072d118917957d6554Steve Block display: block; 882bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 892bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 28px; 902bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 15px; 912bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 12px; 922bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 50px; 932bde8e466a4451c7319e3a072d118917957d6554Steve Block} 942bde8e466a4451c7319e3a072d118917957d6554Steve Block 952bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-fullscreen-volume-max-button { 962bde8e466a4451c7319e3a072d118917957d6554Steve Block -webkit-appearance: media-mute-button; 972bde8e466a4451c7319e3a072d118917957d6554Steve Block display: block; 982bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 992bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 84px; 1002bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 15px; 1012bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 14px; 1022bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 12px; 1032bde8e466a4451c7319e3a072d118917957d6554Steve Block} 1042bde8e466a4451c7319e3a072d118917957d6554Steve Block 1052bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-play-button { 1062bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 1072bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 22px; 1082bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 23px; 1092bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 209px; 1102bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 9px; 1112bde8e466a4451c7319e3a072d118917957d6554Steve Block} 1122bde8e466a4451c7319e3a072d118917957d6554Steve Block 1132bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-rewind-button { 1142bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 1152bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 162px; 1162bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 13px; 1172bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 18px; 1182bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 18px; 1192bde8e466a4451c7319e3a072d118917957d6554Steve Block} 1202bde8e466a4451c7319e3a072d118917957d6554Steve Block 1212bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-seek-back-button { 1222bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 1232bde8e466a4451c7319e3a072d118917957d6554Steve Block display: -webkit-box; 1242bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 23px; 1252bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 16px; 1262bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 162px; 1272bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 13px; 1282bde8e466a4451c7319e3a072d118917957d6554Steve Block} 1292bde8e466a4451c7319e3a072d118917957d6554Steve Block 1302bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-seek-forward-button { 1312bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 1322bde8e466a4451c7319e3a072d118917957d6554Steve Block display: -webkit-box; 1332bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 23px; 1342bde8e466a4451c7319e3a072d118917957d6554Steve Block height: 16px; 1352bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 262px; 1362bde8e466a4451c7319e3a072d118917957d6554Steve Block top: 13px; 1372bde8e466a4451c7319e3a072d118917957d6554Steve Block} 1382bde8e466a4451c7319e3a072d118917957d6554Steve Block 1392bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::-webkit-media-controls-timeline-container { 1402bde8e466a4451c7319e3a072d118917957d6554Steve Block height: auto; 1412bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 420px; 1422bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 1432bde8e466a4451c7319e3a072d118917957d6554Steve Block bottom: 9px; 1442bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 8px; 1452bde8e466a4451c7319e3a072d118917957d6554Steve Block right: 8px; 1462bde8e466a4451c7319e3a072d118917957d6554Steve Block} 1472bde8e466a4451c7319e3a072d118917957d6554Steve Block 1482bde8e466a4451c7319e3a072d118917957d6554Steve Blockvideo:-webkit-full-screen::video::-webkit-media-controls-status-display { 1492bde8e466a4451c7319e3a072d118917957d6554Steve Block width: 420px; 1502bde8e466a4451c7319e3a072d118917957d6554Steve Block position: absolute; 1512bde8e466a4451c7319e3a072d118917957d6554Steve Block bottom: 9px; 1522bde8e466a4451c7319e3a072d118917957d6554Steve Block left: 8px; 1532bde8e466a4451c7319e3a072d118917957d6554Steve Block right: 8px; 1542bde8e466a4451c7319e3a072d118917957d6554Steve Block} 155