Batorian
18206104a4
* novel_updates: fixes * novel_updates: fixes * novel_updates: remove lazyloading for images * novel_updates: remove script remover * novel_updates: remove noscript images * novel_updates: remove noscripts * novel_updates: clean up Novel World Translations * novel_updates: fix * novel_updates: add Darkstar Translations * novel_updates: add Darkstar Translations to outliers * novel_updates: fix * novel_updates: revert version * novel_updates: added CSS
430 lines
9.4 KiB
CSS
430 lines
9.4 KiB
CSS
/**
|
|
* Novel Updates -> Daoist Quest
|
|
* https://www.novelupdates.com/group/daoist-quest/
|
|
* Necessary to display chapterContent correctly
|
|
*/
|
|
.litrpg-box {
|
|
color: #fff;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
margin: 15px auto;
|
|
}
|
|
.litrpg-frame {
|
|
border: solid #00219b;
|
|
box-shadow: 0 0 10px 1px #00219b;
|
|
border-radius: 5px;
|
|
background-color: #000000;
|
|
}
|
|
.litrpg-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.125em;
|
|
padding: .875rem 0;
|
|
margin: 0 .875rem;
|
|
overflow: auto;
|
|
}
|
|
.litrpg-body ul {
|
|
text-align: left;
|
|
}
|
|
|
|
/**
|
|
* Novel Updates -> FictionRead
|
|
* https://www.novelupdates.com/group/fictionread/
|
|
* Necessary to display chapterContent correctly
|
|
*/
|
|
.letter-style {
|
|
margin: 15px auto;
|
|
box-shadow: 0 0 10px 1px #5e636e;
|
|
border-radius: 5px;
|
|
font-family: 'Oswald', sans-serif;
|
|
background-color: #000000;
|
|
padding: 10px 30px 10px 30px;
|
|
}
|
|
.system {
|
|
background: linear-gradient(33deg, #334455 0%, #223344 100%);
|
|
border: 1px solid #aabbcc;
|
|
color: #fff;
|
|
font-family: Rajdhani,serif;
|
|
font-weight: 500;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
width: fit-content;
|
|
}
|
|
|
|
/**
|
|
* Novel Updates -> Genesis Studio
|
|
* https://www.novelupdates.com/group/genesis-studio/
|
|
* Necessary to display chapterContent correctly
|
|
*/
|
|
.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;
|
|
box-sizing:content-box;
|
|
width:auto;
|
|
margin:15px auto;
|
|
box-shadow:0 0 10px 1px #00219b;
|
|
border-radius:5px;
|
|
background-color:#000;
|
|
padding:20px;
|
|
color:#fff;
|
|
font-family: Oswald Variable, serif
|
|
}
|
|
.blue-box div {
|
|
text-indent:0;
|
|
}
|
|
.blue-box p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.75rem;
|
|
margin-top:.75rem;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
font-family: Quattrocento, serif
|
|
}
|
|
.blue-text p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.25rem;
|
|
margin-top:.25rem;
|
|
}
|
|
.red-box {
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
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;
|
|
color:#fff;
|
|
font-family: Oswald Variable, serif
|
|
}
|
|
.red-box div {
|
|
text-indent:0;
|
|
}
|
|
.red-box p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.25rem;
|
|
margin-top:.25rem;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
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;
|
|
}
|
|
.gold-box {
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
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;
|
|
color:#fff;
|
|
font-family: Oswald Variable, serif;
|
|
}
|
|
.gold-box div {
|
|
text-indent:0;
|
|
}
|
|
.gold-box p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.75rem;
|
|
margin-top:.75rem;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
font-family: Quattrocento, serif
|
|
}
|
|
.gold-text p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.25rem;
|
|
margin-top:.25rem;
|
|
}
|
|
.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;
|
|
margin-left:auto;
|
|
margin-right:auto
|
|
}
|
|
.gold-letter p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.25rem;
|
|
margin-top:.25rem;
|
|
}
|
|
.silver-box {
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
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;
|
|
color:#fff;
|
|
font-family: Oswald Variable, serif;
|
|
}
|
|
.silver-box div {
|
|
text-indent:0;
|
|
}
|
|
.silver-box p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.75rem;
|
|
margin-top:.75rem;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
margin: 2rem auto;
|
|
font-family: Quattrocento, serif
|
|
}
|
|
.silver-text p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.25rem;
|
|
margin-top:.25rem;
|
|
}
|
|
.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;
|
|
margin: 2rem auto;
|
|
font-family: MedievalSharp, serif
|
|
}
|
|
.silver-letter p {
|
|
text-align:center;
|
|
text-indent:0;
|
|
margin-bottom:.25rem;
|
|
margin-top:.25rem;
|
|
}
|
|
.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
|
|
}
|
|
|
|
/**
|
|
* Novel Updates -> Raei Translations
|
|
* https://www.novelupdates.com/group/raei-translations/
|
|
* Necessary to display chapterContent correctly
|
|
*/
|
|
.status {
|
|
--color-special: #ff751a;
|
|
--color-special-light: #ffa970;
|
|
border-left: ridge 4px var(--color-special);
|
|
padding: 1em;
|
|
color: var(--color-special-light);
|
|
box-shadow: -5px 0 4px -5px var(--color-special);
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/**
|
|
* Novel Updates -> Sky Demon Order
|
|
* https://www.novelupdates.com/group/sky-demon-order/
|
|
* Necessary to display chapterContent correctly
|
|
*/
|
|
.novel-system-box {
|
|
--colors-novel-system-box-bg-1: 0 2 20;
|
|
--colors-novel-system-box-bg-2: 34 40 93;
|
|
--colors-novel-system-box-border: 137 149 199;
|
|
--colors-novel-system-box-shadow: 9 23 134;
|
|
background: linear-gradient(180deg,rgb(var(--colors-novel-system-box-bg-1)) 35%,rgb(var(--colors-novel-system-box-bg-2)) 214%);
|
|
border: 1px solid rgb(var(--colors-novel-system-box-border));
|
|
color: #fff;
|
|
font-family: Rajdhani,serif;
|
|
font-weight: 500;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
text-shadow: 1px 1px 2px rgb(var(--colors-novel-system-box-shadow)),0 0 1em rgb(var(--colors-novel-system-box-shadow)),0 0 .2em rgb(var(--colors-novel-system-box-shadow));
|
|
width: fit-content;
|
|
}
|
|
.text-center {
|
|
text-align: center !important;
|
|
}
|