nhentai/viewer/styles.css

   1 *, *::after, *::before {\r
   2     box-sizing: border-box;\r
   3 }\r
   4 \r
   5 img {\r
   6     vertical-align: middle;\r
   7 }\r
   8 \r
   9 html, body {\r
  10     display: flex;\r
  11     background-color: #e8e6e6;\r
  12     height: 100%;\r
  13     width: 100%;\r
  14     padding: 0;\r
  15     margin: 0;\r
  16     font-family: sans-serif;\r
  17 }\r
  18 \r
  19 #list {\r
  20     height: 100%;\r
  21     overflow: auto;\r
  22     width: 260px;\r
  23     text-align: center;\r
  24 }\r
  25 \r
  26 #list img {\r
  27     width: 200px;\r
  28     padding: 10px;\r
  29     border-radius: 10px;\r
  30     margin: 15px 0;\r
  31     cursor: pointer;\r
  32 }\r
  33 \r
  34 #list img.current {\r
  35     background: #0003;\r
  36 }\r
  37 \r
  38 #image-container {\r
  39     flex: auto;\r
  40     height: 100vh;\r
  41     background: #222;\r
  42     color: #fff;\r
  43     text-align: center;\r
  44     cursor: pointer;\r
  45     -webkit-user-select: none;\r
  46     user-select: none;\r
  47     position: relative;\r
  48 }\r
  49 \r
  50 #image-container #dest {\r
  51     height: 100%;\r
  52     width: 100%;\r
  53     background-size: contain;\r
  54     background-repeat: no-repeat;\r
  55     background-position: center;\r
  56 }\r
  57 \r
  58 #image-container #page-num {\r
  59     position: absolute;\r
  60     font-size: 18pt;\r
  61     left: 10px;\r
  62     bottom: 5px;\r
  63     font-weight: bold;\r
  64     opacity: 0.75;\r
  65     text-shadow: /* Duplicate the same shadow to make it very strong */\r
  66         0 0 2px #222,\r
  67         0 0 2px #222,\r
  68         0 0 2px #222;\r
  69 }\r
  70 \r
  71 @media only screen and (max-width: 855px) {\r
  72     nav {\r
  73         display: none;\r
  74     }\r
  75 }\r
  76 \r
  77 @media only screen and (max-device-width: 855px) {\r
  78     nav {\r
  79         display: none;\r
  80     }\r
  81 }