nhentai/viewer/minimal/styles.css

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