Source/WebCore/css/mediaControlsGtk.css

   1 /*
   2  * WebKitGTK+ specific overrides for HTML5 media elements.
   3  *
   4  * Copyright (C) 2009 Zan Dobersek <zandobersek@gmail.com>
   5  *
   6  * This library is free software; you can redistribute it and/or
   7  * modify it under the terms of the GNU Library General Public
   8  * License as published by the Free Software Foundation; either
   9  * version 2 of the License, or (at your option) any later version.
  10  *
  11  * This library is distributed in the hope that it will be useful,
  12  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  14  * Library General Public License for more details.
  15  *
  16  * You should have received a copy of the GNU Library General Public License
  17  * along with this library; see the file COPYING.LIB.  If not, write to
  18  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
  19  * Boston, MA 02110-1301, USA.
  20  *
  21  */
  22
  23 audio {
  24     height: 20px;
  25     width: 300px;
  26 }
  27
  28 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
  29     -webkit-box-align: end;
  30     text-align: right;
  31     height: 20px;
  32 }
  33
  34 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
  35     width: 20px;
  36     height: 20px;
  37     position: relative;
  38     z-index: 2;
  39 }
  40
  41 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
  42     width: 20px;
  43     height: 20px;
  44 }
  45
  46 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
  47     height: 20px;
  48     border-left: 1px solid rgba(255, 255, 255, 0.2);
  49     border-right: 1px solid rgba(255, 255, 255, 0.2);
  50 }
  51
  52 audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
  53     height: 20px;
  54 }
  55
  56 audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
  57     -webkit-appearance: media-current-time-display;
  58     -webkit-user-select: none;
  59     display: inline-block;
  60     height: 20px;
  61
  62     padding: 5px;
  63
  64     text-align: center;
  65     font-size: 10px;
  66 }
  67
  68 audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
  69     width: 20px;
  70     height: 20px;
  71 }
  72
  73 audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
  74     width: 20px;
  75     height: 20px;
  76 }
  77
  78 audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
  79     width: 20px;
  80     height: 20px;
  81 }
  82
  83 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
  84     -webkit-appearance: media-volume-slider-container;
  85     position: absolute;
  86     height: 100px;
  87     width: 20px;
  88     bottom: 20px;
  89     z-index: 1;
  90 }
  91
  92 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
  93     -webkit-appearance: media-volume-slider;
  94     display: inline;
  95     position: absolute;
  96     width: 14px;
  97     height: 95px;
  98
  99     left: 3px;
 100     top: 5px;
 101 }