mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-12-11 16:32:59 +00:00
9504e42bc7
This patch shouldn't change behavior. It just gets us a bit more consistency between these two stylesheets, and it makes these rules more explicit about the fact that they're intending to style the root. Depends on D143395 Differential Revision: https://phabricator.services.mozilla.com/D143429
33 lines
901 B
CSS
33 lines
901 B
CSS
/* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
/*
|
|
This CSS stylesheet defines the rules to be applied to VideoDocuments that
|
|
are top level (e.g. not iframes).
|
|
*/
|
|
|
|
:root {
|
|
background-color: black;
|
|
/* Fill the viewport height, so that our '-moz-user-focus' styling will
|
|
disregard clicks in the whole background area (so the video element
|
|
doesn't inadvertently lose focus from a stray click on the background). */
|
|
height: 100%;
|
|
-moz-user-focus: ignore;
|
|
}
|
|
|
|
video {
|
|
position: absolute;
|
|
inset: 0;
|
|
margin: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
user-select: none;
|
|
-moz-user-focus: normal;
|
|
}
|
|
|
|
video:focus {
|
|
outline-style: none;
|
|
}
|