merge to functions

[nhentai.git] / nhentai / viewer / styles.css

diff --git a/nhentai/viewer/styles.css b/nhentai/viewer/styles.css
index 8246b360c19ce713e5f2c9b1e67c45d24de18c24..62dfbe41b4742280b0138d63d432ff46f04be495 100644 (file)
--- a/nhentai/viewer/styles.css
+++ b/nhentai/viewer/styles.css
@@ -1,92 +1,70 @@
-*, *::after, *::before {\r
-    box-sizing: border-box;\r
-}\r
-\r
-img {\r
-    vertical-align: middle;\r
-}\r
-\r
-html, body {\r
-    display: flex;\r
-    background-color: #e8e6e6;\r
-    height: 100%;\r
-    width: 100%;\r
-    padding: 0;\r
-    margin: 0;\r
-    font-family: sans-serif;\r
-}\r
-\r
-#list {\r
-    height: 100%;\r
-    overflow: auto;\r
-    width: 260px;\r
-    text-align: center;\r
-}\r
-\r
-#list img {\r
-    width: 200px;\r
-    padding: 10px;\r
-    border-radius: 10px;\r
-    margin: 15px 0;\r
-    cursor: pointer;\r
-}\r
-\r
-#list img.current {\r
-    background: #0003;\r
-}\r
-\r
-#image-container {\r
-    flex: auto;\r
-    height: 100vh;\r
-    background: #000;\r
-    color: #fff;\r
-    text-align: center;\r
-    cursor: pointer;\r
-    -webkit-user-select: none;\r
-    user-select: none;\r
-    position: relative;\r
-}\r
-\r
-#image-container #dest {\r
-    background: #000;\r
-    height: 100%;\r
-    width: 100%;\r
-    background-size: contain;\r
-    background-repeat: no-repeat;\r
-    background-position: center;\r
-}\r
-\r
-#image-container #page-num {\r
-    position: absolute;\r
-    font-size: 18pt;\r
-    left: 10px;\r
-    bottom: 5px;\r
-    font-weight: bold;\r
-    opacity: 0.75;\r
-    text-shadow: /* Duplicate the same shadow to make it very strong */\r
-        0 0 2px #222,\r
-        0 0 2px #222,\r
-        0 0 2px #222;\r
-}\r
-\r
-@media only screen and (max-width: 855px) {\r
-    nav {\r
-        display: none;\r
-    }\r
-}\r
-\r
-@media only screen and (max-device-width: 855px) {\r
-    nav {\r
-        display: none;\r
-    }\r
-}\r
-\r
-div {\r
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r
-}\r
-\r
-:focus {\r
-    outline: 0;\r
-    border:none;\r
-    color: rgba(0, 0, 0, 0);\r
+  
+*, *::after, *::before {
+    box-sizing: border-box;
+}
+
+img {
+    vertical-align: middle;
+}
+
+html, body {
+    display: flex;
+    background-color: #e8e6e6;
+    height: 100%;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    font-family: sans-serif;
+}
+
+#list {
+    height: 2000px;
+    overflow: scroll;
+    width: 260px;
+    text-align: center;
+}
+
+#list img {
+    width: 200px;
+    padding: 10px;
+    border-radius: 10px;
+    margin: 15px 0;
+    cursor: pointer;
+}
+
+#list img.current {
+    background: #0003;
+}
+
+#image-container {
+    flex: auto;
+    height: 2000px;
+    background: #222;
+    color: #fff;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    position: relative;
+}
+
+#image-container #dest {
+    height: 2000px;
+    width: 100%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: top;
+}
+
+#image-container #page-num {
+    position: static;
+    font-size: 14pt;
+    left: 10px;
+    bottom: 5px;
+    font-weight: bold;
+    opacity: 0.75;
+    text-shadow: /* Duplicate the same shadow to make it very strong */
+        0 0 2px #222,
+        0 0 2px #222,
+        0 0 2px #222;
 }
\ No newline at end of file