src/third_party/WebKit/Source/core/css/mediaControlsAndroid.css

   1 /*
   2  * Copyright (C) 2012 Google Inc.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions
   6  * are met:
   7  * 1. Redistributions of source code must retain the above copyright
   8  *    notice, this list of conditions and the following disclaimer.
   9  * 2. Redistributions in binary form must reproduce the above copyright
  10  *    notice, this list of conditions and the following disclaimer in the
  11  *    documentation and/or other materials provided with the distribution.
  12  *
  13  * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
  14  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  15  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  16  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE COMPUTER, INC. OR
  17  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  18  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  19  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
  20  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  21  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  22  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  23  */
  24
  25 /* Media controls for Chromium on Android */
  26
  27 /* WARNING: This css file can only style <audio> and <video> elements */
  28
  29 audio {
  30     height: 35px;
  31 }
  32
  33 audio::-webkit-media-controls-enclosure {
  34     height: 35px;
  35 }
  36
  37 video::-webkit-media-controls-enclosure {
  38     height: 40px;
  39 }
  40
  41 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
  42     height: 35px;
  43 }
  44
  45 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
  46     display: none;
  47 }
  48
  49 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
  50     width: 35px;
  51     height: 35px;
  52     line-height: 35px;
  53 }
  54
  55 audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display,
  56 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
  57     height: 35px;
  58     line-height: 35px;
  59     font-size: 18px;
  60 }
  61
  62 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
  63     display: none;
  64 }
  65
  66 video::-webkit-media-controls-fullscreen-button {
  67     width: 35px;
  68     height: 35px;
  69     line-height: 35px;
  70 }
  71
  72 audio::-webkit-media-controls-fullscreen-button {
  73     display: none;
  74 }
  75
  76 video::-webkit-media-controls-toggle-closed-captions-button {
  77     width: 35px;
  78     height: 35px;
  79     line-height: 35px;
  80 }