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: #000;\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     background: #000;\r
  52     height: 100%;\r
  53     width: 100%;\r
  54     background-size: contain;\r
  55     background-repeat: no-repeat;\r
  56     background-position: center;\r
  57 }\r
  58 \r
  59 #image-container #page-num {\r
  60     position: absolute;\r
  61     font-size: 18pt;\r
  62     left: 10px;\r
  63     bottom: 5px;\r
  64     font-weight: bold;\r
  65     opacity: 0.75;\r
  66     text-shadow: /* Duplicate the same shadow to make it very strong */\r
  67         0 0 2px #222,\r
  68         0 0 2px #222,\r
  69         0 0 2px #222;\r
  70 }\r
  71 \r
  72 @media only screen and (max-width: 855px) {\r
  73     nav {\r
  74         display: none;\r
  75     }\r
  76 }\r
  77 \r
  78 @media only screen and (max-device-width: 855px) {\r
  79     nav {\r
  80         display: none;\r
  81     }\r
  82 }\r
  83 \r
  84 div {\r
  85     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r
  86 }\r
  87 \r
  88 :focus {\r
  89     outline: 0;\r
  90     border:none;\r
  91     color: rgba(0, 0, 0, 0);\r
  92 }