Source/WebCore/css/mediaControlsTizenFullscreenVertical.css

   1 /*
   2  * Copyright (C) 2012 Google Inc.
   3  * Copyright (C) 2012 Samsung Electronics.
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  * 1. Redistributions of source code must retain the above copyright
   9  *    notice, this list of conditions and the following disclaimer.
  10  * 2. Redistributions in binary form must reproduce the above copyright
  11  *    notice, this list of conditions and the following disclaimer in the
  12  *    documentation and/or other materials provided with the distribution.
  13  *
  14  * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
  15  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  16  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  17  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE COMPUTER, INC. OR
  18  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  19  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  20  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
  21  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  22  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  23  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  24  */
  25
  26 /* Media controls for Tizen */
  27
  28
  29
  30 video:-webkit-full-screen::-webkit-media-controls-panel {
  31     -webkit-transform-origin: left bottom;
  32     position: fixed;
  33     left: 0px;
  34     bottom: 0px;
  35     width: 720px;
  36     height : 274px;
  37 }
  38
  39 video:-webkit-full-screen::-webkit-media-controls-mute-button {
  40     display: none;
  41 }
  42
  43 video:-webkit-full-screen::-webkit-media-controls-play-button {
  44     position: absolute;
  45     left: 283px;
  46     bottom: 24px;
  47     width: 154px;
  48     height: 154px;
  49 }
  50
  51 video:-webkit-full-screen::-webkit-media-controls-seek-back-button {
  52     display: -webkit-box;
  53     position: absolute;
  54     left: 133px;
  55     bottom: 40px;
  56     width: 122px;
  57     height: 122px;
  58 }
  59
  60 video:-webkit-full-screen::-webkit-media-controls-seek-forward-button {
  61     display: -webkit-box;
  62     position: absolute;
  63     right: 133px;
  64     bottom: 40px;
  65     width: 122px;
  66     height: 122px;
  67 }
  68
  69 video:-webkit-full-screen::-webkit-media-controls-timeline-container {
  70     display: -webkit-box;
  71     position: absolute;
  72     top: 0px;
  73     left: 0px;
  74     width: 720px;
  75     height: 96px;
  76 }
  77
  78 video:-webkit-full-screen::-webkit-media-controls-current-time-display,
  79 video:-webkit-full-screen::-webkit-media-controls-time-remaining-display {
  80     -webkit-user-select: none;
  81     -webkit-box-align: start;
  82     display: -webkit-box;
  83     position: absolute;
  84     bottom: 6px;
  85     height: 30px;
  86     font-family: Arial;
  87     font-size: 30px;
  88     color: white;
  89 }
  90
  91 video:-webkit-full-screen::-webkit-media-controls-current-time-display {
  92     -webkit-appearance: media-current-time-display;
  93     -webkit-box-pack: start;
  94     left: 26px;
  95     text-align: left;
  96 }
  97
  98 video:-webkit-full-screen::-webkit-media-controls-time-remaining-display {
  99     -webkit-box-pack: end;
 100     right: 26px;
 101     text-align: right;
 102 }
 103
 104 video:-webkit-full-screen::-webkit-media-controls-timeline {
 105     -webkit-user-select: auto;
 106     position: absolute;
 107     left: 26px;
 108     bottom: 46px;
 109     width: 668px;
 110     height: 11px;
 111 }
 112
 113 video:-webkit-full-screen::-webkit-media-controls-fullscreen-button {
 114     position: absolute;
 115     bottom: 24px;
 116     right: 26px;
 117     width: 63px;
 118     height: 63px;
 119 }
 120
 121 video:-webkit-full-screen::-webkit-media-controls-volume-slider-container {
 122     display: none;
 123 }
 124
 125 video:-webkit-full-screen::-webkit-media-controls-volume-slider {
 126     display: none;
 127 }