layout/style/TopLevelImageDocument.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 ImageDocuments that
   8   are top level (e.g. not iframes).
   9 */
  10
  11 @media not print {
  12   body {
  13     margin: 0;
  14   }
  15
  16   img {
  17     text-align: center;
  18     position: absolute;
  19     margin: auto;
  20     top: 0;
  21     right: 0;
  22     bottom: 0;
  23     left: 0;
  24   }
  25
  26   img.overflowingVertical {
  27     /* If we're overflowing vertically, we need to set margin-top to
  28        0.  Otherwise we'll end up trying to vertically center, and end
  29        up cutting off the top part of the image. */
  30     margin-top: 0;
  31   }
  32
  33   .completeRotation {
  34     transition: transform 0.3s ease 0s;
  35   }
  36 }
  37
  38 img {
  39   image-orientation: from-image;
  40 }