chrome/browser/resources/file_manager/foreground/css/video_player.css

   1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 body {
   6   -webkit-user-select: none;
   7   background: black;
   8   font-family: Noto Sans UI,Droid Sans Fallback,sans-serif;
   9   font-size: 84%;
  10   margin: 0;
  11   overflow: hidden;
  12 }
  13
  14 #video-player {
  15   height: 100%;
  16   left: 0;
  17   position: absolute;
  18   top: 0;
  19   width: 100%;
  20 }
  21
  22 #video-container {
  23   height: 100%;
  24   left: 0;
  25   position: absolute;
  26   top: 0;
  27   width: 100%;
  28 }
  29
  30 video {
  31   height: 100%;
  32   left: 0;
  33   pointer-events: none;
  34   position: absolute;
  35   top: 0;
  36   width: 100%;
  37 }
  38
  39 #controls-wrapper {
  40   -webkit-box-align: center;
  41   -webkit-box-orient: horizontal;
  42   -webkit-box-pack: center;
  43   bottom: 0;
  44   display: -webkit-box;
  45   left: 0;
  46   position: absolute;
  47   right: 0;
  48 }
  49
  50 #controls {
  51   -webkit-box-flex: 1;
  52   display: -webkit-box;
  53 }
  54
  55 #video-player:not([tools]) .tool {
  56   opacity: 0;
  57 }
  58
  59 #video-player:not([tools]) {
  60   cursor: none;
  61 }
  62
  63 #video-player[disabled] .tool {
  64   display: none;
  65 }
  66
  67 .tool {
  68   transition: opacity 180ms linear;
  69 }
  70
  71 #error-wrapper {
  72   -webkit-box-align: center;
  73   -webkit-box-orient: horizontal;
  74   -webkit-box-pack: center;
  75   display: -webkit-box;
  76   height: 100%;
  77   left: 0;
  78   pointer-events: none;
  79   position: absolute;
  80   top: 0;
  81   width: 100%;
  82 }
  83
  84 #error {
  85   -webkit-box-align: center;
  86   -webkit-box-orient: horizontal;
  87   -webkit-box-pack: center;
  88   background-color: rgba(24, 24, 24, 1);
  89   background-image: -webkit-image-set(
  90     url('../images/media/error.png') 1x,
  91     url('../images/media/2x/error.png') 2x);
  92   background-position: 25px center;
  93   background-repeat: no-repeat;
  94   color: white;
  95   display: -webkit-box;
  96   height: 54px;
  97   padding-left: 70px;
  98   padding-right: 35px;
  99 }
 100
 101 #error:not([visible]) {
 102   display: none;
 103 }