diff --git a/nhentai/viewer/main.css b/nhentai/viewer/main.css
index 3ec6c77..60494e3 100644
--- a/nhentai/viewer/main.css
+++ b/nhentai/viewer/main.css
@@ -1,8 +1,5 @@
-/*
-Original from https://static.nhentai.net/css/main_style.9bb9b703e601.css
-This `.css` file need to delete some unused elements for our Viewer.
-Please fork the project to make contributions.
-*/
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+/* Original from https://static.nhentai.net/css/main_style.9bb9b703e601.css */
html {
font-family: sans-serif;
line-height: 1.15;
@@ -14,34 +11,11 @@ body {
margin: 0
}
-article,aside,footer,header,nav,section {
- display: block
-}
-
h1 {
font-size: 2em;
margin: .67em 0
}
-figcaption,figure,main {
- display: block
-}
-
-figure {
- margin: 1em 40px
-}
-
-hr {
- box-sizing: content-box;
- height: 0;
- overflow: visible
-}
-
-pre {
- font-family: monospace,monospace;
- font-size: 1em
-}
-
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
@@ -70,15 +44,6 @@ code,kbd,samp {
font-size: 1em
}
-dfn {
- font-style: italic
-}
-
-mark {
- background-color: #ff0;
- color: #000
-}
-
small {
font-size: 80%
}
@@ -102,171 +67,6 @@ img {
border-style: none
}
-svg:not(:root) {
- overflow: hidden
-}
-
-
-@media (min-width: 1201px) {
- nav form {
- margin-right:10px;
- width: 25%
- }
-
- nav #hamburger,nav .menu .dropdown {
- display: none
- }
-}
-
-@media (min-width: 601px) and (max-width:1200px) {
- nav form {
- width:35%
- }
-
- nav .menu .desktop {
- display: none
- }
-
- nav .menu .dropdown-menu {
- display: none
- }
-
- nav #hamburger {
- display: none
- }
-
- nav .dropdown {
- position: relative
- }
-
- nav .dropdown .dropdown-menu.open {
- display: inline-block;
- position: absolute;
- left: 0;
- top: 100%;
- border-radius: 3px;
- padding-left: 0;
- text-align: left;
- background-color: #2e3c4a;
- z-index: 3;
- box-shadow: 0 0 30px rgba(0,0,0,.5)
- }
-
- nav .dropdown .dropdown-menu.open:before {
- position: absolute;
- content: '';
- pointer-events: none;
- bottom: 100%;
- left: 15px;
- border-color: transparent transparent #2e3c4a transparent;
- border-style: solid;
- border-width: 10px 10px 10px 10px;
- height: 0;
- width: 0
- }
-
- nav .dropdown .dropdown-menu.open li {
- width: 100%
- }
-
- nav .dropdown .dropdown-menu.open li a {
- line-height: 2;
- height: auto;
- width: 100%
- }
-
- nav .dropdown .dropdown-menu.open li:first-of-type a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px
- }
-
- nav .dropdown .dropdown-menu.open li:last-of-type a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px
- }
-}
-
-@media (max-width: 600px) {
- nav {
- padding-right:50px
- }
-
- nav form {
- width: 100%
- }
-
- nav .collapse {
- display: block;
- width: 100%;
- overflow: hidden;
- max-height: 0;
- transition: max-height .5s
- }
-
- nav .collapse.open {
- max-height: 370px
- }
-
- nav .collapse .menu.left,nav .collapse .menu.right {
- float: none
- }
-
- nav .collapse .menu .dropdown {
- display: none
- }
-
- nav .collapse .menu li {
- display: block
- }
-
- nav .collapse .menu li a {
- width: 100%;
- height: 35px;
- line-height: 35px
- }
-}
-
-#settings-container {
- text-align: left
-}
-
-#settings-container input[type=email],#settings-container input[type=password],#settings-container input[type=text] {
- width: 100%;
- height: 30px;
- padding-left: 10px;
- border-radius: 3px
-}
-
-#settings-container h2 {
- text-align: center
-}
-
-#settings-container form {
- max-width: 800px;
- margin-right: auto;
- margin-left: auto
-}
-
-#user-container {
- overflow: auto
-}
-
-@media (min-width: 600px) {
- .user-info {
- text-align:left;
- float: left
- }
-
- .bigavatar {
- float: left;
- margin: 2em
- }
-}
-
-.form-group {
- margin: 20px
-}
-
label {
display: block;
font-weight: 700;
@@ -299,10 +99,6 @@ body,html {
-moz-osx-font-smoothing: grayscale
}
-button,input,textarea {
- font-family: 'Noto Sans',sans-serif
-}
-
a {
text-decoration: none;
color: #34495e
@@ -327,116 +123,10 @@ code {
background-color: #fef0f3
}
-textarea {
- resize: none
-}
-
blockquote {
border: 0
}
-form.inline {
- display: inline
-}
-
-.btn {
- display: inline-block;
- vertical-align: middle;
- font-weight: 700;
- cursor: pointer;
- padding: 0;
- padding-right: 12px;
- padding-left: 12px;
- color: #fff;
- border: 0;
- border-radius: 3px;
- outline: 0;
- font-size: 100%;
- height: 40px;
- line-height: 40px;
- margin: 3px;
- -webkit-font-smoothing: antialiased
-}
-
-.btn:hover {
- color: #fff;
- background: #f15478
-}
-
-.btn.btn-unstyled {
- font-weight: 400;
- line-height: 1;
- height: auto;
- color: inherit;
- padding: 0;
- margin: 0;
- background: 0 0;
- cursor: pointer;
- border: none
-}
-
-.btn.btn-thin {
- font-weight: 400;
- height: auto;
- line-height: 1;
- margin-top: 5px;
- margin-bottom: 10px;
- padding-top: 5px;
- padding-right: 6px;
- padding-bottom: 5px;
- padding-left: 6px
-}
-
-.btn.btn-primary {
- background-color: #ed2553
-}
-
-.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover {
- color: #fff;
- background: #f15478
-}
-
-.btn.btn-primary.disabled,.btn.btn-primary:disabled {
- cursor: default;
- background-color: #be546c
-}
-
-.btn.btn-secondary {
- background-color: #475d73
-}
-
-.btn.btn-secondary:active,.btn.btn-secondary:focus,.btn.btn-secondary:hover {
- background: #516a83
-}
-
-.btn.btn-secondary.disabled,.btn.btn-secondary:disabled {
- cursor: default;
- background-color: #555d65
-}
-
-.btn.btn-square {
- width: 40px;
- height: 40px;
- margin: 5px;
- vertical-align: middle
-}
-
-.edit {
- font-size: 15px;
- padding: 5px;
- padding-top: 2px;
- padding-bottom: 2px;
- vertical-align: middle;
- color: #fff;
- border-radius: 3px;
- background: #2a3744
-}
-
-.edit:hover {
- color: #fff;
- background: #3d5064
-}
-
.container {
display: block;
clear: both;
@@ -451,167 +141,6 @@ form.inline {
max-width: 1200px
}
-@media screen and (orientation: landscape) {
- .container {
- padding-left:calc(5px + constant(safe-area-inset-left));
- padding-right: calc(5px + constant(safe-area-inset-right))
- }
-}
-
-.container.left {
- text-align: left
-}
-
-.container.right {
- text-align: right
-}
-
-@media screen and (max-width: 1200px) {
- .container {
- border-radius:0
- }
-}
-
-.container.advertisement.advertisement {
- overflow: hidden;
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- background-color: inherit;
- min-height: 90px
-}
-
-.container.advertisement.advertisement iframe {
- display: block;
- margin-right: auto;
- margin-left: auto
-}
-
-.container:last-of-type {
- margin-bottom: 0
-}
-
-.invisible {
- z-index: -1;
- visibility: hidden
-}
-
-.pagination {
- font-size: 1.3em;
- margin-bottom: 2em;
- margin-top: 2em
-}
-
-.pagination .first,.pagination .last,.pagination .next,.pagination .page,.pagination .previous {
- display: inline-block;
- min-width: 35px;
- padding: 5px
-}
-
-.pagination .first.current,.pagination .last.current,.pagination .next.current,.pagination .page.current,.pagination .previous.current {
- font-weight: 700;
- border-radius: 100%;
- background-color: #f2f5f5
-}
-
-.pagination .first:hover,.pagination .last:hover,.pagination .next:hover,.pagination .page:hover,.pagination .previous:hover {
- border-radius: 100%;
- background-color: #f8f9fa
-}
-
-.alphabetical-pagination {
- margin-bottom: 0;
- padding-left: 0;
- list-style: none
-}
-
-.alphabetical-pagination li {
- display: inline-block
-}
-
-.alphabetical-pagination li a,.alphabetical-pagination li span {
- font-size: 1.15em;
- display: inline-block;
- min-width: 26px;
- padding: 2px;
- text-align: center
-}
-
-.alphabetical-pagination li a:hover,.alphabetical-pagination li span:hover {
- border-radius: 100%;
- background-color: #f5f7f7
-}
-
-.alphabetical-pagination li a.current,.alphabetical-pagination li span.current {
- border-radius: 100%;
- font-weight: 700
-}
-
-.alphabetical-pagination li a.disabled,.alphabetical-pagination li span.disabled {
- color: #999
-}
-
-.tag {
- display: inline-block;
- border-radius: 3px;
- color: #fff;
- margin: 2px;
- padding: 2px 6px 3px;
- background: #364657
-}
-
-.tag:hover {
- color: #fff;
- background: #556f89
-}
-
-.tag .count {
- font-weight: 400;
- color: #a5b6c8
-}
-
-#footer-container {
- margin-top: 15px;
- margin-bottom: 6px;
- background-color: inherit
-}
-
-#footer-container .footer-item a {
- margin: 10px;
- color: #5e7980
-}
-
-.thumb-container {
- text-align: center
-}
-
-.thumb-container img {
- margin-top: 2px;
- margin-right: 2px;
- margin-left: 2px
-}
-
-.blacklisted-tag {
- text-decoration: line-through
-}
-
-.blacklisted.gallery {
- opacity: .1;
- -webkit-filter: blur(5px);
- filter: blur(5px)
-}
-
-.blacklisted.gallery:hover {
- opacity: .2;
- -webkit-filter: blur(0);
- filter: blur(0)
-}
-
-.blacklisted.tag {
- opacity: .5;
- text-decoration: line-through
-}
-
.gallery,.gallery-favorite,.thumb-container {
display: inline-block;
vertical-align: top
@@ -689,1059 +218,15 @@ form.inline {
box-shadow: 0 10px 20px rgba(100,100,100,.5)
}
-.gallery-favorite .btn {
- margin-top: 20px
-}
-
.gallery-favorite .gallery {
width: 100%
}
-.gallery[data-tags*="12227"] .caption:before,.gallery[data-tags*="29963"] .caption:before,.gallery[data-tags*="6346"] .caption:before {
- content: "";
- display: inline-block;
- vertical-align: middle;
- z-index: 2;
- background-size: contain;
- width: 18px;
- height: 12px
-}
-
-.gallery[data-tags*="6346"] .caption:before {
- background-image: url(data:image/gif;base64,R0lGODlhSAAwAOZhAO1UZPn6/PX+//X8//z9/vX4+/X//////+1TY+1PX/X7/vX7/fb///X9/+1SYvf4++1QYOxMXPn7/P7+//Xw9PXx9fGjre5pd/X8/vb4+/GnsPPN1O1OX/CQm+95hvTd4vXy9vGXovTb4PCVoO1TZPPS1+1OXu1QYfPT2fTm6/Ggqu1dbfX5/O5icPCSnfCTne1RYvTq7u5hcfGkrvTv8+5jce1UZfTr7/To7fKqsvPJz+1WZvPO0/CTnvXt8fPP1e93g/K0vPLEy/LEzO1PYO1YaO+Aje5od+1ZaPLDy+5gb/LFzO5ice+Klu1XZ++Cju1YZ+5hcPXs8PGirOxKW++JlexLXO+CjfK2v/K2vfXs8e+BjPG0u+5hb+1VZfb4+vX3+v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGEALAAAAABIADAAAAf/gGFhBwQBD1+IiYqLjI2Oj5CLDwEEB4JhEwFfYJydnp+goaKjpKNfARODEqWsra6vnRKEm7C1trBfhbe7vKQBGb3BwmCHw8a3iMfKr8nLzqTNz9Kf0dPW1dbS2NnO28MFCw0CBgINCwXdtMcFAz5LFi9NLxZCWgMsyt68GCBYTxdIIFhJAOWCkSAVBhzTdwsDjhBMIiRwAMALAAcJInQZkULhMIa1GtzoAYCIl5MoUUIg0SGGgI/qeimokGMHgpQ4T97UQEGBMJCvBJSoASOnUQcteAhA1wtoqwUUZnCwYdSoCRU0fDaNucvABw83q+ZEAESEgWBOWRlAIaOiWJwA0Fb8YICW6y0GGyy+zXlCB92twvDq3Zuy719eaUutbUsYZdy5dYV5BdtYZ9mzgINBlUq18dWskYUJJdoYqVKmiO3emlkzrNidPX+qviWSJASxK1u+lH3MYYgoEilaxBhBCUePvI8NAJHlyoUiCagkcHJkC5eEC2fzYudjiAUXVVxMSSLlXj7tvcCJI2cOdXZu19DDDz0/Xf1nie/jkq/fVv7+rXwBDIDGZBAAgcZQwh+CpeRywCoM8iILJppEWMspqQhCiCGRdOjhh5BMUokggQAAOw==)
-}
-
-.gallery[data-tags*="12227"] .caption:before {
- background-image: url(data:image/gif;base64,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)
-}
-
-.gallery[data-tags*="29963"] .caption:before {
- background-image: url(data:image/gif;base64,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)
-}
-
-.gallery-edit {
- text-align: left;
- overflow: auto
-}
-
-.gallery-edit .gallery {
- float: left
-}
-
-.gallery-edit .tag-container {
- display: inline-block
-}
-
-#info-container {
- height: auto;
- padding: 40px;
- padding-top: 10px;
- padding-bottom: 20px;
- text-align: left
-}
-
-#info-container section.text {
- padding-top: 10px;
- padding-bottom: 10px
-}
-
-#info-container section:not(:last-of-type) {
- padding-bottom: 10px;
- border-bottom: 1px solid #dde4e6
-}
-
-#info-container h1 {
- font-size: 2em
-}
-
-#info-container h2 {
- font-size: 1.6em
-}
-
-#info-container h3 {
- font-size: 1.4em
-}
-
-#info-container li {
- margin: 5px
-}
-
-#info-container a {
- color: #ed2553
-}
-
-#info-container #thanks {
- margin-top: 20px;
- text-align: center
-}
-
-.sort {
- margin-top: -15px
-}
-
-.sort:before {
- content: "";
- display: block;
- clear: both;
- margin-top: 1em
-}
-
-.sort a {
- font-size: 20px;
- display: inline-block;
- padding: 20px
-}
-
-.sort a.active {
- font-weight: 700
-}
-
-.sort+.container {
- margin-top: 0
-}
-
-#info {
- height: auto;
- padding: 10px;
- text-align: left
-}
-
-#info h1 {
- font-size: 20px
-}
-
-#info h2 {
- font-size: 17px;
- margin-top: 10px;
- margin-bottom: 20px
-}
-
-#info .field-name {
- font-weight: 700;
- margin-top: 5px;
- margin-bottom: 5px
-}
-
-#info .buttons {
- margin-top: 30px
-}
-
-#info .buttons .btn {
- min-width: 120px;
- text-align: center;
- margin-left: 0;
- margin-right: 5px;
- margin-bottom: 10px
-}
-
-#info a {
- font-weight: 700
-}
-
-#profile-update input[type=file]#avatar {
- display: none
-}
-
-#profile-update #avatar-upload {
- overflow: auto;
- width: 200px;
- margin-bottom: 10px
-}
-
-#profile-update #avatar-upload img {
- margin-bottom: 10px
-}
-
-#profile-update #avatar-upload .btn {
- width: 110px
-}
-
-#profile-update #avatar-upload label[for=avatar] {
- float: left;
- width: 70px;
- padding-right: 5px;
- padding-left: 5px
-}
-
-#profile-update #avatar-upload label[for=avatar-clear] {
- float: right
-}
-
-#profile-update #avatar-upload #avatar-clear {
- position: relative;
- top: 2px;
- margin: 0;
- margin-left: 3px
-}
-
-#bigcontainer {
- margin-bottom: 25px;
- padding: 20px;
- padding-top: 30px;
- padding-bottom: 30px
-}
-
-#bigcontainer form {
- display: inline-block
-}
-
-@media screen and (min-width: 768px) {
- #bigcontainer #cover,#bigcontainer #info-block {
- display:inline-block;
- width: 48%;
- vertical-align: top
- }
-}
-
-@media screen and (max-width: 500px) {
- #bigcontainer #cover,#bigcontainer #info-block {
- width:100%;
- margin: .5px
- }
-}
-
-#bigcontainer #cover img,#bigcontainer #info-block img {
- max-width: 100%
-}
-
-.fa-heart,.fa-heart-o {
- margin: 2px
-}
-
-.lazyload {
- background-color: #e3e9eb
-}
-
-.lazyload-loading {
- background: #dae2e4
-}
-
-#thumbnail-container {
- margin-bottom: 25px;
- padding: 15px;
- text-align: left;
- background-color: #2a3744
-}
-
-@media screen and (max-width: 980px) {
- #thumbnail-container {
- padding:5px;
- padding-top: 10px;
- border-radius: 0
- }
-}
-
-#thumbnail-container .lazyload {
- background-color: #303f4d
-}
-
-#thumbnail-container .lazyload-loading {
- background-color: #364657
-}
-
-#thumbnail-container .gallerythumb {
- display: inline-block;
- margin-bottom: 3px;
- vertical-align: middle
-}
-
-#thumbnail-container .gallerythumb a {
- display: inline-block
-}
-
-#related-container {
- margin-bottom: 25px;
- padding-bottom: 20px
-}
-
-.commentform {
- max-width: 100%
-}
-
-.login-comment {
- text-decoration: underline
-}
-
-#comment-container {
- padding: 20px
-}
-
-#comment-container #id_body {
- width: 85%;
- height: 90px;
- margin-bottom: 5px;
- padding: 10px;
- border: 0;
- border-radius: 3px;
- outline: 0;
- -webkit-appearance: none
-}
-
-.commentbutton {
- width: 120px;
- height: 40px;
- color: #fff;
- border: 0;
- border-radius: 3px
-}
-
-.comment {
- display: flex;
- text-align: left;
- margin-bottom: 10px;
- padding: 8px
-}
-
-.comment .header {
- display: flex;
- flex-direction: row;
- margin-bottom: 5px
-}
-
-.comment .header time {
- margin-left: .5em;
- opacity: .6
-}
-
-.comment .header .right {
- margin-left: auto;
- text-align: right
-}
-
-.comment .header .right .comment-delete {
- opacity: .6
-}
-
-.comment .header .right .comment-delete:hover {
- opacity: .9
-}
-
-.comment .body-wrapper {
- flex: 1
-}
-
-.comment .body-wrapper .body {
- word-break: break-word
-}
-
-.comment .body-wrapper .body a {
- color: #ed2553
-}
-
-.comment .body-wrapper .body a:hover {
- color: #ef3d66;
- text-decoration: underline
-}
-
-.comment:target {
- background-color: #d7e0e2
-}
-
-#favorites-search-bar {
- width: 200px;
- height: 35px;
- padding: 10px;
- border: 0;
- border-radius: 3px;
- outline: 0;
- outline-width: 0;
- outline-style: none;
- background-color: #dae2e4;
- -webkit-appearance: none
-}
-
-#favorites-search-form {
- margin-bottom: 20px
-}
-
-#favorites-search {
- display: inline-block
-}
-
-#favorites-search input {
- background-color: #ecf0f1
-}
-
-#favorites-search-button {
- width: 40px;
- height: 35px
-}
-
-#favorites-random-button {
- margin-left: -15px
-}
-
-.remove-button {
- margin-top: 5px;
- margin-bottom: 10px;
- background-color: #e32636
-}
-
-.remove-button:hover {
- text-decoration: none;
- background-color: #e6414f
-}
-
-#favcontainer {
- padding: 10px;
- padding-bottom: 40px
-}
-
-.removed {
- opacity: .5
-}
-
-#tag-container {
- padding-bottom: 5px;
- -webkit-columns: 200px;
- -moz-columns: 200px;
- -ms-columns: 200px;
- -o-columns: 200px;
- columns: 200px;
- -webkit-column-rule-color: #e2e8e9;
- -webkit-column-rule-width: 1px;
- -webkit-column-rule-style: solid;
- -moz-column-rule-color: #e2e8e9;
- -moz-column-rule-width: 1px;
- -moz-column-rule-style: solid;
- -ms-column-rule-color: #e2e8e9;
- -ms-column-rule-width: 1px;
- -ms-column-rule-style: solid;
- -o-column-rule-color: #e2e8e9;
- -o-column-rule-width: 1px;
- -o-column-rule-style: solid;
- column-rule-color: #e2e8e9;
- column-rule-width: 1px;
- column-rule-style: solid
-}
-
-#tag-container .tag {
- display: block;
- padding-top: 5px;
- padding-bottom: 5px;
- border-radius: 5px;
- -webkit-column-break-inside: avoid;
- -moz-column-break-inside: avoid;
- page-break-inside: avoid;
- background-color: transparent;
- color: #34495e
-}
-
-#tag-container .tag:hover {
- background-color: #f5f7f7
-}
-
-#tag-container section {
- border: 1px solid transparent;
- border-radius: 5px
-}
-
-#tag-container section:first-of-type h2 {
- margin-top: 0
-}
-
-#tag-container section:target {
- border-color: #cfd9db;
- background-color: #f5f7f7
-}
-
-#tag-container section:target .tag:hover {
- background-color: #fff
-}
-
-input,input:focus {
- -webkit-transition: none;
- -moz-transition: none;
- transition: none;
- border: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- outline: 0
-}
-
-div.form-control {
- background-color: transparent
-}
-
-.container.error h1 {
- font-size: 50px
-}
-
-.container.error blockquote {
- font-size: 25px;
- font-style: italic
-}
-
-.container.error img {
- max-width: 100%
-}
-
-.nobold {
- font-weight: 400
-}
-
-.hidden {
- display: none
-}
-
-#favorites-search {
- padding-left: 20px;
- padding-right: 60px;
- margin-left: auto;
- margin-right: auto;
- max-width: 300px
-}
-
-.avatar {
- display: inline-block;
- position: relative
-}
-
-.avatar img {
- display: inline-block;
- vertical-align: middle;
- width: 50px;
- height: 50px;
- margin-right: 10px
-}
-
-.avatar .username {
- display: inline-block;
- vertical-align: middle
-}
-
-.edit-queue {
- width: 100%
-}
-
-.edit-queue .user img {
- vertical-align: middle;
- margin-right: 5px
-}
-
-.edit-queue tr td:nth-child(2) {
- width: 20%
-}
-
-.edit-queue tr td:nth-child(6) {
- min-width: 160px
-}
-
-.edit-queue tr.voted {
- display: none
-}
-
-.g-recaptcha {
- display: inline-block
-}
-
-.tag-autocomplete {
- display: inline-block
-}
-
-.tag-autocomplete .tag-wrapper {
- display: inline-block
-}
-
-.tag-autocomplete .autocomplete-wrapper {
- position: relative;
- display: inline-block
-}
-
-.tag-autocomplete .autocomplete-wrapper.hidden {
- display: none
-}
-
-.tag-autocomplete .autocomplete-wrapper .tag-input {
- font-weight: 400;
- margin: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0
-}
-
-.tag-autocomplete .autocomplete-wrapper .dropdown {
- z-index: 2;
- position: absolute;
- left: 0;
- width: auto;
- right: 0;
- background-color: #364657;
- margin-top: 0;
- list-style-type: none;
- padding-left: 0;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- box-shadow: 0 10px 20px rgba(0,0,0,.5)
-}
-
-.tag-autocomplete .autocomplete-wrapper .dropdown li.active>a.tag {
- background: #506984!important
-}
-
-.tag-autocomplete .autocomplete-wrapper .dropdown li.disabled {
- font-style: italic;
- padding: 2px 6px 3px;
- color: gray
-}
-
-.tag-container .name {
- font-weight: 700
-}
-
-.tag-container .tag.tag-deleted {
- background-color: #643d3d;
- text-decoration: line-through
-}
-
-.tag-container .tag.tag-added {
- background-color: #3d643f
-}
-
-.tag-container .tag.tag-created {
- background-color: #7c7b36
-}
-
-.tag-container .tag.tag-created .count {
- color: #b3b3b3
-}
-
-.tag-container .tag.tag-new {
- cursor: pointer
-}
-
-.tag.tag-input {
- margin-bottom: 0
-}
-
-#messages {
- position: fixed;
- top: 0;
- width: 100%;
- z-index: 20
-}
-
-#messages .alert {
- display: flex;
- padding: 15px;
- margin-top: 10px;
- border: 1px solid transparent;
- border-radius: 4px
-}
-
-#messages .alert.alert-info,#messages .alert.alert-success {
- color: #3c763d;
- background-color: #dff0d8;
- border-color: #d6e9c6
-}
-
-#messages .alert.alert-danger {
- color: #a94442;
- background-color: #f2dede;
- border-color: #ebccd1
-}
-
-#messages .alert.alert-warning {
- color: #8a6d3b;
- background-color: #fcf8e3;
- border-color: #faebcc
-}
-
-#messages .alert .alert-close {
- margin-left: auto;
- color: #34495e
-}
-
-.modal-wrapper {
- display: block;
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- padding: 10px;
- background: rgba(0,0,0,.6)
-}
-
-.modal-wrapper.modal-compact .modal-inner {
- display: inline-block
-}
-
-.modal-wrapper.modal-compact .modal-inner h1 {
- display: none
-}
-
-.modal-wrapper .modal-inner {
- overflow: auto;
- background-color: #fff;
- border-radius: 5px;
- max-width: 600px;
- padding-top: 10px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 100px;
- box-shadow: 0 0 60px rgba(0,0,0,.5)
-}
-
-.modal-wrapper .modal-inner .contents {
- padding: 10px
-}
-
-.modal-wrapper .modal-inner .buttons {
- padding: 5px;
- margin-top: 10px;
- background-color: #e6e6e6
-}
-
-#chatbanner {
- margin: 20px
-}
-
-#chatbanner img {
- border: 2px solid #ed2553
-}
-
-.announcement {
- margin-top: 20px;
- margin-bottom: 20px;
- margin-left: 5px;
- margin-right: 5px;
- font-size: 18px
-}
-
-.announcement a[href] {
- color: #ed2553
-}
-
-#errors {
- text-align: center;
- list-style-type: none;
- padding-left: 0;
- color: #ef808a
-}
-
-select {
- font-weight: 400
-}
-
-#page-container {
- margin-bottom: 5px
-}
-
-@media (max-width: 768px) {
- #page-container img {
- width:100%;
- height: auto
- }
-}
-
-@media (min-width: 769px) {
- #page-container img {
- max-width:90%;
- height: auto
- }
-}
-
-#page-container .pagination {
- margin-bottom: 5px;
- margin-top: 5px
-}
-
-#page-container .pagination .first,#page-container .pagination .last,#page-container .pagination .next,#page-container .pagination .page,#page-container .pagination .previous {
- font-size: 17px;
- margin-bottom: 10px;
- margin-top: 10px
-}
-
-@media (min-width: 397px) {
- #page-container .pagination .first,#page-container .pagination .last,#page-container .pagination .next,#page-container .pagination .page,#page-container .pagination .previous {
- margin-right:20px;
- margin-left: 20px
- }
-}
-
-#page-container .page-number .current,#page-container .page-number .num-pages {
- font-weight: 600
-}
-
-html.reader,html.reader #content,html.reader body {
- height: 100%
-}
-
-html.reader body {
- padding-top: 50px
-}
-
-html.reader #content {
- margin-top: 0
-}
-
-html.reader nav {
- margin-top: -50px
-}
-
-html.reader.nav-hidden body {
- padding-top: 0
-}
-
-html.reader.nav-hidden nav {
- display: none
-}
-
-html.reader .advertisement.advertisement {
- margin: 0;
- padding: 0;
- padding-top: 20px;
- padding-bottom: 20px;
- background-color: #324151;
- max-width: 100%;
- border-radius: 0
-}
-
-html.reader .reader-bar {
- background-color: #3d5064;
- color: #fff
-}
-
-html.reader .reader-bar .reader-bar-contents {
- max-width: 1280px;
- margin-left: auto;
- margin-right: auto
-}
-
-html.reader .reader-bar a,html.reader .reader-bar button {
- color: #fff;
- display: inline-block;
- line-height: 20px;
- padding: 10px;
- min-width: 40px;
- min-height: 100%;
- border-radius: 0
-}
-
-html.reader .reader-bar a:hover,html.reader .reader-bar button:hover {
- background-color: #516a83
-}
-
-html.reader .reader-bar .reader-pagination {
- display: inline-block
-}
-
-html.reader .reader-bar .reader-pagination .page-number {
- vertical-align: top
-}
-
-html.reader .reader-bar .reader-pagination .page-number .current,html.reader .reader-bar .reader-pagination .page-number .num-pages {
- font-weight: 700
-}
-
-html.reader .reader-bar .go-back {
- float: left;
- margin-right: -40px
-}
-
-html.reader .reader-bar .reader-settings {
- float: right;
- margin-left: -40px
-}
-
-html.reader #image-container {
- -webkit-tap-highlight-color: rgba(255,255,255,0);
- text-align: center;
- height: 100%;
- outline: 0;
- height: auto
-}
-
-html.reader #image-container img {
- vertical-align: bottom;
- height: auto;
- max-width: 100%;
- user-select: none
-}
-
-html.reader #image-container.full-height {
- height: -moz-calc(100% + 10px + 40px);
- height: -webkit-calc(100% + 10px + 40px);
- height: calc(100% + 10px + 40px)
-}
-
-html.reader #image-container.fit-horizontal {
- height: auto
-}
-
-html.reader #image-container.fit-both {
- height: -moz-calc(100% + 10px);
- height: -webkit-calc(100% + 10px);
- height: calc(100% + 10px)
-}
-
-html.reader #image-container.fit-both img {
- max-height: 100%;
- width: auto
-}
-
-html.theme-blue #thumbnail-container .lazyload,html.theme-blue .lazyload {
- background-color: #303f4d
-}
-
-html.theme-blue #thumbnail-container .lazyload-loading,html.theme-blue .lazyload-loading {
- background-color: #364657
-}
-
-html.theme-blue,html.theme-blue body {
- color: #d9d9d9;
- background-color: #202a34
-}
-
-html.theme-blue a.btn {
- color: #fff
-}
-
-html.theme-blue a,html.theme-blue ul.nav.navbar-nav>li>a {
- color: #d9d9d9
-}
-
-html.theme-blue ul.nav.navbar-nav>li.active>a {
- color: #fff
-}
-
-html.theme-blue .container {
- background-color: #2a3744
-}
-
-html.theme-blue .gallery-thumbnail {
- background-color: #303f4d
-}
-
-html.theme-blue .tag {
- color: #d9d9d9;
- background: #3d5064
-}
-
-html.theme-blue .tag:hover {
- background: #4b627a
-}
-
-html.theme-blue #tag-container {
- -webkit-column-rule-color: #3a4b5d;
- -moz-column-rule-color: #3a4b5d;
- -ms-column-rule-color: #3a4b5d;
- -o-column-rule-color: #3a4b5d;
- column-rule-color: #3a4b5d
-}
-
-html.theme-blue #tag-container section:target {
- border-color: #475d73;
- background: #344454
-}
-
-html.theme-blue #tag-container section:target .tag:hover {
- background: #3d5064
-}
-
-html.theme-blue #tag-container .tag {
- color: #d9d9d9
-}
-
-html.theme-blue #tag-container .tag .count {
- color: grey
-}
-
-html.theme-blue #tag-container .tag:hover {
- background: #344454
-}
-
-html.theme-blue .gallery:hover .caption {
- box-shadow: 0 10px 20px rgba(0,0,0,.5)
-}
-
-html.theme-blue .caption {
- background-color: #3d5064;
- color: #d9d9d9
-}
-
-html.theme-blue .pagination .first:hover,html.theme-blue .pagination .last:hover,html.theme-blue .pagination .next:hover,html.theme-blue .pagination .page:hover,html.theme-blue .pagination .previous:hover {
- background-color: #3d5064
-}
-
-html.theme-blue .pagination .first.current,html.theme-blue .pagination .last.current,html.theme-blue .pagination .next.current,html.theme-blue .pagination .page.current,html.theme-blue .pagination .previous.current {
- background-color: #344454
-}
-
-html.theme-blue .alphabetical-pagination a:hover,html.theme-blue .alphabetical-pagination span:hover {
- background-color: #3d5064
-}
-
-html.theme-blue .alphabetical-pagination a.disabled,html.theme-blue .alphabetical-pagination span.disabled {
- color: #737373
-}
-
-html.theme-blue .alphabetical-pagination a.current,html.theme-blue .alphabetical-pagination span.current {
- background-color: #344454
-}
-
-html.theme-blue .comment:target {
- background-color: #38495a
-}
-
-html.theme-blue .form-control {
- border: none;
- background-color: inherit
-}
-
-html.theme-blue code {
- color: #a5b6c8;
- border: none;
- background-color: #3d5064
-}
-
-html.theme-blue #favorites-search input {
- background-color: #fff
-}
-
-html.theme-blue .modal-inner {
- background-color: #2a3744
-}
-
-html.theme-blue .modal-inner .buttons {
- background-color: #38495a
-}
-
html.theme-black,html.theme-black body {
color: #d9d9d9;
background-color: #0d0d0d
}
-html.theme-black a {
- color: #d9d9d9
-}
-
-html.theme-black nav {
- background-color: #1f1f1f
-}
-
-html.theme-black nav a:hover {
- background-color: #383838
-}
-
-html.theme-black nav .dropdown-menu.open {
- box-shadow: 0 0 30px rgba(0,0,0,.5);
- background-color: #383838
-}
-
-html.theme-black nav .dropdown-menu.open:before {
- border-bottom-color: #383838
-}
-
-html.theme-black nav .dropdown-menu.open a:hover {
- background-color: #525252
-}
-
-html.theme-black .tag-autocomplete .autocomplete-wrapper .dropdown {
- background-color: #383838
-}
-
html.theme-black #thumbnail-container,html.theme-black .container {
background-color: #1f1f1f
}
@@ -1754,52 +239,6 @@ html.theme-black #thumbnail-container .lazyload-loading,html.theme-black .lazylo
background-color: #2e2e2e
}
-html.theme-black .gallery-thumbnail {
- background-color: #212121
-}
-
-html.theme-black .tag {
- color: #d9d9d9;
- background: #4d4d4d
-}
-
-html.theme-black .tag:hover {
- background: #666
-}
-
-html.theme-black .tag .count {
- color: grey
-}
-
-html.theme-black #tag-container {
- -webkit-column-rule-color: #2e2e2e;
- -moz-column-rule-color: #2e2e2e;
- -ms-column-rule-color: #2e2e2e;
- -o-column-rule-color: #2e2e2e;
- column-rule-color: #2e2e2e
-}
-
-html.theme-black #tag-container section:target {
- border-color: #404040;
- background: #262626
-}
-
-html.theme-black #tag-container section:target .tag:hover {
- background: #333
-}
-
-html.theme-black #tag-container .tag {
- color: #d9d9d9
-}
-
-html.theme-black #tag-container .tag .count {
- color: grey
-}
-
-html.theme-black #tag-container .tag:hover {
- background: #4d4d4d
-}
-
html.theme-black .gallery:hover .caption {
box-shadow: 0 10px 20px rgba(0,0,0,.5)
}
@@ -1809,85 +248,8 @@ html.theme-black .caption {
color: #d9d9d9
}
-html.theme-black #info-container section:not(:last-of-type) {
- border-bottom: 1px solid #333
-}
-
-html.theme-black .pagination .first:hover,html.theme-black .pagination .last:hover,html.theme-black .pagination .next:hover,html.theme-black .pagination .page:hover,html.theme-black .pagination .previous:hover {
- background-color: #333
-}
-
-html.theme-black .pagination .first.current,html.theme-black .pagination .last.current,html.theme-black .pagination .next.current,html.theme-black .pagination .page.current,html.theme-black .pagination .previous.current {
- background-color: #262626
-}
-
-html.theme-black .alphabetical-pagination a:hover,html.theme-black .alphabetical-pagination span:hover {
- background-color: #333
-}
-
-html.theme-black .alphabetical-pagination a.disabled,html.theme-black .alphabetical-pagination span.disabled {
- color: #737373
-}
-
-html.theme-black .alphabetical-pagination a.current,html.theme-black .alphabetical-pagination span.current {
- background-color: #262626
-}
-
-html.theme-black .comment:target {
- background-color: #2b2b2b
-}
-
-html.theme-black .form-control {
- border: none;
- background-color: inherit
-}
-
-html.theme-black .btn {
- color: #fff
-}
-
-html.theme-black .btn-secondary {
- background-color: #4d4d4d
-}
-
-html.theme-black .btn-secondary:focus,html.theme-black .btn-secondary:hover {
- background-color: #595959
-}
-
-html.theme-black #footer-container .footer-item a {
- color: #333
-}
-
-html.theme-black #footer-container .footer-item a:hover {
- color: #666
-}
-
html.theme-black code {
color: #ed2553;
border: none;
background-color: #292929
-}
-
-html.theme-black #favorites-search input {
- background-color: #fff
-}
-
-html.theme-black.reader .reader-bar {
- background-color: #383838
-}
-
-html.theme-black.reader .reader-bar a:hover,html.theme-black.reader .reader-bar button:hover {
- background-color: #525252
-}
-
-html.theme-black.reader .advertisement {
- background-color: #292929
-}
-
-html.theme-black .modal-inner {
- background-color: #1f1f1f
-}
-
-html.theme-black .modal-inner .buttons {
- background-color: #383838
}
\ No newline at end of file
diff --git a/nhentai/viewer/main.html b/nhentai/viewer/main.html
index d1bf5eb..b966780 100644
--- a/nhentai/viewer/main.html
+++ b/nhentai/viewer/main.html
@@ -7,13 +7,15 @@
nHentai » Viewer
-
+
-
Main Folder({COUNT})
+
Main Folder({COUNT})