/* ==UserStyle==
@name           FanFox - Fullscreen reader
@description    Hides everything except for the current page when the reader is open; use keyboard for navigation. Hovering the page will zoom the image to full size.
@version        2019.09.16.22.58
@author         MetalTxus
@namespace      https://github.com/jesuscc1993/
@license        CC BY-SA 4.0
@preprocessor   stylus

@var  text      transition-duration   "Transition Duration"   "0s"
@var  color     c-bg                  "Background color"      #343434

==/UserStyle== */
@-moz-document regexp("https?://mangafox.la/manga/.*.html(#.*)?"), regexp("https?://fanfox.net/manga/.*.html(#.*)?")
{
  body {
    overflow: hidden;
  }

  body > *:not(.reader-main) {
    display: none;
  }

  .reader-page {
    background: c-bg;
  }

  .reader-main {
    background: none;
    border: none;
    height: 100vh;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: calc(100vw + 17px);
    min-height: 0 !important;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100vh;
      margin: 0 !important;
      transition: transition-duration;

      &:hover {
        max-height: none;
      }
    }
  }
}