Plugin: Genesis studio (#1038)
* genesis: started implementation * genesis: wip * genesis: implemented parse novel * genesis: added icon * genesis: wip * genesis: added chapters * genesis: wip * genesis: updated chapter name * genesis: parse chapter * genesis: revert version * genesis: fixed pages and custom css * genesis: update * genesis: edit ta-center * genesis: remove line-height * genesis: old genesis deprecated
This commit is contained in:
Batorian
@@ -0,0 +1,365 @@
|
||||
.red-box .red-text,
|
||||
.blue-box .blue-text,
|
||||
.gold-box .gold-text,
|
||||
.silver-box .silver-text {
|
||||
display:inline-flex;
|
||||
align-items:start;
|
||||
justify-content:start;
|
||||
text-align:left;
|
||||
flex-direction:column;
|
||||
margin-left:0;
|
||||
margin-bottom:0;
|
||||
margin-top:0
|
||||
}
|
||||
.red-box .red-text p,
|
||||
.blue-box .blue-text p,
|
||||
.gold-box .gold-text p,
|
||||
.silver-box .silver-text p {
|
||||
text-align:left
|
||||
}
|
||||
.ta-center {
|
||||
display:flex;
|
||||
text-align:center!important;
|
||||
align-items:center!important;
|
||||
justify-content:center!important;
|
||||
margin-left:auto;
|
||||
margin-right:auto
|
||||
}
|
||||
.ta-between {
|
||||
align-items:center!important
|
||||
}
|
||||
.blue-box,
|
||||
.red-box,
|
||||
.gold-box,
|
||||
.silver-box {
|
||||
overflow-wrap:break-word;
|
||||
word-wrap:break-word;
|
||||
word-break:break-word
|
||||
}
|
||||
.blue-box {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
justify-content:center;
|
||||
min-width:250px;
|
||||
max-width:500px!important;
|
||||
box-sizing:content-box;
|
||||
width:auto;
|
||||
margin:15px auto;
|
||||
box-shadow:0 0 10px 1px #00219b;
|
||||
border-radius:5px;
|
||||
background-color:#000;
|
||||
padding:20px;
|
||||
font-size:25px;
|
||||
color:#fff;
|
||||
font-family: Oswald Variable, serif
|
||||
}
|
||||
.blue-box div {
|
||||
text-indent:0;
|
||||
max-width:500px!important
|
||||
}
|
||||
.blue-box p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.75rem;
|
||||
margin-top:.75rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.blue-title {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
text-align:center;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
padding-left:0;
|
||||
margin-left:0;
|
||||
color:#fff;
|
||||
font-weight:700;
|
||||
text-shadow:-1px 5px 13px #004fff,-1px 0 10px #002775;
|
||||
border-bottom:3px solid #fff;
|
||||
padding-bottom:15px;
|
||||
margin-bottom:15px;
|
||||
max-width:500px!important
|
||||
}
|
||||
.blue-text {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
align-items:start;
|
||||
justify-content:center;
|
||||
text-shadow:-1px 5px 13px #004fff,-1px 0 10px #002775;
|
||||
font-weight:400;
|
||||
max-width:500px!important;
|
||||
font-family: Quattrocento, serif
|
||||
}
|
||||
.blue-text p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.red-box {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
justify-content:center;
|
||||
min-width:250px;
|
||||
max-width:500px!important;
|
||||
padding:20px;
|
||||
box-sizing:content-box;
|
||||
width:auto;
|
||||
margin:15px auto;
|
||||
border:solid #750b00e3;
|
||||
box-shadow:0 0 20px 3px #750b0070;
|
||||
border-radius:5px;
|
||||
background-color:#000;
|
||||
font-size:25px;
|
||||
color:#fff;
|
||||
font-family: Oswald Variable, serif
|
||||
}
|
||||
.red-box div {
|
||||
text-indent:0;
|
||||
max-width:500px!important
|
||||
}
|
||||
.red-box p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.red-title {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
text-align:center;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
padding-left:0;
|
||||
margin-left:0;
|
||||
color:#ff4348;
|
||||
font-weight:700;
|
||||
text-shadow:-1px 5px 13px #ff230c,-1px 0px 10px #750b00;
|
||||
border-bottom:3px solid #fff;
|
||||
padding-bottom:15px;
|
||||
margin-bottom:15px;
|
||||
max-width:500px!important
|
||||
}
|
||||
.red-text {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-shadow:-1px 5px 13px #ff230c,-1px 0px 10px #750b00;
|
||||
font-weight:400;
|
||||
max-width:500px!important;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
font-family: Quattrocento, serif
|
||||
}
|
||||
.red-text p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.gold-box {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
justify-content:center;
|
||||
min-width:250px;
|
||||
padding:20px;
|
||||
box-sizing:content-box;
|
||||
width:auto;
|
||||
margin:15px auto;
|
||||
border:solid #e0cc00;
|
||||
box-shadow:0 0 10px 1px #e0cc00;
|
||||
border-radius:5px;
|
||||
background-color:#000;
|
||||
font-size:25px;
|
||||
color:#fff;
|
||||
font-family: Oswald Variable, serif;
|
||||
max-width:500px!important
|
||||
}
|
||||
.gold-box div {
|
||||
text-indent:0;
|
||||
max-width:500px!important
|
||||
}
|
||||
.gold-box p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.75rem;
|
||||
margin-top:.75rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.gold-title {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
text-align:center;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
padding-left:0;
|
||||
margin-left:0;
|
||||
color:#fff;
|
||||
font-weight:700;
|
||||
text-shadow:-1px 5px 13px #e0cc00,-1px 0px 10px #544d00;
|
||||
border-bottom:3px solid #fff;
|
||||
padding-bottom:15px;
|
||||
margin-bottom:15px;
|
||||
max-width:500px!important
|
||||
}
|
||||
.gold-text {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-align:center;
|
||||
text-shadow:-1px 5px 13px #e0cc00,-1px 0 10px #e0cc00;
|
||||
row-gap:1.5rem;
|
||||
font-weight:400;
|
||||
max-width:500px!important;
|
||||
font-family: Quattrocento, serif
|
||||
}
|
||||
.gold-text p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.gold-letter {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-shadow:-1px 5px 13px #e0cc00,-1px 0 10px #e0cc00;
|
||||
row-gap:1.5rem;
|
||||
font-weight:700;
|
||||
font-family: Amita, serif;
|
||||
max-width:500px!important;
|
||||
margin-left:auto;
|
||||
margin-right:auto
|
||||
}
|
||||
.gold-letter p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.silver-box {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
justify-content:center;
|
||||
min-width:250px;
|
||||
padding:20px;
|
||||
box-sizing:content-box;
|
||||
width:auto;
|
||||
margin:15px auto;
|
||||
border:solid #c2c2c2;
|
||||
box-shadow:0 0 10px 1px #737373;
|
||||
border-radius:5px;
|
||||
background-color:#000;
|
||||
font-size:25px;
|
||||
color:#fff;
|
||||
font-family: Oswald Variable, serif;
|
||||
max-width:500px!important
|
||||
}
|
||||
.silver-box div {
|
||||
text-indent:0;
|
||||
max-width:500px!important
|
||||
}
|
||||
.silver-box p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.75rem;
|
||||
margin-top:.75rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.silver-title {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
text-align:center;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
padding-left:0;
|
||||
margin-left:0;
|
||||
color:#fff;
|
||||
font-weight:700;
|
||||
text-shadow:-1px 5px 13px #b4b4b4,-1px 0 10px #737373;
|
||||
border-bottom:3px solid #fff;
|
||||
padding-bottom:15px;
|
||||
margin-bottom:15px;
|
||||
max-width:500px!important
|
||||
}
|
||||
.silver-text {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-shadow:-1px 5px 13px #b4b4b4,-1px 0 10px #737373;
|
||||
row-gap:1.5rem;
|
||||
font-weight:400;
|
||||
max-width:500px!important;
|
||||
margin: 2rem auto;
|
||||
font-family: Quattrocento, serif
|
||||
}
|
||||
.silver-text p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.silver-letter {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
text-align:center;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-shadow:-1px 5px 13px #b4b4b4,-1px 0 10px #737373;
|
||||
row-gap:1.5rem;
|
||||
font-weight:700;
|
||||
max-width:500px!important;
|
||||
margin: 2rem auto;
|
||||
font-family: MedievalSharp, serif
|
||||
}
|
||||
.silver-letter p {
|
||||
text-align:center;
|
||||
text-indent:0;
|
||||
margin-bottom:.25rem;
|
||||
margin-top:.25rem;
|
||||
max-width:500px!important
|
||||
}
|
||||
.blue-text,
|
||||
.gold-text,
|
||||
.silver-text,
|
||||
.red-text,
|
||||
.blue-box,
|
||||
.red-box,
|
||||
.gold-box,
|
||||
.silver-box,
|
||||
.red-title,
|
||||
.gold-title,
|
||||
.silver-title,
|
||||
.blue-title,
|
||||
.blue-text p,
|
||||
.gold-text p,
|
||||
.silver-text p,
|
||||
.red-text p {
|
||||
text-indent:0!important
|
||||
}
|
||||
div.red-text,
|
||||
div.gold-text,
|
||||
div.silver-text,
|
||||
div.blue-text {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
margin-bottom:2.25rem;
|
||||
margin-top:2.25rem
|
||||
}
|
||||
.blue-box .blue-text p,
|
||||
.red-box .red-text p,
|
||||
.gold-box .gold-text p,
|
||||
.silver-box .silver-text p {
|
||||
display:flex;
|
||||
flex-direction:column
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Reference in New Issue
Block a user