diff --git a/ch.html b/ch.html index 938a0ee..453afcb 100644 --- a/ch.html +++ b/ch.html @@ -2,9 +2,9 @@ Страница главы - - - + + + @@ -36,9 +36,14 @@ -
@@ -47,10 +52,10 @@

- +
-
+
diff --git a/css/ch.css b/css/ch.css index 2fda623..61a99c8 100644 --- a/css/ch.css +++ b/css/ch.css @@ -12,13 +12,14 @@ font-family: "Comic Sans MS"; cursor: pointer; opacity: 1; + margin-bottom: 5px; } .card-button-ch:hover { opacity:0.8; } @media only screen and (min-width : 801px) { - .nav-button { + .nav-button-ch { width: 50%; height: 15%; } @@ -39,7 +40,7 @@ } @media only screen and (max-width : 800px) { - .nav-button { + .nav-button-ch { width: 50%; height: 30%; } diff --git a/css/color-black.css b/css/color-black.css index 93d6fef..facfa12 100644 --- a/css/color-black.css +++ b/css/color-black.css @@ -3,28 +3,31 @@ } .card { - padding-top: 2px rgb(255, 255, 255, 1); - border: 2px solid white; + background-color: rgba(16, 16, 16, 0.5); + padding-top: 0px rgb(255, 255, 255, 1); + border: 0px solid white; } .cardch { - padding-top: 2px rgb(255, 255, 255, 1); - border: 2px solid white; + background-color: rgba(16, 16, 16, 0.5); + padding-top: 0px rgb(255, 255, 255, 1); + border: 0px solid white; } .carda { - padding-top: 2px rgb(255, 255, 255, 1); - border: 1px solid white; + background-color: rgba(16, 16, 16, 0.5); + padding-top: 0px rgb(255, 255, 255, 1); + border: 0px solid white; } .card-button-ch { - background-color: rgba(0, 0, 0, 0.5); - border: 1px solid rgb(255, 255, 255); + background-color: rgba(16, 16, 16, 0.5); + border: 0px solid rgb(255, 255, 255); color: #ffffff; } .theme-button { - background-color: rgba(0, 0, 0, 0.5); - border: 1px solid rgb(255, 255, 255); + background-color: rgba(16, 16, 16, 0.5); + border: 0px solid rgb(255, 255, 255); color: #ffffff; } @@ -74,8 +77,14 @@ a:active { } .card-button { - background-color: rgba(0, 0, 0, 0.5); - border: 1px solid rgb(255, 255, 255); + background-color: rgba(16, 16, 16, 0.5); + border: 0px solid rgb(255, 255, 255); + color: #ffffff; +} + +.nav-button { + background-color: rgba(16, 16, 16, 0.5); + border: 0px solid rgb(255, 255, 255); color: #ffffff; } @@ -92,4 +101,12 @@ table { th { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); +} + +.logo-data { + content: url(/img/logo-w.png); +} + +.nav-hr { + color: #ffffff; } \ No newline at end of file diff --git a/css/color-dark.css b/css/color-dark.css index 65bf2d3..166774c 100644 --- a/css/color-dark.css +++ b/css/color-dark.css @@ -3,22 +3,25 @@ } .card { - padding-top: 2px rgb(255, 255, 255, 1); - border: 2px solid white; + background-color: rgba(16, 16, 16, 0.5); + padding-top: 0px rgb(255, 255, 255, 1); + border: 0px solid white; } .cardch { - padding-top: 2px rgb(255, 255, 255, 1); - border: 2px solid white; + background-color: rgba(16, 16, 16, 0.5); + padding-top: 0px rgb(255, 255, 255, 1); + border: 0px solid white; } .carda { + background-color: rgba(16, 16, 16, 0.5); padding-top: 2px rgb(255, 255, 255, 1); - border: 1px solid white; + border: 0px solid white; } .card-button-ch { background-color: rgba(16, 16, 16, 0.5); - border: 1px solid rgb(255, 255, 255); + border: 0px solid rgb(255, 255, 255); color: #ffffff; } @@ -30,7 +33,7 @@ body { color: white; - background: #101010; + background: #2c2c2c; } .body-trans { @@ -76,12 +79,24 @@ a:active { .card-button { background-color: rgba(16, 16, 16, 0.5); - border: 1px solid rgb(255, 255, 255); + border: 0px solid rgb(255, 255, 255); + color: #ffffff; +} + +.nav-button { + background-color: rgba(16, 16, 16, 0.5); + border: 0px solid rgb(255, 255, 255); + color: #ffffff; +} + +.block-text { + background-color: rgba(16, 16, 16, 0.5); + border: 0px solid rgb(255, 255, 255); color: #ffffff; } #maindiv { - background-color: rgba(0, 0, 0, 0); + background-color: rgb(44, 44, 44); } @@ -93,4 +108,8 @@ table { th { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); +} + +.logo-data { + content: url(/img/logo-w.png); } \ No newline at end of file diff --git a/css/color-light.css b/css/color-light.css index 38faa3b..60e7c37 100644 --- a/css/color-light.css +++ b/css/color-light.css @@ -1,32 +1,35 @@ .card { - padding-top: 2px rgb(0, 0, 0, 1); - border: 2px solid black; + background-color: rgba(200, 200, 200, 0.5); + padding-top: 0px rgb(0, 0, 0, 1); + border: 0px solid black; } .cardch { - padding-top: 2px rgb(0, 0, 0, 1); - border: 2px solid black; + background-color: rgba(200, 200, 200, 0.5); + padding-top: 0px rgb(0, 0, 0, 1); + border: 0px solid black; } .carda { - padding-top: 2px rgb(0, 0, 0, 1); - border: 1px solid black; + background-color: rgba(200, 200, 200, 0.5); + padding-top: 0px rgb(0, 0, 0, 1); + border: 0px solid black; } .card-button-ch { - background-color: rgba(255, 255, 255, 0.5); - border: 1px solid rgb(0, 0, 0); + background-color: rgba(200, 200, 200, 0.5); + border: 0px solid rgb(0, 0, 0); color: #000000; } .theme-button { - background-color: rgba(255, 255, 255, 0.5); - border: 1px solid rgb(0, 0, 0); + background-color: rgba(200, 200, 200, 0.5); + border: 0px solid rgb(0, 0, 0); color: #000000; } body { color: black; - background: white; + background: rgb(255, 255, 255); } .body-trans { @@ -71,13 +74,24 @@ a:active { } .card-button { - background-color: rgba(255, 255, 255, 0.5); - border: 1px solid rgb(0, 0, 0); + background-color: rgba(200, 200, 200, 0.5); + border: 0px solid rgb(0, 0, 0); color: black; } +.nav-button { + background-color: rgba(200, 200, 200, 0.5); + border: 0px solid rgb(0, 0, 0); + color: black; +} +.block-text { + background-color: rgba(200, 200, 200, 0.5); + border: 0px solid rgb(255, 255, 255); + color: #ffffff; +} + #maindiv { - background-color: rgba(255, 255, 255, 0.8); + background-color: rgb(255, 255, 255); } @@ -89,4 +103,12 @@ table { th { background: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0); +} + +.logo-data { + content: url(/img/logo-b.png); +} + +.nav-hr { + color: #000000; } \ No newline at end of file diff --git a/css/index.css b/css/index.css index c3262c2..dc95f47 100644 --- a/css/index.css +++ b/css/index.css @@ -22,6 +22,7 @@ padding-right: 2px; font-family: "Comic Sans MS"; text-align: left; + margin-bottom: 5px; } .cardch { transition: 0.3s; @@ -30,6 +31,9 @@ padding-right: 2px; font-family: "Comic Sans MS"; } +.index-links { + margin-top: 10px; +} @media only screen and (min-width : 801px) { .last-ch { @@ -51,6 +55,9 @@ .carda { display: flex; } + .logo-data { + width: 100%; + } } @media only screen and (max-width : 800px) { @@ -70,4 +77,7 @@ padding-top: 20px; padding-bottom: 20px; } + .logo-data { + width: 50%; + } } \ No newline at end of file diff --git a/css/manga.css b/css/manga.css index 8009db1..a73f8d1 100644 --- a/css/manga.css +++ b/css/manga.css @@ -7,17 +7,20 @@ } .card { transition: 0.3s; - padding-left: 2px; - padding-bottom: 2px; - padding-right: 2px; + padding-left: 5px; + padding-bottom: 5px; + padding-right: 5px; + padding-top: 5px; + margin-bottom: 5px; font-family: "Comic Sans MS"; text-align: left; } .cardch { transition: 0.3s; - padding-left: 2px; - padding-bottom: 2px; - padding-right: 2px; + padding-left: 5px; + padding-bottom: 5px; + padding-right: 5px; + padding-top: 5px; font-family: "Comic Sans MS"; } diff --git a/css/style.css b/css/style.css index 674493b..13cb7c9 100644 --- a/css/style.css +++ b/css/style.css @@ -132,6 +132,34 @@ td, th { text-align: left; } +.nav-button { + padding: 5px; + font-family: "Comic Sans MS"; + cursor: pointer; + opacity: 1; + margin-bottom: 2px; +} + +.button-e { + opacity: 1; +} +.button-e:hover { + opacity: 0.8; +} + +.block-text { + font-family: "Comic Sans MS"; + cursor: pointer; + opacity: 1; + margin-top: 2px; + padding: 5px; +} + +.nav-hr { + width: 95%; + height: 1px; + visibility: hidden; +} @media only screen and (min-width : 801px) { .pc-only { @@ -170,6 +198,18 @@ td, th { background-clip: content-box; list-style: none; } + .nav-button { + width: 100%; + height: 15%; + padding-left: 0px; + padding-right: 0px; + padding-top: 15px; + padding-bottom: 15px; + } + .block-text { + width: 100%; + height: 15%; + } } @media only screen and (min-width : 801px) and (max-width : 1090px) { @@ -203,4 +243,16 @@ td, th { .mobile-only { display: block; } + .nav-button { + width: 100%; + height: 30%; + padding-left: 0px; + padding-right: 0px; + padding-top: 20px; + padding-bottom: 20px; + } + .block-text{ + width: 100%; + height: 30%; + } } \ No newline at end of file diff --git a/img/logo-b.png b/img/logo-b.png new file mode 100644 index 0000000..46f7d1a Binary files /dev/null and b/img/logo-b.png differ diff --git a/img/logo-c.png b/img/logo-c.png new file mode 100644 index 0000000..d883cac Binary files /dev/null and b/img/logo-c.png differ diff --git a/img/logo-w.png b/img/logo-w.png new file mode 100644 index 0000000..c6e8ab2 Binary files /dev/null and b/img/logo-w.png differ diff --git a/index.html b/index.html index 25da68f..e350bcc 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,8 @@ Loading... - - + + @@ -39,12 +39,17 @@
-

Manga.nyaa.ninja

+
- -
- /DCMA | /Telegram | /GitHub
- Настройки + +
+ +
+ +
+ + +
diff --git a/js/index.js b/js/index.js index 59abc1c..78b397a 100644 --- a/js/index.js +++ b/js/index.js @@ -33,7 +33,7 @@ function start() { let manga_one_ref = document.createElement('a'); manga_one_ref.href = "manga.html#" + manga_info["id"]; manga_one_ref.textContent = manga_info["name"]; - manga_one_ref.className = "links"; + manga_one_ref.className = "links index-links"; let manga_one_cover = document.createElement('img'); manga_one_cover.src = manga_info["cover"]; manga_one_cover.className = "cover"; diff --git a/js/theming.js b/js/theming.js index d5f6a0d..ae548a9 100644 --- a/js/theming.js +++ b/js/theming.js @@ -9,7 +9,7 @@ function addstylesheet(name_short) { var link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; - version = 2 + version = 4 name_style = "css/color-"+name_short+".css?v=" + version; link.href = name_style; link.id = "currentstylesheet"; diff --git a/manga.html b/manga.html index a07c267..f1597f0 100644 --- a/manga.html +++ b/manga.html @@ -2,8 +2,8 @@ Страница манги - - + + @@ -32,12 +32,15 @@