layout/style/TopLevelVideoDocument.css

   1 /* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this
   4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   5
   6 /*
   7   This CSS stylesheet defines the rules to be applied to VideoDocuments that
   8   are top level (e.g. not iframes).
   9 */
  10
  11 :root {
  12   background-color: black;
  13   /* Fill the viewport height, so that our '-moz-user-focus' styling will
  14      disregard clicks in the whole background area (so the video element
  15      doesn't inadvertently lose focus from a stray click on the background). */
  16   height: 100%;
  17   -moz-user-focus: ignore;
  18 }
  19
  20 video {
  21   position: absolute;
  22   inset: 0;
  23   margin: auto;
  24   max-width: 100%;
  25   max-height: 100%;
  26   user-select: none;
  27   -moz-user-focus: normal;
  28 }
  29
  30 video:focus {
  31   outline-style: none;
  32 }