Nyako/static-manga-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

eng0.2.0

Browse Source
This commit is contained in:
Hell13Cat
2022-04-13 23:24:25 +03:00
parent a4f1506f6d
commit c2a92b5f93
14 changed files with 482 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/ch.css
+60
View File
@@ -0,0 +1,60 @@
.invis {
visibility: hidden;
}
.invis2 {
display: none;
}
.progress-page {
width: 100%;
}
.card-button-ch {
font-family: "Comic Sans MS";
cursor: pointer;
opacity: 1;
}
.card-button-ch:hover {
opacity:0.8;
}
@media only screen and (min-width : 801px) {
.nav-button {
width: 35%;
height: 15%;
}
.nav-button-home {
width: 20%;
height: 15%;
}
.nav-button-fullscreen {
width: 10%;
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 {
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;
}
}
css/chapter.css
-29
View File
@@ -1,29 +0,0 @@
.progress-page {
width: 100%;
}
.cover {
width: 25%;
}
.invis {
display: none;
}
.card {
transition: 0.3s;
padding-left: 2px;
padding-top: 2px rgb(255, 255, 255, 1);
padding-bottom: 2px;
padding-right: 2px;
border: 2px solid white;
font-family: "Anime Ace v05";
font-size: 70%;
}
.cardch {
transition: 0.3s;
padding-left: 2px;
padding-top: 2px rgb(255, 255, 255, 1);
padding-bottom: 2px;
padding-right: 2px;
border: 2px solid white;
font-family: "Anime Ace v05";
font-size: 70%;
}
css/color-dark.css
+86
View File
@@ -0,0 +1,86 @@
#hrinvis {
color: #000000;
}
.card {
padding-top: 2px rgb(255, 255, 255, 1);
border: 2px solid white;
}
.cardch {
padding-top: 2px rgb(255, 255, 255, 1);
border: 2px solid white;
}
.carda {
padding-top: 2px rgb(255, 255, 255, 1);
border: 1px solid white;
}
.card-button-ch {
background-color: rgba(0, 0, 0, 0.5);
border: 1px 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: deeppink;
}
a:visited {
color: purple;
}
a:active {
color: pink;
}
#card {
box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
}
#card2 {
border: 1px solid #ffffff;
}
.card-button {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgb(255, 255, 255);
color: #ffffff;
}
#maindiv {
background-color: rgba(0, 0, 0, 0.8);
}
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);
}
css/color-light.css
+82
View File
@@ -0,0 +1,82 @@
.card {
padding-top: 2px rgb(0, 0, 0, 1);
border: 2px solid black;
}
.cardch {
padding-top: 2px rgb(0, 0, 0, 1);
border: 2px solid black;
}
.carda {
padding-top: 2px rgb(0, 0, 0, 1);
border: 1px solid black;
}
.card-button-ch {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgb(0, 0, 0);
color: #000000;
}
body {
color: black;
background: white;
}
.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;
}
a:visited {
color: purple;
}
a:active {
color: darkblue;
}
#card {
box-shadow: 4px 4px 4px 0 rgb(0, 0, 0, 1);
}
#card2 {
border: 1px solid black;
}
.card-button {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgb(0, 0, 0);
color: black;
}
#maindiv {
background-color: rgba(255, 255, 255, 0.8);
}
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);
}
css/index.css
+3 -12
View File
@@ -11,30 +11,21 @@
.card {
transition: 0.3s;
padding-left: 2px;
padding-top: 2px rgb(255, 255, 255, 1);
padding-bottom: 2px;
padding-right: 2px;
border: 2px solid white;
font-family: "Anime Ace v05";
font-size: 70%;
font-family: "Comic Sans MS";
}
.carda {
transition: 0.3s;
padding-left: 2px;
padding-top: 2px rgb(255, 255, 255, 1);
padding-bottom: 2px;
padding-right: 2px;
border: 1px solid white;
font-family: "Anime Ace v05";
font-size: 100%;
font-family: "Comic Sans MS";
}
.cardch {
transition: 0.3s;
padding-left: 2px;
padding-top: 2px rgb(255, 255, 255, 1);
padding-bottom: 2px;
padding-right: 2px;
border: 2px solid white;
font-family: "Anime Ace v05";
font-size: 70%;
font-family: "Comic Sans MS";
}
css/manga.css
+16 -57
View File
@@ -1,64 +1,23 @@
.invis {
visibility: hidden;
}
.invis2 {
display: none;
}
.progress-page {
width: 100%;
}
.card-button-ch {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgb(255, 255, 255);
color: #ffffff;
font-family: "Anime Ace v05";
font-size: 70%;
cursor: pointer;
opacity: 1;
.cover {
width: 25%;
}
.card-button-ch:hover {
opacity:0.8;
.invis {
display: none;
}
@media only screen and (min-width : 801px) {
.nav-button {
width: 35%;
height: 15%;
}
.nav-button-home {
width: 20%;
height: 15%;
}
.nav-button-fullscreen {
width: 10%;
height: 15%;
}
.card-button-ch {
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.card {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
font-family: "Comic Sans MS";
}
@media only screen and (max-width : 800px) {
.nav-button {
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;
}
.cardch {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
font-family: "Comic Sans MS";
}
css/style.css
+10 -50
View File
@@ -1,18 +1,14 @@
@font-face {
font-family: "Anime Ace v05";
src: local("Anime Ace v05"), url("/fonts/AnimeAce.ttf") format("ttf");
}
body {
text-align: center;
color: white;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background: #000000;
}
#hrinvis {
size: 3px;
}
.body-index {
/* NULL */
@@ -26,20 +22,7 @@ body {
/* NULL */
}
.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;
}
@@ -51,16 +34,6 @@ ul {
list-style-position: inside;
}
a {
color: deeppink;
}
a:visited {
color: purple;
}
a:active {
color: pink;
}
#lista {
text-align: left;
}
@@ -72,7 +45,7 @@ a:active {
}
.titlediv {
font-family: "Anime Ace v05";
font-family: "Comic Sans MS";
}
.contentdiv {
@@ -80,36 +53,26 @@ a:active {
}
#card {
box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
transition: 0.3s;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
}
#card2 {
border: 1px solid #ffffff;
}
.card-title {
padding: 1px 0px 1px 10px;
font-family: "Anime Ace v05";
font-size: 90%;
font-family: "Comic Sans MS";
}
.card-text {
padding: 1px 0px 1px 5px;
font-family: "Anime Ace v05";
font-size: 70%;
font-family: "Comic Sans MS";
}
.card-button {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgb(255, 255, 255);
padding: 5px;
color: #ffffff;
font-family: "Anime Ace v05";
font-size: 70%;
font-family: "Comic Sans MS";
cursor: pointer;
opacity: 1;
}
@@ -128,25 +91,22 @@ a:active {
}
.aace {
font-family: "Anime Ace v05";
font-family: "Comic Sans MS";
}
#maindiv {
background-color: rgba(0, 0, 0, 0.8);
margin-top: 0px;
}
table {
border-bottom: 0px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
margin: 0 auto 0 auto;
}
th {
background: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
text-align: center;
}
td, th {
padding: 2px;
}