WebCore/css/mediaControlsQt.css

   1 /*
   2  * QtWebKit specific overrides for HTML5 media elements.
   3  *
   4  * Copyright (C) 2009 Apple Inc.  All rights reserved.
   5  * Copyright (C) 2008 Nokia Corporation and/or its subsidiary(-ies)
   6  *
   7  * Redistribution and use in source and binary forms, with or without
   8  * modification, are permitted provided that the following conditions
   9  * are met:
  10  * 1. Redistributions of source code must retain the above copyright
  11  *    notice, this list of conditions and the following disclaimer.
  12  * 2. Redistributions in binary form must reproduce the above copyright
  13  *    notice, this list of conditions and the following disclaimer in the
  14  *    documentation and/or other materials provided with the distribution.
  15  *
  16  * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
  17  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  18  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  19  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE COMPUTER, INC. OR
  20  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  21  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  22  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
  23  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  24  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  25  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  26  */
  27
  28  /* QtWebKit media controls. Extends mediaControls.css */
  29
  30 audio {
  31     height: 34px;
  32     width: 400px;
  33 }
  34
  35 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
  36     display: -webkit-box;
  37     -webkit-box-orient: horizontal;
  38     -webkit-box-align: end;
  39     -webkit-user-select: none;
  40     position: absolute;
  41     bottom: 0;
  42     width: 100%;
  43     z-index: 0;
  44     overflow: hidden;
  45     height: 100%;
  46     text-align: right;
  47 }
  48
  49 video:-webkit-full-page-media::-webkit-media-controls-panel {
  50         display: none;
  51 }
  52
  53 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
  54     width: 12px;
  55     height: 12px;
  56     padding: 6px;
  57     margin: 5px 5px 5px 3px;
  58 }
  59
  60 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
  61     width: 9px;
  62     height: 12px;
  63     padding: 6px 12px 6px 11px;
  64     margin: 5px 3px 5px 5px;
  65 }
  66
  67 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
  68     height: 34px;
  69 }
  70
  71 audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
  72     -webkit-appearance: media-current-time-display;
  73     -webkit-user-select: none;
  74     display: inline-block;
  75     height: 12px;
  76     padding: 6px;
  77     margin: 5px 3px;
  78
  79     overflow: hidden;
  80     cursor: default;
  81
  82     text-align: center;
  83     font-size: 10px;
  84     font-family: Verdana;
  85     font-weight: bold;
  86     color: white;
  87 }
  88
  89 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
  90     display: none;
  91 }
  92
  93 audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
  94     height: 12px;
  95     padding: 6px 8px;
  96     margin: 5px 3px;
  97 }
  98
  99 audio::-webkit-media-controls-volume-slider-container, video::-webkit-media-controls-volume-slider-container {
 100     -webkit-appearance: media-volume-slider-container;
 101     position: absolute;
 102     height: 103px;
 103     width: 24px;
 104 }
 105
 106 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
 107     -webkit-appearance: media-volume-slider;
 108     display: inline;
 109     position: absolute;
 110
 111     width: 12px;
 112     padding: 6px;
 113     height: 88px;
 114     margin: 0 0 3px 0;
 115 }
 116
 117 audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
 118     display: none;
 119 }
 120
 121 audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
 122     display: none;
 123 }
 124
 125 audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
 126     display: none;
 127 }
 128
 129 audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
 130     display: none;
 131 }
 132
 133 audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-controls-return-to-realtime-button {
 134     display: none;
 135 }
 136
 137 audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
 138     display: none;
 139 }
 140