-
-
+
+
+
-
-
-
- Loading...
-
-
+
@@ -31,34 +30,31 @@
startstylepage();
-
- ![]()
-
- -
diff --git a/css/ch.css b/css/ch.css
deleted file mode 100644
index f2e8dda..0000000
--- a/css/ch.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.invis {
- visibility: hidden;
-}
-.invis2 {
- display: none;
-}
-.progress-page {
- width: 100%;
-}
-
-.card-button-ch {
- cursor: pointer;
- opacity: 1;
- margin-bottom: 5px;
-}
-.card-button-ch:hover {
- opacity:0.8;
-}
-
-@media only screen and (min-width : 801px) {
- .nav-button-ch {
- width: 50%;
- height: 15%;
- }
- .nav-button-home {
- width: 100%;
- height: 15%;
- }
- .nav-button-fullscreen {
- width: 100%;
- height: 15%;
- }
- .card-button-ch {
- padding-left: 0px;
- padding-right: 0px;
- padding-top: 15px;
- padding-bottom: 15px;
- }
-}
-
-@media only screen and (max-width : 800px) {
- .nav-button-ch {
- width: 50%;
- height: 30%;
- }
- .nav-button-home {
- width: 50%;
- height: 30%;
- }
- .nav-button-fullscreen {
- width: 50%;
- height: 30%;
- }
- .card-button-ch {
- padding-left: 0px;
- padding-right: 0px;
- padding-top: 20px;
- padding-bottom: 20px;
- }
-}
\ No newline at end of file
diff --git a/css/color-black.css b/css/color-black.css
index facfa12..2f1a278 100644
--- a/css/color-black.css
+++ b/css/color-black.css
@@ -1,58 +1,3 @@
-#hrinvis {
- color: #000000;
-}
-
-.card {
- background-color: rgba(16, 16, 16, 0.5);
- padding-top: 0px rgb(255, 255, 255, 1);
- border: 0px solid white;
-}
-.cardch {
- 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: 0px rgb(255, 255, 255, 1);
- border: 0px solid white;
-}
-
-.card-button-ch {
- background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
- color: #ffffff;
-}
-
-.theme-button {
- background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
- color: #ffffff;
-}
-
-body {
- color: white;
- background: #000000;
-}
-
-.body-trans {
- background: rgb(0, 0, 0, 0.6);
-}
-
-summary {
- color: deeppink;
-}
-
-.hr-v {
- color: #ffffff;
-}
-
-.hr-i {
- color: rgb(255, 255, 255, 0);
- height: 1px;
-}
-
a {
color: Pink;
}
@@ -64,49 +9,30 @@ a:visited {
a:active {
color: PaleVioletRed;
}
-.title-index-nyaa {
- color: Orchid;
-}
-#card {
- box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
-}
-
-#card2 {
- border: 1px solid #ffffff;
-}
-
-.card-button {
- background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
- color: #ffffff;
+body {
+ color: white;
+ background: #000000;
}
.nav-button {
background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
+ border: 0px;
color: #ffffff;
}
-#maindiv {
- background-color: rgba(0, 0, 0, 0.8);
+.nav-card {
+ background-color: rgba(16, 16, 16, 0.5);
+ padding-top: 0px;
+ border: 0px;
}
-
-table {
- border-bottom: 0px solid rgba(0, 0, 0, 0);
- background: rgba(0, 0, 0, 0);
+.manga-nav-card {
+ background-color: rgba(16, 16, 16, 0.5);
+ padding-top: 0px;
+ border: 0px;
}
-th {
- background: rgba(0, 0, 0, 0);
- color: rgba(0, 0, 0, 0);
-}
-
-.logo-data {
+.index-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 166774c..95c0ebc 100644
--- a/css/color-dark.css
+++ b/css/color-dark.css
@@ -1,58 +1,3 @@
-#hrinvis {
- color: #000000;
-}
-
-.card {
- background-color: rgba(16, 16, 16, 0.5);
- padding-top: 0px rgb(255, 255, 255, 1);
- border: 0px solid white;
-}
-.cardch {
- 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: 0px solid white;
-}
-
-.card-button-ch {
- background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
- color: #ffffff;
-}
-
-.theme-button {
- background-color: rgba(16, 16, 16, 0.5);
- border: 1px solid rgb(255, 255, 255);
- color: #ffffff;
-}
-
-body {
- color: white;
- background: #2c2c2c;
-}
-
-.body-trans {
- background: rgb(0, 0, 0, 0);
-}
-
-summary {
- color: deeppink;
-}
-
-.hr-v {
- color: #ffffff;
-}
-
-.hr-i {
- color: rgb(255, 255, 255, 0);
- height: 1px;
-}
-
a {
color: Pink;
}
@@ -65,51 +10,29 @@ a:active {
color: PaleVioletRed;
}
-.title-index-nyaa {
- color: Orchid;
-}
-
-#card {
- box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
-}
-
-#card2 {
- border: 1px solid #ffffff;
-}
-
-.card-button {
- background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
- color: #ffffff;
+body {
+ color: white;
+ background: #2c2c2c;
}
.nav-button {
background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
+ border: 0px;
color: #ffffff;
}
-.block-text {
+.nav-card {
background-color: rgba(16, 16, 16, 0.5);
- border: 0px solid rgb(255, 255, 255);
- color: #ffffff;
+ padding-top: 0px;
+ border: 0px;
}
-#maindiv {
- background-color: rgb(44, 44, 44);
+.manga-nav-card {
+ background-color: rgba(16, 16, 16, 0.5);
+ padding-top: 0px;
+ border: 0px;
}
-
-table {
- border-bottom: 0px solid rgba(0, 0, 0, 0);
- background: rgba(0, 0, 0, 0);
-}
-
-th {
- background: rgba(0, 0, 0, 0);
- color: rgba(0, 0, 0, 0);
-}
-
-.logo-data {
+.index-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 60e7c37..ebd6bdb 100644
--- a/css/color-light.css
+++ b/css/color-light.css
@@ -1,54 +1,3 @@
-.card {
- background-color: rgba(200, 200, 200, 0.5);
- padding-top: 0px rgb(0, 0, 0, 1);
- border: 0px solid black;
-}
-.cardch {
- background-color: rgba(200, 200, 200, 0.5);
- padding-top: 0px rgb(0, 0, 0, 1);
- border: 0px solid black;
-}
-
-.carda {
- 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(200, 200, 200, 0.5);
- border: 0px solid rgb(0, 0, 0);
- color: #000000;
-}
-
-.theme-button {
- background-color: rgba(200, 200, 200, 0.5);
- border: 0px solid rgb(0, 0, 0);
- color: #000000;
-}
-
-body {
- color: black;
- background: rgb(255, 255, 255);
-}
-
-.body-trans {
- background: rgb(255, 255, 255, 0.6);
-}
-
-summary {
- color: darkred;
-}
-
-.hr-v {
- color: black;
-}
-
-.hr-i {
- color: rgb(0, 0, 0, 0);
- height: 1px;
-}
-
a {
color: darkred;
}
@@ -61,54 +10,29 @@ a:active {
color: Red;
}
-.title-index-nyaa {
- color: Indigo;
-}
-
-#card {
- box-shadow: 4px 4px 4px 0 rgb(0, 0, 0, 1);
-}
-
-#card2 {
- border: 1px solid black;
-}
-
-.card-button {
- background-color: rgba(200, 200, 200, 0.5);
- border: 0px solid rgb(0, 0, 0);
+body {
color: black;
+ background: rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
-}
-
-
-table {
- border-bottom: 0px solid rgba(255, 255, 255, 0);
- background: rgba(255, 255, 255, 0);
-}
-
-th {
- background: rgba(255, 255, 255, 0);
- color: rgba(255, 255, 255, 0);
-}
-
-.logo-data {
- content: url(/img/logo-b.png);
-}
-
-.nav-hr {
+ border: 0px;
color: #000000;
+}
+
+.nav-card {
+ background-color: rgba(200, 200, 200, 0.5);
+ padding-top: 0px;
+ border: 0px;
+}
+
+.manga-nav-card {
+ background-color: rgba(200, 200, 200, 0.5);
+ padding-top: 0px;
+ border: 0px;
+}
+
+.index-logo-data {
+ content: url(/img/logo-b.png);
}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
deleted file mode 100644
index 2cc1ddf..0000000
--- a/css/index.css
+++ /dev/null
@@ -1,71 +0,0 @@
-.progress-page {
- width: 100%;
-}
-
-.card {
- transition: 0.3s;
- padding-left: 2px;
- padding-bottom: 2px;
- padding-right: 2px;
-}
-.carda {
- transition: 0.3s;
- padding-left: 2px;
- padding-bottom: 2px;
- padding-right: 2px;
- text-align: left;
- margin-bottom: 5px;
-}
-.cardch {
- transition: 0.3s;
- padding-left: 2px;
- padding-bottom: 2px;
- padding-right: 2px;
-}
-
-@media only screen and (min-width : 801px) {
- .last-ch {
- width: 100%;
- height: 15%;
- padding-left: 0px;
- padding-right: 0px;
- padding-top: 15px;
- padding-bottom: 15px;
- }
- .promo-link {
- width: 100%;
- height: 15%;
- padding-left: 0px;
- padding-right: 0px;
- padding-top: 15px;
- padding-bottom: 15px;
- }
- .carda {
- display: flex;
- }
- .logo-data {
- width: 100%;
- }
-}
-
-@media only screen and (max-width : 800px) {
- .last-ch {
- width: 100%;
- height: 30%;
- padding-left: 0px;
- padding-right: 0px;
- padding-top: 20px;
- padding-bottom: 20px;
- }
- .promo-link {
- width: 100%;
- height: 30%;
- padding-left: 0px;
- padding-right: 0px;
- 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
deleted file mode 100644
index c2c10de..0000000
--- a/css/manga.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.progress-page {
- width: 100%;
-}
-
-.invis {
- display: none;
-}
-.card {
- transition: 0.3s;
- padding-left: 5px;
- padding-bottom: 5px;
- padding-right: 5px;
- padding-top: 5px;
- margin-bottom: 5px;
- text-align: left;
-}
-.cardch {
- transition: 0.3s;
- padding-left: 5px;
- padding-bottom: 5px;
- padding-right: 5px;
- padding-top: 5px;
-}
-
-@media only screen and (min-width : 801px) {
- .cover {
- width: 90%;
- }
-}
-
-@media only screen and (max-width : 800px) {
- .cover {
- width: 25%;
- }
-}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 4b66843..c23f874 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,123 +2,25 @@
body {
text-align: center;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
font-family: 'Roboto', sans-serif;
}
-#hrinvis {
- size: 3px;
-}
-
.links {
text-decoration: none;
}
-.body-index {
- /* NULL */
+.invis {
+ display: none;
}
-.body-project {
- /* NULL */
-}
-
-.body-firefox {
- /* NULL */
-}
-
-.hr-i {
- height: 1px;
-}
-
-img {
- width: 100%;
-}
-
-ul {
- list-style-position: inside;
-}
-
-#lista {
- text-align: left;
-}
-
-#bodydiv {
- margin-left: 2%;
- margin-right: 2%;
- height: 100%;
-}
-
-.contentdiv {
- /* NULL */
-}
-
-#card {
- transition: 0.3s;
- padding-left: 2px;
- padding-top: 2px;
- padding-bottom: 2px;
- padding-right: 2px;
-}
-
-.card-title {
- padding: 1px 0px 1px 10px;
- font-family: 'Roboto', sans-serif;
-}
-
-.card-text {
- padding: 1px 0px 1px 5px;
-}
-
-.card-button {
- padding: 5px;
- cursor: pointer;
+.button-e {
opacity: 1;
-}
-.card-button:hover {
- opacity:0.8;
-}
-.card-button-block {
- padding: 5px 0px 5px 5px;
+ cursor: pointer;
}
-.copyright {
- padding: 10px;
- right: 1em;
- text-align: center;
- bottom: 1em;
-}
-
-#maindiv {
- margin-top: 0px;
-}
-
-
-table {
- margin: 0 auto 0 auto;
-}
-
-th {
- text-align: center;
-}
-
-td, th {
- padding: 2px;
-}
-.sitebuttons {
- opacity:0.6;
-}
-.sitebuttons:hover {
- opacity:1;
-}
-
-.homebuttons {
- opacity:0.6;
-}
-.homebuttons:hover {
- opacity:1;
+.button-e:hover {
+ opacity: 0.8;
+ cursor: pointer;
}
.al-left {
@@ -131,21 +33,24 @@ td, th {
margin-bottom: 2px;
font-family: 'Roboto', sans-serif;
}
-
-.button-e {
- opacity: 1;
- cursor: pointer;
-}
-.button-e:hover {
- opacity: 0.8;
- cursor: pointer;
+.nav-text-left {
+ text-align: left;
}
-.block-text {
- cursor: pointer;
- opacity: 1;
- margin-top: 2px;
- padding: 5px;
+.nav-progress {
+ width: 100%;
+}
+
+.nav-button {
+ border-radius: 5px;
+}
+
+.nav-card {
+ transition: 0.3s;
+ text-align: left;
+ margin-bottom: 5px;
+ border-radius: 5px;
+ display: flex;
}
.nav-hr {
@@ -154,29 +59,45 @@ td, th {
visibility: hidden;
}
-.invis {
- display: none;
+.ch-button {
+ margin-left: 1%;
+ margin-right: 1%;
}
-.card-block-h {
- margin-left: 15px;
- margin-right: 5px;
- margin-top: 5px;
+.manga-nav-card {
+ transition: 0.3s;
+ text-align: left;
margin-bottom: 5px;
+ border-radius: 5px;
+ display: flex;
+ flex-direction: column;
}
-.card-block {
- margin-left: 5px;
- margin-right: 5px;
- margin-top: 5px;
- margin-bottom: 5px;
+.manga-cover-card {
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.index-links {
+.index-nav-card {
+ display: flex;
+}
+
+.index-logo {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.index-manga-links {
margin-top: 10px;
width: 70%;
}
+/* --------------------------------- */
+/* Динамичное */
+/* --------------------------------- */
+
@media only screen and (min-width : 801px) {
.pc-only {
display: block;
@@ -184,16 +105,6 @@ td, th {
.mobile-only {
display: none;
}
- .sitebuttons {
- width: 100%;
- }
- .homebuttons {
- width: 8%;
- padding-top: 5px;
- }
- table {
- width: 150px;
- }
.content {
display: flex;
flex-direction: row;
@@ -222,9 +133,12 @@ td, th {
padding-top: 15px;
padding-bottom: 15px;
}
- .block-text {
- width: 100%;
- height: 15%;
+ .nav-body {
+ margin: 2%;
+ height: 100%;
+ }
+ .ch-button {
+ width: 48%;
}
.index-manga-one-1 {
width: 49%;
@@ -235,12 +149,28 @@ td, th {
width: 49%;
float: right;
}
-
- .index-cover {
- width: 30%;
- margin: 7px 7px 7px 0;
+ .manga-cover {
+ width: 100%;
+ margin: 7px 7px 7px 7px;
+ }
+ .manga-nav-content {
+ margin: 1%;
+ }
+ .manga-links {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .card-nav-content {
+ margin: 1%;
+ }
+ .index-manga-cover {
+ width: 30%;
+ margin: 7px 7px 7px 7px;
+ }
+ .index-logo-data {
+ width: 100%;
}
-
}
@media only screen and (min-width : 801px) and (max-width : 1090px) {
@@ -265,9 +195,6 @@ td, th {
width: 8%;
padding-top: 5px;
}
- table {
- width: 130px;
- }
.pc-only {
display: none;
}
@@ -286,8 +213,36 @@ td, th {
width: 100%;
height: 30%;
}
- .index-cover {
+ .nav-body {
+ margin: 0%;
+ height: 100%;
+ }
+ .ch-button {
+ width: 48%;
+ }
+ .ch-button1 {
+ width: 48%;
+ }
+ .manga-cover {
width: 30%;
- margin: 7px 7px 7px 0;
+ margin: 7px 7px 7px 7px;
+ }
+ .manga-nav-content {
+ margin: 2%;
+ }
+ .manga-links {
+ display: flex;
+ align-items: left;
+ justify-content: left;
+ }
+ .card-nav-content {
+ margin: 2%;
+ }
+ .index-manga-cover {
+ width: 30%;
+ margin: 7px 7px 7px 7px;
+ }
+ .index-logo-data {
+ width: 50%;
}
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 06da9cf..7a05951 100644
--- a/index.html
+++ b/index.html
@@ -2,8 +2,7 @@
1 /
--
- -
-
+
-
Страница манги
-
-
+
@@ -27,38 +26,42 @@
startstylepage();
- ![]()
-
-
-
diff --git a/js/ch.js b/js/ch.js
index 5b5ac92..57b3b70 100644
--- a/js/ch.js
+++ b/js/ch.js
@@ -55,16 +55,13 @@ function load_page_first() {
function toggleFullScreen() {
if (!document.fullscreenElement) {
- document.getElementById('namech').remove();
- document.getElementById('copyright').style.visibility = "collapse";
+ document.getElementById('title_ch').style.display = "none";
+ document.getElementById('copyright').style.display = "none";
document.documentElement.requestFullscreen();
} else {
if (document.exitFullscreen) {
- let title_tag = document.createElement('h2');
- title_tag.id = "namech";
- title_tag.textContent = document.getElementById('infotitle').textContent;
- document.getElementById('title_ch').append(title_tag);
- document.getElementById('copyright').style.visibility = "visible";
+ document.getElementById('title_ch').style.display = "block";
+ document.getElementById('copyright').style.display = "block";
document.exitFullscreen();
}
}
diff --git a/js/index.js b/js/index.js
index 1936b74..23c2905 100644
--- a/js/index.js
+++ b/js/index.js
@@ -30,17 +30,17 @@ function start() {
manga_info = list_ch[index]
let manga_one = document.createElement('div');
if ((index+1)%2 === 0) {
- manga_one.className = "carda index-manga-one-1";
+ manga_one.className = "nav-card index-nav-card index-manga-one-1";
} else {
- manga_one.className = "carda index-manga-one-2";
+ manga_one.className = "nav-card index-nav-card index-manga-one-2";
}
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 index-links";
+ manga_one_ref.className = "links index-manga-links";
let manga_one_cover = document.createElement('img');
manga_one_cover.src = manga_info["cover"];
- manga_one_cover.className = "index-cover";
+ manga_one_cover.className = "index-manga-cover";
manga_one.append(manga_one_cover);
manga_one.append(document.createElement('br'));
manga_one.append(manga_one_ref);
diff --git a/js/manga.js b/js/manga.js
index 3f317a0..080fc03 100644
--- a/js/manga.js
+++ b/js/manga.js
@@ -22,13 +22,11 @@ function start() {
var list_ch = json_ready["ch"];
var index;
for (index = 0; index < list_ch.length; ++index) {
- let ch_p_one = document.createElement('p');
let ch_one = document.createElement('a');
ch_one.href = "ch.html#" + list_ch[index]["id"];
ch_one.textContent = list_ch[index]["name"]
- ch_one.className = "links";
- ch_p_one.append(ch_one);
- document.getElementById('helper1').before(ch_p_one);
+ ch_one.className = "links manga-nav-content manga-links";
+ document.getElementById('helper1').before(ch_one);
}
document.getElementById('bodydiv').style.visibility = "visible";
document.getElementById('progress').style.display = "none";
diff --git a/js/theming.js b/js/theming.js
index ae548a9..8ac0b53 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 = 4
+ version = 7
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 aa134d3..722e625 100644
--- a/manga.html
+++ b/manga.html
@@ -2,8 +2,7 @@
+
-
-
-
- ![]()
-
-
+
+
+
- Новости
-
-
+
+
@@ -29,61 +29,67 @@
startstylepage();
-
diff --git a/news.html b/news.html
index 3b335a3..e27b14b 100644
--- a/news.html
+++ b/news.html
@@ -2,8 +2,8 @@
-
-
-
-
-
-
- Описание:
- -
-
-
Главы:
- -
-
-
-
-