1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54

ash / webui / file_manager / untrusted_resources / files_video_content.css [blame]

/* Copyright 2016 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#content {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  min-width: 192px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

img {
  background-color: white;
  background-image:
    linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%,
        #efefef 75%, #efefef),
    linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%,
        #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  background-size: 21px 21px;
}

#content[hidden] {
  display: none;
}

video::-webkit-media-controls-fullscreen-button {
  display: none;
}

video:focus,
video::-webkit-media-controls-timeline:focus,
video::-webkit-media-controls-mute-button:focus,
video::-webkit-media-controls-play-button:focus,
video::-webkit-media-controls-volume-slider:focus {
  outline: 2px solid rgba(66, 133, 244, 0.5);
  outline-offset: -2px;
}

/* TODO(files-app-dark-mode): figure out what background color should be
 * used here. */
@media (prefers-color-scheme: dark) {
  html,
  body,
  video {
    background-color: black;
  }
}