diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/style/TopLevelImageDocument.css | |
parent | Initial commit. (diff) | |
download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/style/TopLevelImageDocument.css')
-rw-r--r-- | layout/style/TopLevelImageDocument.css | 49 |
1 files changed, 49 insertions, 0 deletions
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; +} |