From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 19:32:43 +0200 Subject: Adding upstream version 1:115.7.0. Signed-off-by: Daniel Baumann --- layout/style/TopLevelImageDocument.css | 49 ++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 layout/style/TopLevelImageDocument.css (limited to 'layout/style/TopLevelImageDocument.css') diff --git a/layout/style/TopLevelImageDocument.css b/layout/style/TopLevelImageDocument.css new file mode 100644 index 0000000000..f03295f673 --- /dev/null +++ b/layout/style/TopLevelImageDocument.css @@ -0,0 +1,49 @@ +/* -*- 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 ImageDocuments that + are top level (e.g. not iframes). +*/ + +@media not print { + :root { + /* The font color here was chosen to be readable over the corresponding + backgrounds. This is important in case this ImageDocument is for an + image that happens to be corrupt, in which case we'll display a textual + error message over the background, instead of the image itself. */ + color: #eee; + /* The background-attachment is fixed to stop an ugly white gutter + from appearing when the document is overscrolled. */ + background: url("chrome://global/skin/media/imagedoc-darknoise.png") fixed; + } + + img.transparent { + color: #222; + background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png"); + } + + img { + text-align: center; + position: absolute; + inset: 0; + margin: auto; + } + + img.overflowingVertical { + /* If we're overflowing vertically, we need to set margin-top to + 0. Otherwise we'll end up trying to vertically center, and end + up cutting off the top part of the image. */ + margin-top: 0; + } + + .completeRotation { + transition: transform 0.3s ease 0s; + } +} + +img { + image-orientation: from-image; +} -- cgit v1.2.3