nhentai/viewer/default/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: 2000px;
  42     background: #222;
  43     color: #fff;
  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 }
  58
  59 #image-container #page-num {
  60     position: static;
  61     font-size: 14pt;
  62     left: 10px;
  63     bottom: 5px;
  64     font-weight: bold;
  65     opacity: 0.75;
  66     text-shadow: /* Duplicate the same shadow to make it very strong */
  67         0 0 2px #222,
  68         0 0 2px #222,
  69         0 0 2px #222;
  70 }