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-slider-thumb {
  40     -webkit-appearance: media-sliderthumb;
  41     width: 30px;
  42     height: 30px;
  43 }
  44
  45 video:-webkit-full-screen::-webkit-media-controls-mute-button {
  46     display: none;
  47 }
  48
  49 video:-webkit-full-screen::-webkit-media-controls-play-button {
  50     position: absolute;
  51     left: 283px;
  52     bottom: 24px;
  53     width: 154px;
  54     height: 154px;
  55 }
  56
  57 video:-webkit-full-screen::-webkit-media-controls-seek-back-button {
  58     display: -webkit-box;
  59     position: absolute;
  60     left: 133px;
  61     bottom: 40px;
  62     width: 122px;
  63     height: 122px;
  64 }
  65
  66 video:-webkit-full-screen::-webkit-media-controls-seek-forward-button {
  67     display: -webkit-box;
  68     position: absolute;
  69     right: 133px;
  70     bottom: 40px;
  71     width: 122px;
  72     height: 122px;
  73 }
  74
  75 video:-webkit-full-screen::-webkit-media-controls-timeline-container {
  76     display: -webkit-box;
  77     position: absolute;
  78     top: 0px;
  79     left: 0px;
  80     width: 720px;
  81     height: 96px;
  82 }
  83
  84 video:-webkit-full-screen::-webkit-media-controls-current-time-display,
  85 video:-webkit-full-screen::-webkit-media-controls-time-remaining-display {
  86     -webkit-user-select: none;
  87     -webkit-box-align: start;
  88     display: -webkit-box;
  89     position: absolute;
  90     bottom: 6px;
  91     height: 30px;
  92     font-family: Arial;
  93     font-size: 30px;
  94     color: white;
  95 }
  96
  97 video:-webkit-full-screen::-webkit-media-controls-current-time-display {
  98     -webkit-appearance: media-current-time-display;
  99     -webkit-box-pack: start;
 100     left: 26px;
 101     text-align: left;
 102 }
 103
 104 video:-webkit-full-screen::-webkit-media-controls-time-remaining-display {
 105     -webkit-box-pack: end;
 106     right: 26px;
 107     text-align: right;
 108 }
 109
 110 video:-webkit-full-screen::-webkit-media-controls-timeline {
 111     -webkit-user-select: auto;
 112     position: absolute;
 113     left: 26px;
 114     bottom: 46px;
 115     width: 668px;
 116     height: 11px;
 117 }
 118
 119 video:-webkit-full-screen::-webkit-media-controls-fullscreen-button {
 120     position: absolute;
 121     bottom: 24px;
 122     right: 26px;
 123     width: 63px;
 124     height: 63px;
 125 }
 126
 127 video:-webkit-full-screen::-webkit-media-controls-volume-slider-container {
 128     display: none;
 129 }
 130
 131 video:-webkit-full-screen::-webkit-media-controls-volume-slider {
 132     display: none;
 133 }