:focus {
outline: none;
}
*,
::before,
::after {
box-sizing: border-box;
}
blockquote,
q {
margin: 5px 0;
quotes: none;
background: #2f2f2f;
border-left: 3px solid #353535;
padding: 5px 10px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
.lightmode blockquote,
.lightmode q {
background: #fafafa;
border-color: #ddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
border-color: #555;
}
a {
color: #ddd;
text-decoration: none;
transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-webkit-transition: color 0.1s linear;
}
:focus {
outline: none;
}
a:hover {
color: #366ad3;
text-decoration: none;
}
.bxcl ul li .lchx a:visited,
.listupd .utao .uta .luf ul li a:visited,
.bs.stylefor .bsx a:visited .bigor .adds .epxs {
color: #366ad3 !important;
}
.bs.stylefiv .bsx .chfiv li a:visited .fivchap,
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li a:visited,
.listupd .utao.stylegg .uta .luf ul li a:visited .eggchap {
color: #366ad3;
}
img {
max-width: 100%;
height: auto;
}
.mainholder {
position: relative;
}
.postbody p {
margin: 10px 0;
}
.clear {
clear: both;
}
body {
background: #101010;
font-size: 14px;
line-height: 1.5;
color: #b8b8b8;
margin: 0 auto;
font-family: "Poppins", sans-serif;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
position: relative;
min-height: 100%;
}
.strip {
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px dashed #d0cdcd;
box-shadow: 0 0 4px #fff;
}
.kln {
overflow: hidden;
position: relative;
text-align: center;
}
.blox.kln {
margin: 0 auto;
max-width: 1150px;
}
.kln a.col {
width: 50%;
display: block;
padding: 2px 4px;
float: left;
}
.klnrec {
overflow: hidden;
margin-bottom: 15px;
}
.klnrec .kln {
float: left;
width: 70%;
padding: 5px;
margin-right: 5px;
border: 1px solid #ddd;
}
.klnrec .kln img,
.klnrec .mini img {
width: 100%;
max-height: 90px;
}
.klnrec .mini {
overflow: hidden;
margin-left: 10px;
border: 1px solid #ddd;
padding: 5px;
}
.bixbox .kln,
.singlex {
float: left;
margin-right: 15px;
}
#floatcenter {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
#floatcenter .ctrx {
width: 100%;
margin: auto;
padding-top: 20vh;
}
#teaser1,
#teaser2 {
z-index: 2;
}
.playerx {
position: relative;
}
#overplay {
position: absolute;
z-index: 200;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
#overplay .chain {
width: 100%;
max-width: 300px;
margin: auto;
padding-top: 50px;
}
#content {
overflow: hidden;
max-width: 1220px;
margin: 0 auto;
margin-top: 35px;
position: relative;
padding-bottom: 320px;
}
.wrapper {
margin: 0 5px;
position: relative;
}
header {
float: left;
margin: 5px 20px 5px 0;
}
.logos img {
width: auto;
max-height: 50px;
}
.logos {
margin: 0;
min-height: 1px;
max-width: 195px;
display: block;
}
.logos span.hdl {
display: none;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.th {
background: #366ad3;
}
.th .centernav {
margin: 0 auto;
max-width: 1220px;
padding: 0 40px;
}
.shme {
display: none;
}
#main-menu {
float: left;
}
#main-menu .centernav .logo img {
width: 100%;
height: auto;
}
#main-menu .centernav {
margin: 0 auto;
max-width: 1220px;
padding: 0 40px;
}
#main-menu .centernav .logo {
display: none;
float: left;
margin-top: 23px;
margin-right: 30px;
max-width: 190px;
}
#main-menu .dashicons,
#main-menu ._mi {
line-height: inherit;
width: auto;
height: auto;
font-size: 14px;
padding-right: 2px;
}
#main-menu ul {
position: relative;
float: left;
list-style: none;
padding: 0;
margin: 0;
}
#main-menu ul li {
float: left;
position: relative;
margin: 0 5px;
}
#main-menu ul li a {
display: block;
text-align: center;
line-height: 66px;
height: 66px;
padding: 0 10px;
color: #fff;
border-left: 0;
transition: color 0.5s;
position: relative;
font-weight: 500;
font-size: 1rem;
}
#main-menu ul .menu-item-has-children > a:after {
content: "\f140";
padding: 0;
display: none;
width: auto;
height: auto;
padding-left: 5px;
font-size: 19px;
float: right;
line-height: 35px;
font-family: dashicons;
}
#main-menu ul li a:hover {
text-decoration: none;
color: rgba(255, 255, 255, 0.5);
}
#main-menu ul li ul {
position: absolute;
top: 60px;
min-width: 240px;
padding: 10px 0;
display: none;
z-index: 9999;
background: rgba(30, 30, 30, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
overflow: hidden;
transform: translateY(10px);
opacity: 0;
transition: all 0.3s ease;
}
#main-menu ul li:hover ul {
display: block;
transform: translateY(0);
opacity: 1;
}
#main-menu ul li ul li {
float: none;
margin: 0;
}
#main-menu ul li:hover ul li ul {
display: none;
}
#main-menu ul li ul li a {
margin: 0;
height: auto;
display: block;
background: 0 0;
line-height: normal;
font-size: 14px;
padding: 10px 20px;
text-align: left;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
transition: all 0.3s ease;
}
#main-menu ul li ul li:last-child a {
border-bottom: none;
}
#main-menu ul li ul li a:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--theme-color, #fff);
padding-left: 25px;
border-radius: 0;
}
#main-menu .random {
float: right;
color: #fff;
cursor: pointer;
text-transform: none;
font-weight: 400;
font-size: 14px;
margin: 0;
border-radius: 0;
border: 0;
line-height: 33px;
background: #2866a7;
padding: 0 10px;
}
#main-menu .random:hover {
background: #ececec;
color: #333;
text-decoration: none;
}
.show-menu {
display: none;
color: #fff;
line-height: 37px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
cursor: pointer;
}
#main-menu input[type="checkbox"] {
display: none;
-webkit-appearance: none;
}
#main-menu input[type="checkbox"]:checked ~ #menu-menu {
display: block;
z-index: 9999;
float: none;
background: #222;
position: relative;
}
.ms {
border-radius: 3px;
cursor: pointer;
display: none;
height: 34px;
left: auto;
position: absolute;
text-align: center;
top: 17px;
width: 34px;
color: #fff;
right: 15px;
}
#main-menu .ms .dashicons {
display: block !important;
font-size: 26px;
}
.srcmob {
display: none;
}
.searchx {
float: right;
width: 200px;
margin: 16px 0 16px 0;
position: relative;
transition: width 0.4s ease;
}
.searchx:hover,
.searchx:focus-within {
width: 280px;
}
.searchx #form {
padding: 0;
position: relative;
}
.searchx #form #s {
font-weight: 300;
background: #17151b;
box-shadow: none !important;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
padding-right: 30px;
font-family: inherit;
font-size: 14px;
line-height: 1.42857143;
color: #fff;
background-image: none;
border: 0;
border-radius: 6px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:
border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-o-transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
transition:
border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
}
.searchx #form #sel {
margin: 0;
color: #888;
border: 0;
outline: 0;
display: inline-block;
font-family:
open sans,
sans-serif;
background-color: #fff;
border: 1px solid #e5e2e2;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:
border linear 0.2s,
box-shadow linear 0.2s;
-moz-transition:
border linear 0.2s,
box-shadow linear 0.2s;
-o-transition:
border linear 0.2s,
box-shadow linear 0.2s;
transition:
border linear 0.2s,
box-shadow linear 0.2s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px 5px;
}
.searchx #form #submit {
position: absolute;
background: none;
color: #555;
cursor: pointer;
font-family: inherit;
border: 0;
padding: 0 7px;
top: 0;
font-size: medium;
right: 2px;
line-height: 36px;
}
.searchx #form #submit .dashicons {
display: block;
font-size: 22px;
}
.searchx #form #s:focus {
outline: 0;
}
.owl-dot.active span,
.owl-dot.active:hover span {
background: #ffd400 !important;
}
.owl-dot {
background: none !important;
border: 0 !important;
padding: 0 !important;
}
.hotslid .trending {
overflow: hidden;
}
.hotslid .trending .tdb {
cursor: pointer;
height: 280px;
margin-left: 10px;
position: relative;
}
.hotslid .trending .tdb .crown {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/crown.png);
background-size: 100%;
position: absolute;
right: 5px;
top: 10px;
height: 40px;
width: 40px;
z-index: 3;
}
.hotslid .trending .tdb .imgxa {
height: 100%;
width: 100%;
overflow: hidden;
background-size: auto 100%;
background-position: top center;
}
.hotslid .trending .tdb .imgxa .imgxb {
height: 100%;
width: 100%;
background-position: center;
background-size: cover;
}
.hotslid .trending .tdb .textbg {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
transition: opacity 0.2s;
z-index: 1;
box-shadow: inset 0 0 40px #000;
}
.hotslid .trending .tdb .textbg.blxc {
color: #eee;
background: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/black.png);
}
.hotslid .trending .tdb .textbg .bghover {
margin-top: 40%;
padding: 0 5%;
line-height: 19px;
text-align: left;
text-transform: uppercase;
}
.hotslid .trending .tdb .textbg .bghover .numa {
display: block;
font-size: 16px;
}
.hotslid .trending .tdb .textbg .bghover .numb {
display: block;
font-size: 17px;
margin-top: 5px;
height: 55px;
overflow: hidden;
}
.owl-nav {
display: none;
}
#header {
overflow: hidden;
margin-bottom: 20px;
}
#header .logo {
float: left;
}
#header .logo img {
max-width: 252px;
height: auto;
}
#header .headads {
float: right;
max-width: 728px;
max-height: 90px;
}
.th.headerni header {
margin: 0;
margin-right: 15px;
margin-top: 5px;
}
.th.headerni header .logos img {
max-height: 30px;
}
.th.headerni #main-menu ul li a {
line-height: 42px;
height: 42px;
font-weight: 400;
font-size: 14px;
padding: 0 5px;
}
.th.headerni header .logos {
width: auto;
}
.th.headerni .searchx {
margin: 0;
width: 200px;
margin-top: 9px;
}
.th.headerni .searchx #form #s {
background: rgba(0, 0, 0, 0.2);
border-radius: 5px;
height: 25px;
font-size: 13px;
color: #edf0f1;
}
.th.headerni .searchx #form #submit {
color: rgba(255, 255, 255, 0.4);
font-size: 12px;
top: 0;
line-height: 28px;
}
.th.headerni #thememode {
margin-top: 14px;
}
.th.headerni #thememode .xt {
display: none;
}
.th.headerni #main-menu ul li ul {
top: 37px;
}
.th.headerni #main-menu ul li ul li a {
height: auto;
line-height: normal;
font-size: 14px;
padding: 7px 15px;
}
.th.headtree .centernav {
max-width: unset;
}
.recommended {
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: #f3f3f3;
margin-bottom: 20px;
line-height: 28px;
font-size: 13px;
padding-right: 10px;
}
.recommended h2 {
background: #4d4d4d;
color: #fff;
font-weight: 700;
line-height: 28px;
padding: 0 5px;
margin: 0;
font-size: 13px;
display: inline-block;
}
.recommended a {
padding: 5px;
color: #333;
}
.postbody p.index {
padding: 15px;
margin: 0;
margin-bottom: 18px;
border-radius: 3px;
line-height: 19px;
background: #1d1b26;
color: #ddd;
text-align: center;
font-size: 13px;
}
.postbody p.index b {
color: #fff;
font-weight: 500;
}
.postbody p.ctn {
margin: 0 5px;
margin-bottom: 10px;
font-size: 13px;
padding: 10px;
border-radius: 5px;
background: #27222e;
}
.postbody .ntf {
margin: 10px;
padding: 8px;
background: #333;
color: #ccc;
font-size: 13px;
border-radius: 5px;
}
.postbody {
float: left;
width: 70%;
}
.postbody .ldr {
margin: 0 -5px;
}
.bixbox {
background: #222;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 18px;
overflow: hidden;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.postbody .box {
overflow: hidden;
margin-bottom: 20px;
}
.releases {
position: relative;
display: flex;
justify-content: space-between;
align-items: baseline;
border-bottom: 1px solid #312f40;
padding: 8px 15px;
}
.releases:after {
position: absolute;
left: 0;
bottom: 0;
right: auto;
top: auto;
height: 1px;
width: 100%;
background-color: transparent;
display: block;
z-index: 1;
transform: scaleY(0.5);
opacity: 0.8;
background-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0.01) 0,
rgba(0, 0, 0, 0.1) 10%,
rgba(0, 0, 0, 0.2) 20%,
rgba(0, 0, 0, 0.3) 30%,
rgba(0, 0, 0, 0.3) 70%,
rgba(0, 0, 0, 0.2) 80%,
rgba(0, 0, 0, 0.1) 90%,
rgba(0, 0, 0, 0.01) 100%
);
}
.releases h1,
.releases h2,
.releases h3,
#sidebar .section h4 {
font-size: 16px;
color: #fff;
line-height: 20px;
font-weight: 600;
margin: 0;
position: relative;
}
#sidebar .section:has(.ts-wpop-series-gen) .releases,
#sidebar .section:has(.serieslist.pop) .releases {
border-bottom: none !important;
position: relative !important;
margin: 0 !important;
padding: 0 0 10px 0 !important;
}
#sidebar .section:has(.ts-wpop-series-gen) .releases::after,
#sidebar .section:has(.serieslist.pop) .releases::after {
content: "";
position: absolute;
bottom: 0;
left: 0 !important;
right: 0 !important;
height: 2px;
background-color: var(--tc);
z-index: 2;
}
#sidebar .section:has(.ts-wpop-series-gen) .releases h3::before,
#sidebar .section:has(.serieslist.pop) .releases h3::before {
content: "\f06d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 8px;
font-size: 1.1em;
display: inline-block;
}
.releases .vl {
font-size: 0.6em;
text-transform: uppercase;
color: #fff;
height: 18px;
line-height: 18px;
padding: 0 6px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background: #366ad3;
display: inline-block;
float: right;
margin-top: 1px;
margin-right: -3px;
}
.bixbox .bvlcen {
text-align: center;
overflow: hidden;
border-top: 1px solid #353535;
}
.bixbox .bvlcen .bvl {
display: block;
padding: 10px;
color: #aaa;
font-weight: 500;
background: #262626;
line-height: 160%;
}
.bixbox .bvlcen .bvl:hover {
background: #333;
}
.hothome .releases {
background: #366ad3;
padding: 0 15px;
border: 0;
}
.hothome .releases h2 {
margin-top: 15px;
padding: 5px 20px;
background: #222;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 15px;
}
.postbody .box .rld {
padding: 5px;
position: relative;
overflow: hidden;
}
.postbody .ldr .outbx {
float: left;
width: 20%;
}
.postbody .ldr .outbx .limit {
overflow: hidden;
position: relative;
padding: 0 0 135%;
background: #333;
}
.postbody .box .rld img {
width: 100%;
height: auto;
position: absolute;
}
.postbody .box .rld h2 {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 6%, rgba(0, 0, 0, 0.85) 70%);
text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 0;
position: absolute;
padding: 10px;
width: 100%;
color: #fff;
left: 0;
bottom: 0;
margin: 0;
font-weight: 500;
overflow: hidden;
text-align: center;
font-size: 13px;
box-sizing: border-box;
}
.postbody .boxed {
overflow: hidden;
margin-bottom: 15px;
}
.postbody .boxed .left {
float: left;
margin-right: 10px;
}
.postbody .boxed .right .lts {
float: right;
width: 470px;
}
.postbody .boxed .right .lts h3 {
text-transform: uppercase;
padding: 5px 10px;
font-size: 11px;
border: 5px solid #eff1f1;
}
.postbody .boxed .right .lts ul {
overflow: hidden;
}
.postbody .boxed .right .lts ul li {
overflow: hidden;
margin: 5px 0;
padding-bottom: 5px;
border-bottom: 1px solid #e2e5e5;
}
.postbody .boxed .right .lts ul li .thumb {
float: left;
border: 1px solid #e2e5e5;
overflow: hidden;
height: 55px;
}
.postbody .boxed .right .lts ul li .thumb img {
width: 100px;
height: auto;
}
.postbody .boxed .right .lts ul li .dtl {
width: 350px;
padding: 5px;
background: #f5f4f4;
height: 47px;
float: right;
}
.postbody .boxed .right .lts ul li .dtl h2 {
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.postbody .boxed .right .lts ul li .dtl h2 a {
color: #333;
}
.postbody .boxed .right .lts ul li .dtl h2 a:hover {
text-decoration: none;
color: #f13e3e;
}
.postbody .boxed .right .lts ul li .dtl span {
font-family: tahoma;
color: #555;
display: block;
font-size: 11px;
}
.postbody .boxed .right .lts ul li .dtl span a {
color: #f13e3e;
}
.postbody .epsc .boxed .right .lts {
float: none;
width: 100%;
}
.postbody .epsc .boxed .right .lts ul li .dtl {
width: 520px;
}
.postbody .epsc .boxed {
overflow: hidden;
margin-bottom: 0;
}
.postbody .boxed .right .lts ul li .dtl h1 {
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.listupd {
padding: 10px;
overflow: hidden;
}
.listupd.cp {
margin: -15px;
}
.listupd .lexa {
overflow: hidden;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.listupd .lexa .thumb {
float: left;
overflow: hidden;
max-height: 100px;
margin-right: 15px;
}
.listupd .lexa .dtl {
overflow: hidden;
padding: 10px;
margin: 0;
border-bottom: 0;
background: #f7f7f7;
}
.listupd .lexa .dtl h2 {
font-size: 16px;
margin: 0;
margin-bottom: 5px;
}
.listupd .lexa .dtl span {
display: block;
margin-bottom: 3px;
}
.listupd .lexa .dtl h2 a {
color: #000;
}
.listupd .lexa .dtl h2 a:hover {
text-decoration: none;
color: #366ad3;
}
.listupd .lexa .thumb img {
max-width: 175px;
}
.listupd .utao {
float: left;
width: 33.33333%;
position: relative;
}
.listupd .utao .uta {
padding: 15px 10px;
overflow: hidden;
position: relative;
border-bottom: none;
}
.listupd .utao .uta .imgu {
position: relative;
float: left;
overflow: hidden;
width: 75px;
height: 105px;
margin-right: 10px;
border-radius: 8px;
}
.listupd .utao .uta .imgu img {
width: 100%;
height: 100%;
object-fit: cover;
}
.listupd .utao .uta .imgu .hot {
position: absolute;
top: 3px;
left: 3px;
background: #ba291f;
font-size: 11px;
font-weight: 700;
padding: 0 4px;
padding-top: 2px;
border-radius: 3px;
line-height: 15px;
color: #fff;
}
.listupd .utao .uta .imgu .new {
position: absolute;
top: 3px;
right: 3px;
background: #ff5e00;
font-size: 11px;
font-weight: 700;
padding: 0 4px;
padding-top: 2px;
border-radius: 3px;
line-height: 15px;
color: #fff;
}
.listupd .utao.styletwo .uta .imgu .new {
left: 3px;
right: auto;
}
.listupd .utao .uta .luf {
overflow: hidden;
}
.listupd .utao .uta .luf h4 {
margin: 0;
font-size: 0.98em;
font-weight: 600;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.listupd .utao .uta .luf ul {
margin: 0;
margin-top: 8px;
padding-left: 18px;
font-family: "Fira Sans", sans-serif;
}
.listupd .utao .uta .luf ul li {
margin-bottom: 5px;
font-size: 13px;
color: #366ad3;
}
.listupd .utao .uta .luf ul li a {
display: block;
float: left;
max-width: 80px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.listupd .utao .uta .luf ul li span {
float: right;
color: #999;
font-size: 12px;
margin-top: 1px;
}
.listupd .utao .uta .luf ul.Manhua li {
color: #009688;
}
.listupd .utao .uta .luf ul.Manhwa li {
color: #9d4942;
}
.listupd .utao.styletwo {
width: 50%;
}
.listupd .utao.styletwo .uta .imgu {
height: 150px;
width: 110px;
border-radius: 8px;
}
.listupd .utao.styletwo .uta .imgu img {
width: 100%;
height: 100%;
object-fit: cover;
}
.listupd .utao.styletwo .uta .luf h4 {
font-size: 15px;
font-weight: 600;
}
.listupd .utao.styletwo .uta .luf ul li {
margin-bottom: 8px;
font-size: 14px;
}
.listupd .utao.styletwo .uta .luf ul li span {
margin-top: 2px;
}
.listupd .utao.styletwo .uta .luf ul li a {
color: #999;
max-width: 110px;
}
.listupd .utao.styletwo .uta .luf ul li a:hover {
color: #fff;
}
.bs,
.full.seriestu .bs {
float: left;
width: 20%;
}
.postbody.full {
float: none;
width: auto;
}
.full .bs {
width: 14.25%;
}
.bs .bsx {
position: relative;
overflow: hidden;
margin: 10px 10px;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
.bs .bsx .limit {
padding: 137% 0 0;
position: relative;
overflow: hidden;
background: #111;
}
.bs .bsx .limit .t {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
text-align: center;
overflow: hidden;
}
.bs .bsx .limit .b {
position: absolute;
bottom: -30px;
color: #fff;
z-index: 1;
padding: 8px 0;
width: 100%;
text-align: center;
background: rgba(34, 58, 101, 0.9);
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
.bs .bsx .limit img {
width: 100%;
height: auto;
top: 0;
position: absolute;
transition: transform 0.2s;
}
.bs .bsx .limit .t .type {
margin-top: 5px;
margin-left: 5px;
font-size: 11px;
padding: 1px 5px;
border-radius: 1px;
float: left;
color: #eee;
background: #673ab7;
}
.bs .bsx .limit .t .ept {
margin-top: 5px;
margin-right: 5px;
font-size: 11px;
padding: 1px 5px;
border-radius: 1px;
float: right;
color: #222;
background: rgba(255, 255, 255, 0.9);
}
.bs .bsx .limit .t .type.TV {
background: rgba(14, 175, 193, 0.8);
color: #fff;
}
.bs .bsx .limit .t .type.Movie {
background: #218c4c;
}
.bs .bsx .limit .t .type.OVA {
background: #fb3a00;
}
.bs .bsx .limit .b .bt {
margin: 0 5px;
font-family:
Open Sans,
sans-serif;
font-size: 13px;
}
.bs .bsx .limit .b .bt .tx {
overflow: hidden;
height: 36px;
font-size: 12px;
}
.bs .bsx .limit .b .bt .status {
margin-top: 5px;
overflow: hidden;
}
.bs .bsx .limit .b .bt .status span {
display: inline-block;
color: #fff;
background: #0eafc1;
padding: 2px 6px 2px 8px;
border-radius: 2px;
font-size: 12px;
}
.bs .bsx:hover .limit .b {
bottom: 0;
}
.bs .bsx .limit .b .bt .tx b {
font-weight: 400;
}
.bs .bsx .limit .bt {
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
background: rgba(34, 58, 101, 0.9);
color: #fff;
font-size: 11px;
line-height: 20px;
overflow: hidden;
}
.bs .bsx .limit .bt span.epx {
display: block;
float: left;
margin-left: 10px;
}
.bs .bsx .limit .bt span.sb {
display: block;
float: right;
padding: 0 5px;
font-size: 11px;
color: #111;
text-transform: uppercase;
background: #d9da17;
}
.bs .bsx .limit .bt span.sb.RAW {
background: rgba(14, 175, 193, 0.8);
color: #fff;
}
.bs .bsx .tt {
font-size: 0.95em;
margin: 8px 0;
margin-bottom: 3px;
font-weight: 600;
line-height: 20px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.bs .bsx .limit .ply {
display: none;
position: absolute;
width: 100%;
z-index: 1;
height: 100%;
top: 0;
}
.bs .bsx .limit .ply .dashicons {
background: rgba(14, 175, 193, 0.8);
border-radius: 20%;
-webkit-border-radius: 20%;
-moz-border-radius: 20%;
width: 40px;
height: 40px;
font-size: 30px;
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
text-align: center;
line-height: 38px;
margin-top: -20px;
margin-left: -20px;
border: 2px solid #2fc5d9;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
line-height: 38px;
transition: all 0.3s ease 0;
-webkit-transition: all 0.3s ease 0;
-moz-transition: all 0.3s ease 0;
}
.bs .bsx .limit .status,
.mr-related-card .bsx .limit .status {
position: absolute;
top: 13px;
left: -22px;
line-height: normal;
color: #fff;
text-transform: uppercase;
font-weight: 700;
z-index: 1;
padding: 2px 18px;
font-size: 9px;
background: #de3b3b;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bigor {
height: 95px;
}
.bs .bsx .limit .hot {
position: absolute;
top: 3px;
right: 3px;
background: #f44336;
font-size: 13px;
font-weight: 700;
padding: 0 5px;
padding-top: 3px;
border-radius: 3px;
line-height: 17px;
color: #fff;
z-index: 1;
}
.bs .bsx:hover .limit .ply {
display: block;
}
.bs .bsx .adds {
font-size: 13px;
color: #999;
font-family: "Fira Sans", sans-serif;
}
.bs .bsx .adds .rating {
overflow: hidden;
font-size: 12px;
margin-top: 5px;
}
.bs .bsx .adds .rating .rtg {
float: left;
}
.bs .bsx .adds .rating .rtg a {
font-size: 14px !important;
}
.bs .bsx .adds .rating i {
float: right;
color: #555;
font-size: 11px;
margin-right: 2px;
}
.bs .bsx .adds .rating .rtg a:after {
color: #333;
}
.bs .bsx .adds .rating .rtg a.br-selected:after {
color: #edb867;
}
#main-menu ul li a:hover:before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 2px;
background: #366ad3;
}
.surprise {
background: rgba(0, 0, 0, 0.32);
margin-top: 7px;
color: #fff;
}
.surprise:hover {
background: #fff;
color: #222 !important;
}
#main-menu .surprise .dashicons {
display: block;
float: left;
line-height: 16px;
font-size: 13px;
}
.bs .bsx .limit .type,
.listupd .utao.styletwo .uta .imgu .type {
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
width: 25px;
height: 17px;
overflow: hidden;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.bs .bsx .limit .type.Manga,
.listupd .utao.styletwo .uta .imgu .type.Manga,
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type.Manga {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manga.png);
}
.bs .bsx .limit .type.Manhua,
.listupd .utao.styletwo .uta .imgu .type.Manhua,
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type.Manhua {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhua.png);
}
.bs .bsx .limit .type.Manhwa,
.listupd .utao.styletwo .uta .imgu .type.Manhwa,
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type.Manhwa {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhwa.png);
}
.typename {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
padding: 2px 7px;
font-size: 10px;
text-transform: uppercase;
border-radius: 3px;
color: #efefef;
background: #366ad3;
}
.typename.Manhwa {
background: #a12e24;
}
.typename.Manhua {
background: #009688;
}
.typename.Comic {
background: #7c3db5;
}
.bs .bsx .limit .colored,
.listupd .utao.styletwo .uta .imgu .colored,
.main-info .info-left .thumb .colored,
.seriestucon .seriestucont .seriestucontl .thumb .colored,
#content .seriestere .seriestucontent .seriestucontl .thumb .colored {
position: absolute;
z-index: 1;
bottom: 5px;
left: 5px;
background: #ebcf04;
color: rgba(0, 0, 0, 0.7);
font-weight: 700;
font-size: 10px;
padding: 2px 5px;
border-radius: 3px;
text-transform: uppercase;
}
.bs .bsx .limit .colored .fas,
.bs .bsx .limit .novelabel .fas {
font-size: 10px;
}
.bs .bsx .limit .novelabel,
.listupd .utao.styletwo .uta .imgu .novelabel {
position: absolute;
z-index: 1;
bottom: 5px;
left: 5px;
background: #eb6404;
color: rgba(255, 255, 255, 0.8);
font-weight: 700;
font-size: 10px;
padding: 2px 5px;
border-radius: 3px;
text-transform: uppercase;
}
.bs .bsx .limit .hotx,
.listupd .utao.styletwo .uta .imgu .hotx {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 1;
width: 25px;
text-align: center;
background: #f44336;
border-radius: 50%;
}
.bs .bsx .limit .hotx .fab,
.listupd .utao.styletwo .uta .imgu .hotx .fab {
line-height: 25px;
color: #fff;
}
.bs .bsx .rating-prc .rtp .rtb {
font-size: 13px;
width: 73px;
margin-right: 5px;
height: 13px;
}
.bs .bsx .numscore {
line-height: normal;
}
.bs.styletere .adds {
color: #999;
}
.bs.styletere .epxdate {
font-size: 11px;
margin-top: 3px;
}
.bs.styletere .epxs {
color: #6091f3;
}
.bs.styletere .bsx .tt {
font-size: 13px;
}
.bs.stylefor {
width: 25%;
}
.bs.stylefor .bsx {
border: 1px solid #383838;
border-radius: 5px;
}
.bs.stylefor .bsx .limit {
padding: 65% 0 0;
}
.bs.stylefor .bsx .bigor {
padding: 10px;
height: auto;
}
.bs.stylefor .bsx .bigor .tt {
margin: 0;
white-space: nowrap;
font-size: 14px;
}
.bs.stylefor .bsx .bigor .epxdate {
color: #999;
}
.bs.stylefor .bsx .bigor .adds {
margin-top: 8px;
}
.bs.stylefor .bsx .bigor .adds .epxs {
background: #333;
text-align: center;
border-radius: 5px;
padding: 5px;
color: #ccc;
}
.bs.stylefiv {
width: 20%;
}
.bs.stylefiv .bsx .limit {
border-radius: 5px;
}
.bs.stylefiv .bsx .tt {
-webkit-line-clamp: 2;
text-align: center;
font-size: 14px;
font-weight: 600;
height: 42px;
}
.bs.stylefiv .bsx .chfiv {
padding: 0;
margin: 0;
list-style: none;
}
.bs.stylefiv .bsx .chfiv li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 5px;
background: #333;
border-radius: 5px;
}
.bs.stylefiv .bsx .chfiv li a {
color: #ddd;
font-size: 12px;
font-weight: 500;
position: relative;
overflow: hidden;
display: block;
padding: 6px 10px;
}
.bs.stylefiv .bsx .chfiv li a:hover {
background: #366ad3;
color: #fff;
}
.bs.stylefiv .bsx .chfiv li .fivchap {
float: left;
}
.bs.stylefiv .bsx .chfiv li a:hover .fivchap {
color: #fff;
}
.bs.stylefiv .bsx .chfiv li .fivtime {
color: #ddd;
float: right;
font-size: 11px;
font-weight: normal;
}
.bs.stylefiv .bsx .bigor {
height: 125px;
}
.bs.stylefiv .bsx .limit img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bs.stylefiv .bsx .limit:hover img {
transform: scale(1.1);
}
.bs.stylefiv.stylesix {
width: 20%;
}
.bs.stylesix .bsx .tt {
-webkit-line-clamp: 1;
height: unset;
font-weight: 600;
font-size: 13px;
text-align: left;
margin-bottom: 5px;
}
.bs.stylesix .bsx .bigor {
height: 72px;
}
.bs.stylesix .bsx .chfiv li {
background: none;
font-family: "Fira Sans", sans-serif;
border-radius: none;
}
.bs.stylesix .bsx .chfiv li a {
display: inline-block;
padding: 0 7px;
background: #283c5a;
color: #799adc;
border-radius: 10px;
overflow: unset;
margin-right: 5px;
}
.bs.stylesix .bsx .chfiv li .fivtime {
font-size: 11px;
font-weight: 500;
color: #999;
float: none;
}
.statusind {
position: relative;
display: inline-block;
background: #18171f;
padding: 3px 10px;
border-radius: 5px;
font-size: 11px;
font-family: "Fira Sans", sans-serif;
}
.statusind i {
margin-right: 5px;
font-size: 9px;
}
.statusind.Ongoing i {
color: #e38801;
}
.statusind.Completed i {
color: #d6291c;
}
.stylesven {
width: 50%;
float: left;
overflow: hidden;
}
.stylesven .sveninner {
margin: 10px;
position: relative;
background: #282828;
padding: 15px;
}
.stylesven .sveninner .sventop {
overflow: hidden;
margin-bottom: 20px;
}
.stylesven .sveninner .sventop .sventhumb {
float: left;
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 15px;
border-radius: 10px;
background: #333;
}
.stylesven .sveninner .sventop .sveninfo {
overflow: hidden;
}
.stylesven .sveninner .sventop .sveninfo .sventitle {
margin-bottom: 5px;
}
.stylesven .sveninner .sventop .sveninfo .sventitle h4 {
margin: 0;
font-weight: 600;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.stylesven .sveninner .sventop .sveninfo .svendetop {
font-size: 12px;
color: #888;
overflow: hidden;
}
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta {
float: left;
margin-right: 20px;
}
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta i {
font-size: 11px;
margin-right: 3px;
}
.stylesven .sveninner .svenbottom {
overflow: hidden;
}
.stylesven .sveninner .svenbottom .svenmetabot {
position: relative;
}
.stylesven .sveninner .svenbottom .svenmetabot .statusind {
float: left;
}
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters {
float: right;
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 500;
}
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li {
float: right;
margin-left: 15px;
}
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type {
width: 15px;
height: 10px;
background-repeat: no-repeat;
background-size: contain;
display: block;
float: left;
margin-top: 4px;
margin-right: 7px;
}
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li span {
display: none;
}
.listupd .utao.stylegg .uta {
border: 0;
margin: 10px;
position: relative;
background: #282828;
padding: 15px;
height: 155px;
}
.listupd .utao.stylegg .uta .imgu {
width: 90px;
height: 125px;
background: #333;
}
.listupd .utao.stylegg .uta .imgu img {
width: 100%;
}
.listupd .utao.stylegg .uta .imgu .type {
width: 20px;
height: 14px;
}
.listupd .utao.stylegg .uta .luf {
position: relative;
}
.listupd .utao.stylegg .uta .luf h4 {
font-size: 14px;
margin-bottom: 10px;
}
.listupd .utao.stylegg .uta .luf ul {
list-style: none;
padding: 0;
overflow: hidden;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.listupd .utao.stylegg .uta .luf ul li {
overflow: hidden;
flex: 1 1 0%;
}
.listupd .utao.stylegg .uta .luf ul li span {
float: none;
display: block;
text-align: center;
margin: 0;
}
.listupd .utao.stylegg .uta .luf ul li a {
float: none;
border: 1px solid #3c3c3c;
border-radius: 5px;
max-width: unset;
padding: 4px 3px;
}
.listupd .utao.stylegg .uta .luf ul li:nth-child(2) {
margin-left: 5px;
}
.listupd .utao.stylegg .uta .luf ul li span.eggchap {
color: #ddd;
}
.listupd .utao.stylegg .uta .luf ul li span.eggtime {
font-size: 11px;
margin-top: 2px;
}
.listupd .utao.stylegg .uta .luf ul li a:hover .eggchap {
color: #fff;
}
.listupd.popularslider {
padding-bottom: 10px;
}
.listupd.popularslider .popconslide {
white-space: nowrap;
overflow: auto;
padding-bottom: 5px;
display: flex;
}
.listupd.popularslider .popconslide .bs {
display: block;
float: none !important;
white-space: normal;
flex: 1 0 165px;
max-width: 165px;
}
.listupd.popularslider .popconslide::-webkit-scrollbar {
height: 9px;
background-color: #111;
border-radius: 2px;
}
.listupd.popularslider .popconslide::-webkit-scrollbar-thumb {
background-color: #333;
border-radius: 2px;
}
ul.taxindex {
list-style: none;
padding: 0;
margin: 0 -10px;
overflow: hidden;
flex-wrap: wrap;
display: flex;
}
ul.taxindex li {
width: 25%;
}
ul.taxindex li a {
margin: 10px;
padding: 0.5rem 1rem;
display: block;
font-weight: 500;
border-radius: 0.25rem;
background: #333;
color: #999;
}
ul.taxindex li a i {
float: right;
font-style: normal;
color: #727579;
font-weight: 400;
}
ul.taxindex li a:hover {
background: #e2e8f0;
color: #727579;
}
ul.taxindex li a span {
display: inline-block;
max-width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.restrictcontainer {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 99999;
}
.restrictcontainer .restrictcheck {
height: 100%;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
background: rgba(0, 0, 0, 0.8);
}
.restrictcontainer .restrictcheck .restrictmess {
max-width: 600px;
text-align: center;
padding: 20px;
}
.restrictcontainer .restrictcheck .restrictmess .restitle {
font-size: 28px;
font-weight: 700;
color: #fff;
margin-bottom: 15px;
}
.restrictcontainer .restrictcheck .restrictmess .resdescp {
background: #dd5f05;
color: #fff;
padding: 10px;
margin-bottom: 15px;
border-radius: 3px;
}
.restrictcontainer .restrictcheck .restrictmess .resconfirm {
display: flex;
flex-wrap: nowrap;
margin: 0 -10px;
}
.restrictcontainer .restrictcheck .restrictmess .resconfirm .rescb {
width: 50%;
margin: 0 10px;
padding: 7px 10px;
background: #141414;
color: #fff;
border-radius: 3px;
border: 0;
font-family: inherit;
cursor: pointer;
}
.restrictcontainer .restrictcheck .restrictmess .resconfirm .rescb.enterx {
background: #d30000;
}
.cts {
font-size: 13px;
line-height: 19px;
overflow: hidden;
height: 85px;
overflow-y: scroll;
padding: 5px;
border: 1px solid #ddd;
}
.cts p {
margin: 0;
}
.chapterbody .bs {
width: 14.28%;
}
#content.readercontent {
overflow: auto;
max-width: none;
}
#content.readercontent .ts-breadcrumb {
text-align: center;
max-width: 1142px;
margin: 0 auto;
}
#content.readercontent .ts-breadcrumb a {
color: #999;
}
#content.readercontent .chdesc {
text-align: center;
margin: 0 auto;
margin-bottom: 25px;
max-width: 1142px;
} .page h2,
.page h3,
.page h4 {
margin: 0;
font-weight: 500;
margin-bottom: 5px;
}
.page.blog {
color: #ddd;
font-size: 14px;
}
.page.blog img {
width: auto !important;
max-width: 70%;
}
.page .pagination {
margin-top: 30px;
margin-bottom: 9px;
}
.bigblogt {
clear: both;
overflow: hidden;
margin-bottom: 15px;
}
.bigblogt h1 {
margin: 0;
line-height: normal;
font-size: 20px;
font-weight: 400;
color: #ddd;
margin-bottom: 3px;
}
.bigblogt span {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.bigblogt span a {
background: #366ad3;
color: #ddd;
padding: 0 5px;
margin-left: 10px;
}
.page.blog .thumb {
margin: -15px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
padding: 40% 0 0;
border-bottom: 3px solid #366ad3;
}
.page.blog .thumb img {
width: 100% !important;
max-width: 100% !important;
top: 0;
position: absolute;
z-index: 1;
}
.page.blog .thumb .shdwx {
background: rgba(0, 0, 0, 0.13);
position: absolute;
height: 100%;
width: 100%;
z-index: 2;
top: 0;
box-shadow: inset 0 0 150px #000;
}
.alr {
margin-bottom: 18px;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #fff;
background: #d7382d;
font-size: 13px;
padding: 15px;
}
.postb {
font-size: 15px;
line-height: 22px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.sosmed {
position: absolute;
right: 10px;
bottom: 15px;
}
.sosmed span {
width: auto;
height: auto;
font-size: 16px;
padding: 4px;
border-radius: 15px;
color: #fff;
background: #444;
margin-right: 3px;
}
.bixbox.mctn {
padding: 15px;
font-size: 13px;
color: #777;
}
.mctnx {
margin: 15px;
}
.listo {
overflow: hidden;
margin: -15px;
font-size: 14px;
padding: 15px;
position: relative;
}
.listo .bx {
padding: 13px 0;
border-bottom: 1px solid #262432;
overflow: hidden;
}
.listo .bx .imgx {
width: 70px;
min-height: 98px;
float: left;
}
.listo .bx .inx {
overflow: hidden;
padding-left: 15px;
}
.listo .bx .inx h2 {
font-size: 1em;
font-weight: 500;
margin: 0 0 3px;
line-height: 1.2em;
}
.listo .bx .inx span {
font-size: 0.9em;
margin-bottom: 5px;
line-height: 18px;
}
.listo .bx .inx span p {
margin: 0;
}
.lista {
padding: 10px;
margin: -15px;
line-height: normal;
text-align: center;
}
.lista a {
margin: 4px;
border: 1px solid #366ad3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
min-width: 32px;
text-align: center;
font-size: 14px;
padding: 5px 8px;
display: inline-block;
color: #fff;
background: #366ad3;
}
.lista a:hover {
background: #292635;
color: #ccc;
border-color: #292635;
}
.nextprev {
overflow: hidden;
}
.nextprev .prev {
float: left;
}
.nextprev .next {
float: right;
}
.postb img {
max-width: 100%;
height: auto;
}
.postb .imgb {
display: block;
margin: 0 auto;
margin-bottom: 15px;
max-width: 75%;
}
.postarea {
overflow: hidden;
margin-bottom: 10px;
margin-top: 15px;
}
.headpost {
overflow: hidden;
text-align: center;
padding: 0 10px;
margin: 0 auto;
margin-bottom: 15px;
max-width: 1142px;
}
.headpost h1 {
margin: 0;
font-size: 21px;
color: #ddd;
}
.allc a {
color: #ddd;
font-weight: 500;
}
.headpost .allc {
font-size: 13px;
}
.headpost .allc a {
color: #366ad3;
}
.headpost .allc a:hover {
color: inherit;
}
.chnav {
overflow: hidden;
margin: 0 auto;
max-width: 1142px;
}
.nextprev a {
display: block;
padding: 2px 15px;
border-radius: 20px;
color: #fff;
font-size: 13px;
background: #366ad3;
line-height: 25px;
}
.nextprev a[rel="next"] {
float: right;
}
.nextprev a[rel="prev"] {
float: left;
}
.nextprev a:hover {
background: #333 !important;
color: #fff !important;
}
.black {
background: #16151d;
color: #999;
}
.black a {
color: #ddd;
}
.black .nextprev a {
color: #fff;
}
.black a:hover {
color: #fff;
}
.black .nextprev a.disabled {
background: #222;
color: #555;
}
.black .nextprev a.disabled:hover {
background: #222 !important;
color: #555 !important;
cursor: default;
}
.readingnav {
display: none;
}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a.disabled {
cursor: default;
color: #555;
}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a:hover {
background: none !important;
}
.chnav.selectchp .npv {
float: right;
}
.chnav.selectchp .slc {
float: left;
margin-left: 10px;
}
.chnav.selectchp .slc #chapter {
background: #252428;
color: #ddd;
border: 1px solid #3e3949;
font-family: inherit;
padding: 3px 10px;
font-size: 13px;
border-radius: 2px;
max-width: 300px;
}
.chnav .dlx {
float: right;
}
.chnav .dlx a {
display: block;
padding: 2px 10px;
font-size: 13px;
border-radius: 20px;
color: #fff;
line-height: 25px;
margin-left: 5px;
background: #d50f00;
position: relative;
z-index: 1;
}
.chnav .dlx a:hover {
background: #333;
}
.chnav.selectchp .npv .nextprev {
margin-left: 5px;
}
.chnav .selector select {
background: #333;
border: 1px solid #333;
font-family: inherit;
display: block;
color: #9b9b9b;
padding: 5px 10px;
padding-right: 25px;
border-radius: 20px;
font-size: 13px;
-webkit-appearance: none;
}
.chnav .l .nvx,
.chnav .pagedsel,
.chnav .readingmode,
.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l .nvx,
.readingnav.rnavbot .readingnavbot .readingoption .nextprev .pagedsel {
position: relative;
}
.chnav .l .nvx:after,
.chnav .pagedsel:after,
.chnav .readingmode:after,
.mirror-select:after,
.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l .nvx:after,
.readingnav.rnavbot .readingnavbot .readingoption .nextprev .pagedsel:after {
position: absolute;
top: 0;
right: 7px;
content: "\f0dc";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
background: 0 0;
width: 17px;
top: 50%;
font-size: 12px;
transform: translateY(-50%);
background: #333;
text-align: center;
}
.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l .nvx:after,
.readingnav.rnavbot .readingnavbot .readingoption .mirror-select:after,
.readingnav.rnavbot .readingnavbot .readingoption .nextprev .pagedsel:after {
background: none;
}
.mirror-select {
position: relative;
}
.chnav .l {
float: left;
margin-right: 10px;
}
.chnav .r {
float: right;
margin-left: 10px;
}
.nextprev a[rel="next"] {
margin-left: 10px;
}
.chnav.ctop {
margin-bottom: 20px;
}
.chnav.cbot {
margin-top: 20px;
margin-bottom: 20px;
}
.readingnav {
padding: 0 20px;
width: 100%;
position: fixed;
left: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.7);
transition: all 0.8s ease;
}
.readingnav.rnavtop {
top: -44px;
}
.readingnav.rnavbot {
bottom: -40px;
}
.readingnav.rnavtop .readingnavtop {
max-width: 1142px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
}
.readingnav.rnavtop .readingnavtop .daw {
width: 33.33333%;
}
.readingnav.rnavtop .readingnavtop .daw.chpnw {
text-align: center;
color: #fff;
line-height: 44px;
font-size: 15px;
}
.readingnav.rnavtop .readingnavtop .daw.backseries {
font-size: 25px;
}
.readingnav.rnavtop .readingnavtop .daw .fas {
line-height: 43px;
}
.readingnav.rnavtop .readingnavtop .daw.dl {
text-align: right;
font-size: 18px;
}
.readingnav.rnavbot .readingnavbot {
max-width: 1142px;
margin: 0 auto;
}
.readingnav.rnavbot .readingnavbot .readingbar {
margin: 10px 0;
height: 7px;
background: #000;
}
.readingnav.rnavbot .readingnavbot .readingbar .readingprogress {
height: 7px;
background: #366ad3;
}
.readingnav.rnavbot .readingnavbot .readingoption {
margin-bottom: 10px;
overflow: hidden;
}
.readingnav.rnavbot .readingnavbot .readingoption:after {
clear: both;
}
.readingnav.rnavbot .readingnavbot .readingoption .l {
float: left;
}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev {
float: right;
}
.readingnav.rnavbot .readingnavbot .readingoption .selectorx select {
font-family: inherit;
background: #000;
border: 1px solid #000;
color: #ccc;
padding: 5px 10px;
border-radius: 20px;
cursor: pointer;
-webkit-appearance: none;
padding-right: 25px;
}
.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l {
margin-right: 10px;
}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a {
background: 0;
font-size: 19px;
padding: 0;
color: #ccc;
}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a .fas {
line-height: 29px;
}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a[rel="prev"] {
margin-right: 10px;
}
.hidenopt .readingnav.rnavbot {
bottom: 0;
}
.hidenopt .readingnav.rnavtop {
top: 0;
}
.customize-support.hidenopt .readingnav.rnavtop {
top: 32px;
}
.readingnav.rnavtop.headerfor {
top: 68px;
}
.customize-support .readingnav.rnavtop.headerfor {
top: 100px;
}
.readingnav.rnavbot .minimizebar {
position: absolute;
top: -15px;
left: 0;
width: 100%;
text-align: center;
}
.readingnav.rnavbot .minimizebar .icomin {
display: inline-block;
background: rgba(0, 0, 0, 0.7);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 5px 20px;
cursor: pointer;
}
.readingnav.rnavbot .minimizebar .icomin .barip {
height: 5px;
width: 50px;
background: #535353;
border-radius: 10px;
}
.fontSize {
margin: 0 auto;
max-width: 1142px;
text-align: center;
margin-bottom: 15px;
}
.fontSize .setSize {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
width: 35px;
line-height: 35px;
text-align: center;
background: #333;
border-radius: 50%;
font-weight: 700;
}
#readerarea {
margin: 10px auto;
text-align: center;
position: relative;
max-width: 1142px;
}
#readerarea .preventclick {
margin: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
#readerarea img {
max-width: 100%;
margin: 0 auto;
display: block;
}
#readerarea br {
display: none;
}
#readerarea p {
margin: 0;
}
#readerarea.rdminimal {
text-align: left;
line-height: 160%;
}
#readerarea.novelarea p {
margin-bottom: 10px;
}
#readerarea.novelarea br {
display: block;
}
#readerarea .gallery {
overflow: hidden;
}
.readingnav .rdnmx {
position: absolute;
width: 100%;
height: 45px;
left: 0;
cursor: pointer;
}
.readingnav .rdnmx.rdbot {
bottom: 65px;
}
.readingnav .rdnmx.rdtop {
top: 44px;
}
.hidenopt .readingnav .rdnmx {
height: 25px;
}
#content.readercontent .chaptertags {
max-width: 1142px;
margin: 0 auto;
margin-bottom: 15px;
background: #222;
overflow: hidden;
border-radius: 3px;
padding: 0 15px;
font-size: 13px;
}
#content.readercontent .bixbox {
margin: 0 auto;
margin-bottom: 20px;
max-width: 1142px;
}
img.curleft {
cursor: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/img/arrow-left-circle.svg), auto;
}
img.curright {
cursor: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/img/arrow-right-circle.svg), auto;
}
img.curdown {
cursor: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/img/arrow-down-circle.svg), auto;
}
.releases.series {
display: block;
margin-bottom: 15px;
}
.releases.series h1 {
font-weight: 500;
font-size: 20px;
display: block;
padding: 0;
margin: 0;
color: #000;
padding-bottom: 2px;
font-family: inherit;
}
.releases.series .alter {
display: block;
color: #999;
font-size: 13px;
padding-bottom: 5px;
}
#content.manga-info {
position: unset;
max-width: 1100px;
margin-top: 0;
}
#content.manga-info .wrapper {
position: unset;
}
#content.manga-info .postbody.full {
z-index: 1;
position: relative;
padding-top: 125px;
}
.bigcover {
position: absolute;
left: 0;
z-index: 0;
width: 100%;
height: 280px;
overflow: hidden;
background: #222;
}
.bigcover img {
width: 100%;
min-height: 280px;
}
.bigcover .img-blur {
-webkit-filter: blur(60px);
-moz-filter: blur(60px);
-ms-filter: blur(60px);
filter: blur(60px);
}
.bigcover .bigbanner {
background-position: 50% 35%;
background-repeat: no-repeat;
background-size: cover;
min-height: 280px;
}
.side.infomanga {
overflow: hidden;
margin-bottom: 15px;
}
.side.infomanga .imgprop {
float: left;
margin-right: 5px;
}
.side.infomanga .imgprop img {
float: left;
max-width: 190px;
height: auto;
}
.side.infomanga table.listinfo {
overflow: hidden;
}
.side.infomanga table.listinfo tr {
vertical-align: top;
}
.side.infomanga table.listinfo tr th {
display: block;
font-weight: 700;
text-align: left;
padding: 3px 10px;
}
.side.infomanga table.listinfo tr td {
padding: 3px 10px 3px 0;
}
.sny {
overflow: hidden;
}
.sny h2 {
margin: 0;
font-weight: 500;
font-size: 16px;
}
.main-info .info-desc h1 {
margin: 0;
font-size: 21px;
font-weight: 700;
line-height: 28px;
color: #fff;
}
.socialts {
overflow: hidden;
margin-bottom: 15px;
}
.chapterbody .socialts {
text-align: center;
}
.socialts a {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
background: #333;
color: #fff !important;
padding: 0;
line-height: 26px;
font-size: 12px;
border-radius: 3px;
}
.socialts a i {
padding-left: 10px;
padding-right: 2px;
}
.socialts a span {
padding-right: 10px;
}
.socialts a.fb {
background: #1877f2;
}
.socialts a.fb:hover {
background: #2f477b;
}
.socialts a.twt {
background: #1da1f2;
}
.socialts a.twt:hover {
background: #1781c3;
}
.socialts a.wa {
background: #01ba6d;
}
.socialts a.wa:hover {
background: #008f54;
}
.socialts a.pntrs {
background: #e81737;
}
.socialts a.pntrs:hover {
background: #b2132c;
}
.socialts a.tlg {
background: #27a5e5;
}
.socialts a.tlg:hover {
background: #1e7eaf;
}
.main-info .info-desc .alter {
display: block;
margin-bottom: 5px;
color: #555;
}
.main-info .info-desc .spe {
margin-bottom: 10px;
overflow: hidden;
}
.main-info .info-desc .spe span {
width: 48%;
margin-right: 2%;
margin-bottom: 2px;
float: left;
padding-left: 14px;
position: relative;
}
.main-info .info-desc .spe span.split {
overflow: hidden;
white-space: nowrap;
}
.main-info .info-desc .desc {
line-height: 1.4em;
color: #888;
}
.main-info .info-desc .spe span:before {
content: "";
width: 8px;
height: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background: #366ad3;
display: inline-block;
position: absolute;
left: 0;
top: 4px;
}
.rating-prc .rtp {
overflow: hidden;
display: inline-block;
float: left;
}
.rating-prc .rtp .rtb {
position: relative;
overflow: hidden;
color: #ffc700;
height: 15px;
line-height: 1;
width: 85px;
font-size: 15px;
margin: 0 auto;
}
.rating-prc .rtp .rtb:before {
content: "\f005\f005\f005\f005\f005";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 0;
left: 0;
color: #686868;
height: 15px;
}
.rating-prc .rtp .rtb span {
overflow: hidden;
top: 0;
left: 0;
position: absolute;
padding-top: 15px;
}
.rating-prc .rtp .rtb span:before {
content: "\f005\f005\f005\f005\f005";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 0;
position: absolute;
left: 0;
}
.rating-prc .num {
float: right;
line-height: normal;
font-size: 13px;
}
.main-info .wd-full {
margin-top: 15px;
}
.main-info .wd-full b,
.main-info .info-desc .wd-full h2,
.main-info .info-desc .flex-wrap .fmed b {
margin: 0;
font-size: 14px;
margin-bottom: 5px;
display: block;
color: #d9d9d9;
font-weight: 500;
}
.main-info .wd-full span {
display: block;
}
.main-info .wd-full p {
margin: 0;
}
.main-info .flex-wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.main-info .flex-wrap .fmed {
width: 50%;
}
.main-info .wd-full .mgen {
display: block;
overflow: hidden;
}
.main-info .wd-full .mgen a {
display: inline-block;
margin-right: 3px;
margin-bottom: 6px;
background: #343434;
padding: 4px 12px;
border-radius: 3px;
}
.main-info .wd-full .entry-content.entry-content-single {
line-height: 24px;
}
.main-info {
overflow: hidden;
}
.main-info .info-left {
float: left;
width: 235px;
margin-right: 15px;
}
.main-info .info-right {
overflow: hidden;
}
.main-info .info-left .thumb {
margin-bottom: 10px;
position: relative;
}
.main-info .info-left .thumb img {
width: 100%;
}
.main-info .info-left .rating {
text-align: center;
padding: 9px 10px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
}
.main-info .info-left .tsinfo {
margin-top: 10px;
}
.info-desc {
padding: 15px;
}
.info-desc h1 {
margin: 0;
font-size: 21px;
font-weight: 700;
line-height: 28px;
color: #fff;
}
.info-desc .alternative {
margin-top: 5px;
display: block;
font-size: 13px;
color: #999;
}
.info-right .socialts {
text-align: center;
}
.imptdt {
padding: 7px 10px;
overflow: hidden;
font-size: 13px;
}
.imptdt i,
.imptdt a {
font-style: normal;
float: right;
color: #999;
}
.animefull .bottom {
background: rgba(34, 58, 101, 0.02);
padding: 12px 20px;
font-size: 0.85em;
border-top: 1px solid #312f40;
text-transform: lowercase;
font-weight: 300;
}
.bookmark {
text-align: center;
background: #366ad3;
font-size: 14px;
color: #fff;
border-radius: 5px;
padding: 8px 5px;
cursor: pointer;
font-weight: 600;
}
.bookmark .dashicons {
width: auto;
height: auto;
font-size: 16px;
}
.bookmark:hover {
background: #222;
}
.bookmark.marked {
background: #be342a;
}
.bmc {
text-align: center;
font-size: 12px;
margin-top: 4px;
}
.hapus {
display: inline-block;
padding: 2px 18px;
font-size: 13px;
line-height: 20px;
border-radius: 3px;
color: #fff;
background: #e53427;
cursor: pointer;
}
.delmark {
position: absolute;
z-index: 9;
cursor: pointer;
top: 0;
right: 0;
color: #fff;
font-size: 13px;
padding: 2px 5px;
border-bottom-left-radius: 5px;
background: #e53427;
}
.bixbox.trailer {
overflow: hidden;
}
.bixbox.trailer .tply {
padding: 58% 0 0;
position: relative;
}
.bixbox.trailer .tply iframe {
width: 100%;
height: 100%;
top: 0;
position: absolute;
}
#gallery {
margin: 15px !important;
height: 245px !important;
display: block !important;
}
#gallery.owl-loaded {
margin: 15px;
overflow: hidden;
width: unset;
}
#gallery.owl-loaded .owl-dots {
position: relative;
bottom: 0;
margin-top: 10px;
}
#gallery.owl-loaded .owl-dots span {
box-shadow: none;
background: #555;
cursor: pointer;
}
#gallery.owl-loaded .owl-item {
max-height: 210px;
}
#gallery.owl-loaded .owl-dots .owl-dot.active span {
background: #366ad3 !important;
}
.lastend {
overflow: hidden;
position: relative;
margin: 10px;
}
.lastend .inepcx {
width: 50%;
float: left;
text-align: center;
}
.lastend .inepcx a {
display: block;
color: #fff;
margin: 5px;
padding: 15px;
background: #366ad3;
border-radius: 5px;
line-height: normal;
}
.lastend .inepcx a span {
display: block;
font-size: 15px;
}
.lastend .inepcx a span.epcur {
font-size: 20px;
margin-top: 6px;
font-weight: 700;
}
.lastend .inepcx a:hover {
background: #333;
}
.search-chapter {
overflow: hidden;
position: relative;
margin: 0 15px 15px;
}
#searchchapter {
width: 100%;
color: #ccc;
font-family: inherit;
padding: 7px 10px;
background: #343434;
border: 1px solid #464357;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.bxcl {
overflow: hidden;
}
.bxcl ul {
padding: 0;
list-style: none;
margin: 0;
margin-left: -5px;
overflow: auto;
max-height: 297px;
}
.bxcl ul li {
float: left;
width: 25%;
}
.bxcl ul #lihide {
float: none !important;
width: auto !important;
}
.bxcl ul li .rg {
margin: 5px;
padding: 10px;
overflow: hidden;
position: relative;
background: #fafafa;
border: 2px solid #e2e3e7;
}
.bxcl ul li .rg .lch {
float: left;
}
.bxcl ul li .rg .dlx {
position: absolute;
right: 10px;
top: 0;
}
.bxcl ul li .rg .dlx a.dlxx {
overflow: hidden;
position: relative;
}
.bxcl ul li .rg .dlx a.dlxx .dashicons {
width: auto;
height: auto;
font-size: 22px;
line-height: 38px;
color: #888;
}
.bxcl ul li .rg .dlx a.dlxx .dashicons:hover {
color: #006400;
text-decoration: none;
}
.bxcl ul li .rg .dlx .ndlx {
font-size: 22px;
line-height: 36px;
color: #c6c6c6;
}
.bxcl ul li span.dt {
float: right;
}
.bxcl ul li .lchx {
line-height: 26px;
}
.bxcl ul li span.dt a {
display: block;
background: #366ad3;
color: #ddd;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border: none;
box-shadow: none;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
margin-left: 7px;
float: left;
}
.bxcl ul li span.dt a .dashicons {
width: auto;
height: auto;
font-size: 16px;
line-height: 18px;
color: #ddd;
}
.bxcl ul li span.dt a:hover {
background: #222;
color: #fff;
}
.bxcl ul li span.dt a:hover .dashicons {
color: #fff;
}
.bxcl ul li .chbox {
overflow: hidden;
padding: 5px 10px;
border: 1px solid #333;
font-size: 14px;
margin: 0 5px;
margin-bottom: 10px;
position: relative;
border-radius: 5px;
}
.bxcl ul li .chbox:hover {
background: #333;
}
.bs .bsx .limit .bt span.sb .dashicons {
width: auto;
height: auto;
font-size: 12px;
line-height: 19px;
color: rgba(34, 58, 101, 0.9);
}
#chapterlist {
margin: 15px;
font-family: "Fira Sans", sans-serif;
}
.bxcl ul::-webkit-scrollbar-thumb,
.quickfilter .filters .filter .genrez::-webkit-scrollbar-thumb {
background: #366ad3;
}
.bxcl ul::-webkit-scrollbar-track,
.quickfilter .filters .filter .genrez::-webkit-scrollbar-track {
background: none;
}
.bxcl ul::-webkit-scrollbar,
.quickfilter .filters .filter .genrez::-webkit-scrollbar {
width: 5px;
}
.bxcl ul li .eph-num {
float: left;
}
.bxcl ul li .dt {
float: right;
font-size: 20px;
margin-top: 8px;
margin-right: 5px;
}
.bxcl ul li .eph-num span {
display: block;
}
.bxcl ul li .eph-num span.chapternum {
font-weight: 400;
}
.bxcl ul li .eph-num span.chapterdate {
font-size: 12px;
color: #888;
}
.bxcl ul li .eph-num a:visited {
color: #366ad3;
}
.bxcl ul li .dt a {
color: #366ad3;
}
.bxcl ul li .dt a:hover {
color: #fff;
}
.bxcl .clstyle {
margin-left: 0;
}
.bxcl .clstyle li {
float: none;
width: auto;
}
.bxcl .clstyle li .chbox {
margin-left: 0;
}
.bxcl .clstyle li .eph-num {
width: 85%;
}
.bxcl .clstyle li span.chapternum {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.page .auth {
margin-bottom: 15px;
display: block;
color: #999;
font-size: 11px;
font-family: tahoma;
}
.page .auth a {
color: #999;
}
.page img {
width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 10px;
display: block;
text-align: center;
}
.page iframe {
width: 100%;
min-height: 350px;
}
.bloglist {
position: relative;
}
.bloglist .bl {
overflow: hidden;
padding: 15px;
}
.bloglist .bl:nth-child(odd) {
background: #262432;
}
.bloglist .bl .l {
float: left;
width: 80%;
}
.bloglist .bl .r {
overflow: hidden;
padding-left: 10px;
text-align: right;
}
.bloglist .bl .r span {
padding-top: 11px;
display: block;
color: #6a6a6a;
font-size: 12px;
}
.bloglist .bl .l h2 {
margin: 0;
margin-bottom: 5px;
font-size: 14px;
font-weight: 400;
}
.bloglist .bl .l span {
font-size: 13px;
}
.genres {
margin: 0;
margin-bottom: 15px;
background: #f7f7f7;
padding: 10px;
overflow: hidden;
color: #999;
border-radius: 5px;
}
.genres li {
width: 20%;
margin-left: 25px;
line-height: 24px;
float: left;
}
.genres li a {
color: #333;
}
.advancedsearch {
position: relative;
}
.advancedsearch .quickfilter .filters .filter,
.advancedsearch .quickfilter .filters .filter.submit {
width: 20%;
position: static;
}
.advancedsearch .quickfilter .filters .filter ul {
right: 0;
left: 0;
top: auto;
width: auto;
}
.advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 {
max-width: none;
float: none;
}
.advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 li {
width: 20%;
float: left;
}
.quickfilter .filters .filter .genrez {
max-height: 240px;
overflow: auto;
}
.quickfilter .filters .filter .genrez:hover {
overflow-y: scroll;
}
.advancedsearch .quickfilter .filters .filter ul li {
width: 20%;
}
*,
::before,
::after {
box-sizing: border-box;
}
.genx {
display: block;
position: relative;
padding: 3px 0;
padding-left: 17px;
margin-bottom: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
width: 20%;
}
.genx input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 8px;
left: 0;
height: 6px;
border-radius: 50%;
width: 6px;
background-color: #282635;
}
.genx:hover input ~ .checkmark {
background-color: #ccc;
}
.genx input:checked ~ .checkmark {
background-color: #e3eff2;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.genx input:checked ~ .checkmark:after {
display: block;
}
.genx .checkmark:after {
left: 2px;
top: -2px;
width: 5px;
height: 10px;
border: solid #28a745;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.radiox {
display: block;
position: relative;
padding-left: 18px;
margin-right: 15px;
margin-bottom: 5px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radiox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmarkx {
position: absolute;
top: 3px;
left: 0;
height: 12px;
width: 12px;
background-color: #282635;
border-radius: 50%;
}
.radiox:hover input ~ .checkmarkx {
background-color: #ccc;
}
.radiox input:checked ~ .checkmarkx {
background-color: #366ad3;
}
.checkmarkx:after {
content: "";
position: absolute;
display: none;
}
.radiox input:checked ~ .checkmarkx:after {
display: block;
}
.radiox .checkmarkx:after {
top: 3px;
left: 3.5px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
}
.advancedsearch button.searchz {
font-family: inherit;
border: 1px solid #366ad3;
color: #ddd;
line-height: 30px;
padding: 0 15px;
border-radius: 30px;
background: #366ad3;
cursor: pointer;
font-weight: 300;
display: inline-block;
font-size: 17px;
margin: 2px;
}
.btnx {
text-align: center;
overflow: hidden;
}
.gnr {
font-family: inherit;
border: 1px solid #333041;
color: #ddd;
line-height: 30px;
padding: 0 15px;
border-radius: 30px;
background: #333041;
cursor: pointer;
font-weight: 300;
display: none;
font-size: 17px;
margin: 2px;
cursor: pointer;
}
.modex {
margin: 0 15px;
margin-bottom: 5px;
text-align: right;
}
.other-opts .modex {
float: right;
}
.modex a {
cursor: pointer;
color: #fff;
display: inline-block;
line-height: 25px;
padding: 0 10px;
font-weight: 300;
white-space: nowrap;
font-size: 12px;
background: #333;
border-radius: 3px;
}
.nav_apb {
margin: 15px;
margin-bottom: 5px;
text-align: center;
}
.nav_apb a {
text-align: center;
display: inline-block;
background: #333;
padding: 5px 12px !important;
margin: 5px;
border-radius: 3px;
}
.nav_apb a:hover {
background: #366ad3;
color: #fff;
}
.soralist span {
display: block;
border-bottom: 4px solid #ddd;
}
.soralist span a {
font-weight: 700;
font-size: 15px;
}
.soralist span {
display: block;
padding: 0 15px;
padding-bottom: 5px;
border-bottom: 1px solid #312f40;
}
.soralist ul {
margin: 0;
overflow: hidden;
color: #366ad3;
padding: 15px;
font-weight: 400;
}
.soralist ul li {
margin-left: 15px;
float: left;
line-height: 20px;
margin-bottom: 5px;
width: 47%;
}
.archx {
overflow: hidden;
}
.archx .arche {
overflow: hidden;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.archx .arche .imgx {
float: left;
margin-right: 15px;
position: relative;
overflow: hidden;
}
.archx .arche .imgx span {
top: 0;
left: 0;
color: #fff;
background: rgba(72, 72, 72, 0.68);
padding: 3px 7px;
font-size: 13px;
font-weight: 500;
position: absolute;
}
.archx .arche .imgx img {
max-width: 110px;
height: auto;
}
.archx .arche .inx {
overflow: hidden;
}
.archx .arche .inx h2 {
margin: 0;
font-size: 16px;
margin-bottom: 10px;
}
.archx .arche .inx h2 a {
color: #000;
}
.archx .arche .inx h2 a:hover {
text-decoration: none;
color: #366ad3;
}
.archx .arche .inx span {
display: block;
margin-bottom: 3px;
color: #8f95a3;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.archx .arche .inx span a {
color: #8f95a3;
}
.archx .arche .inx span b {
width: 90px;
float: left;
}
.seriestitle {
display: block;
font-size: 14px;
font-weight: 700;
background: #141414;
color: #888;
line-height: 30px;
margin: -5px -9px 5px;
padding: 0 7px;
}
.seriestitle .score {
margin: 3px;
float: right;
line-height: 23px;
color: #888;
}
.infseries {
overflow: hidden;
margin: 5px 0;
}
.infseries img {
float: left;
width: 150px;
height: 200px;
padding: 1px;
border: 1px solid #525151;
margin-right: 10px;
}
.infseries .right {
font-size: 12px;
line-height: 18px;
color: #a2a2a2;
}
.infseries .right span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.infseries .right b {
color: #a2a2a2;
}
.infseries .right a {
color: #a2a2a2;
}
.infseries .right .deskrip {
border-top: 1px solid #515151;
display: block;
margin-top: 5px;
padding-top: 5px;
margin-left: 168px;
}
.infseries .right .deskrip p {
margin: 0;
}
#sidebar {
width: 30%;
float: right;
position: relative;
z-index: 1;
}
#sidebar .section {
margin-left: 15px;
background: transparent !important;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 18px;
}
#sidebar .section ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar .section .textwidget {
padding: 5px 15px;
padding-bottom: 15px;
line-height: normal;
font-size: 13px;
}
#sidebar .section ul > li {
padding: 10px 15px;
border-bottom: 1px solid #383838;
font-size: 0.97em;
}
#sidebar .section .tagcloud {
padding: 10px 15px;
}
#sidebar .section .screen-reader-text,
.section .wp-block-search .wp-block-search__label {
display: none;
}
#sidebar .section > select,
#sidebar .section > form > select {
width: 100%;
font-family: inherit;
background: #333;
color: #ccc;
border-color: #333;
padding: 5px 15px;
}
#sidebar .section #searchform,
.section .wp-block-search {
display: block;
padding: 15px;
overflow: hidden;
text-align: center;
}
#sidebar .section #searchform #s,
.section .wp-block-search .wp-block-search__input {
font-family: inherit;
border: 1px solid #ddd;
padding: 5px 10px;
border-radius: 3px;
margin-right: 5px;
}
#sidebar .section #searchform #searchsubmit,
.section .wp-block-search .wp-block-search__button {
font-family: inherit;
border: 1px solid #366ad3;
padding: 5px 10px;
border-radius: 3px;
background: #366ad3;
color: #ffffff;
cursor: pointer;
}
.quickfilter {
padding: 9px;
}
.quickfilter .filters {
position: relative;
}
.quickfilter .filters .filter {
width: 50%;
float: left;
box-sizing: border-box;
padding: 6px 5px;
margin: 0;
display: inline-block;
position: relative;
border-radius: 2px;
}
.quickfilter .filters .filter button {
width: 100%;
color: #ccc;
padding: 3px 6px;
font-size: 12px;
line-height: 1.5;
border-radius: 2px;
background-color: #333;
border-color: #333;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
-webkit-appearance: button;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
overflow: visible;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: inherit;
}
.quickfilter .filters .filter ul {
width: 500px;
margin-top: 1px !important;
padding: 10px !important;
font-size: 13px;
position: absolute;
display: none;
top: 100%;
right: 0;
left: auto;
z-index: 2;
min-width: 160px;
text-align: left;
background-color: #333;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
list-style: none;
}
.quickfilter .filters .filter ul li {
width: 25%;
float: left;
color: #3c3c3c;
-khtml-transition: all 0.1s ease-in-out 0;
-moz-transition: all 0.1s ease-in-out 0;
-ms-transition: all 0.1s ease-in-out 0;
-o-transition: all 0.1s ease-in-out 0;
transition: all 0.1s ease-in-out 0;
border: 0 !important;
padding: 0 !important;
}
.quickfilter .filters .filter ul li input {
display: none;
}
.quickfilter .filters .filter ul li input,
.quickfilter .filters .filter ul li label {
position: inherit;
cursor: pointer;
}
.quickfilter .filters .filter ul label {
display: block;
color: #ccc;
padding: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.quickfilter .filters .filter ul li input + label:before,
.quickfilter .filters .filter ul li input:not(:checked) + label:before {
display: inline-block;
content: "\f14a";
top: 3px;
left: 0;
height: 12px;
width: 12px;
border-radius: 3px;
margin-right: 5px;
font-family: "Font Awesome 5 Free";
color: #5d5d5d;
}
.quickfilter .filters .filter ul.c1 li input + label:before,
.quickfilter .filters .filter ul.c1 li input:not(:checked) + label:before {
border-radius: 50%;
}
.quickfilter .filters .filter ul li input.include:checked + label:before {
font-weight: 900;
color: #28a745;
}
.quickfilter .filters .filter ul li input.exclude:checked + label:before {
color: #ec0d2a !important;
content: "\f057";
font-weight: 900;
}
.quickfilter .filters .filter i {
font-size: 12px;
width: auto;
height: auto;
line-height: 18px;
font-weight: 700;
}
.quickfilter .filters .filter.submit {
float: none;
width: 100%;
}
.quickfilter .filters .filter.submit button {
background: #366ad3 !important;
color: #fff !important;
}
.quickfilter .filters .filter.submit button:hover {
background: #333 !important;
color: #fff !important;
border-color: #333 !important;
}
.quickfilter .filters .filter.open button,
.quickfilter .filters .filter button:hover {
color: #333;
background-color: #d0d0d0;
border-color: #d0d0d0;
}
.quickfilter .filters .filter.open ul {
display: block;
}
.quickfilter .filters .filter ul.dropdown-menu.c1 {
max-width: 160px;
float: right;
}
.quickfilter .filters .filter ul.dropdown-menu.c1 li {
width: 100%;
float: none;
}
.quickfilter .filters .filter ul li input:checked + label:before {
font-weight: 900;
color: #28a745 !important;
}
#sidebar .section .ts-wpop-series-gen,
#sidebar .section .ts-wpop-series-gen *,
#sidebar .section .serieslist,
#sidebar .section .serieslist * {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs {
list-style: none;
margin: 10px;
padding: 6px;
overflow: hidden;
background: rgba(255, 255, 255, 0.05);
border-radius: 6px;
font-weight: 500;
display: flex;
justify-content: space-between;
}
#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li.active span {
display: block;
background: var(--tc);
border-radius: 6px;
color: #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li {
flex: 1;
width: auto;
padding: 0;
border: 0;
text-align: center;
}
.ts-wpop-series-gen .ts-wpop-nav-tabs li span {
padding: 6px 12px;
display: block;
font-size: 13px;
cursor: pointer;
border-radius: 6px;
transition: all 0.3s ease;
}
.ts-wpop-series-gen .ts-wpop-nav-tabs li:not(.active) span:hover {
background: rgba(255, 255, 255, 0.1);
}
#wpop-items .serieslist > div {
display: none;
}
#sidebar .section > ul > li .post-date,
#sidebar .section .widgetephis li .post-date {
font-size: 12px;
font-style: italic;
margin-left: 5px;
color: #999;
display: block;
}
.wp-block-latest-comments {
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
padding: 7px 15px;
text-overflow: unset;
white-space: unset;
overflow: hidden;
border-bottom: 1px solid #383838;
position: relative;
font-size: 13px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment img {
float: left;
width: 35px;
border-radius: 3px;
margin-right: 10px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment article {
overflow: hidden;
}
.wp-block-latest-comments .wp-block-latest-comments__comment article time {
display: block;
font-size: 12px;
color: #999;
font-style: italic;
}
.wp-block-latest-comments
.wp-block-latest-comments__comment
article
.wp-block-latest-comments__comment-excerpt {
margin-top: 5px;
}
.wp-block-latest-comments
.wp-block-latest-comments__comment
article
.wp-block-latest-comments__comment-excerpt
p {
margin: 0;
}
#sidebar .section ul li:nth-last-child(1),
.wp-block-latest-comments .wp-block-latest-comments__comment:nth-last-child(1),
.wp-block-latest-posts li:nth-last-child(1) {
border-bottom: 0 !important;
}
.bloglist {
padding: 15px 8px;
overflow: hidden;
}
.bloglist .blogbox {
float: left;
width: 33.3333333%;
overflow: hidden;
}
.bloglist .blogbox .innerblog {
margin: 7px;
}
.bloglist .blogbox .innerblog .thumb {
position: relative;
overflow: hidden;
padding-top: 55%;
background: rgba(0, 0, 0, 0.1);
border-radius: 7px;
}
.bloglist .blogbox .innerblog .thumb img {
width: 100%;
position: absolute;
top: 0;
min-height: 139px;
}
.bloglist .blogbox .innerblog .infoblog {
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
height: 125px;
}
.bloglist .blogbox .innerblog .infoblog .entry-header {
margin: 0;
margin-bottom: 5px;
float: none;
display: block;
}
.bloglist .blogbox .innerblog .infoblog .entry-header h2 {
margin: 0;
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta {
font-size: 12px;
color: #888;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta a {
color: #aaa;
}
.bloglist .blogbox .innerblog .infoblog .entry-content {
font-size: 12px;
color: #999;
line-height: 160%;
font-family: "Fira Sans", sans-serif;
}
.bloglist .blogbox .innerblog .infoblog .entry-content p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta b {
font-weight: 500;
}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta .hide {
display: none;
}
.blogpost .thumb {
position: relative;
overflow: hidden;
text-align: center;
margin-top: 15px;
}
.bixbox.blogpost .thumb img {
max-width: 600px;
}
.blogpost .entry-header {
padding: 15px;
float: none;
margin: 0;
text-align: center;
display: block;
}
.blogpost .entry-header h1 {
margin: 0;
margin-bottom: 5px;
line-height: 27px;
font-size: 19px;
color: #fff;
font-weight: 500;
}
.blogpost .entry-header .entry-meta {
font-size: 12px;
color: #999;
}
.blogpost .entry-header .entry-meta .hide {
display: none;
}
.blogpost .entry-header .entry-meta b {
font-weight: 500;
}
.blogpost .entry-content {
margin: 15px;
overflow: hidden;
font-size: 15px;
line-height: 160%;
font-family: "Fira Sans", sans-serif;
}
.blogpost .entry-content .aligncenter {
margin: 0 auto;
display: block;
}
.blogpost .entry-content img {
margin-bottom: 15px;
}
.blogpost .entry-content .alignright {
display: block;
float: right;
margin-left: 15px;
}
.blogpost .entry-content pre {
white-space: pre-wrap;
}
.blogpost .entry-header .entry-meta a {
color: #999;
}
.blogpost .entry-header .entry-meta .far,
.blogpost .entry-header .entry-meta .fa {
font-size: 10px;
margin-right: 3px;
}
.bloglist .blogbox .innerblog .infoblog .entry-meta {
margin-top: 7px;
font-size: 12px;
color: #999;
}
.bloglist .blogbox .innerblog .infoblog .entry-meta .far {
font-size: 10px;
}
.bloglist .blogbox .innerblog .infoblog .entry-meta .hide {
display: none;
}
.bloglist .blogbox .innerblog .thumb .btags {
position: absolute;
z-index: 4;
bottom: 5px;
left: 5px;
background: #366ad3;
opacity: 0.85;
font-size: 12px;
padding: 1px 5px;
line-height: 16px;
border-radius: 3px;
color: #fff !important;
font-weight: 500;
text-transform: uppercase;
}
.blogpost .socialts {
text-align: center;
margin-left: 15px;
margin-right: 15px;
}
.serieslist {
overflow: hidden;
}
.serieslist ul {
overflow: hidden;
}
#sidebar .section .serieslist ul li {
padding: 12px 15px;
text-overflow: unset;
white-space: unset;
overflow: hidden;
border-bottom: 0;
position: relative;
border-radius: 8px;
margin-bottom: 4px;
transition:
background 0.3s ease,
transform 0.3s ease;
}
#sidebar .section .serieslist ul li:hover,
#sidebar .section .serieslist ul li:active,
#sidebar .section .serieslist ul li.touch-active {
background: rgba(255, 255, 255, 0.03);
}
@media (hover: hover) and (pointer: fine) {
#sidebar .section .serieslist ul li:hover {
transform: scale(1.02);
}
}
#sidebar .section .serieslist ul li:last-child {
border: 0;
margin-bottom: 0;
}
.serieslist ul li .ctr {
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
font-size: 0.9em;
font-weight: bold;
color: #888;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
border: 0;
}
.serieslist ul li:nth-child(1) .ctr {
background: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);
color: #000;
box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.serieslist ul li:nth-child(2) .ctr {
background: linear-gradient(135deg, #e0e0e0 0%, #9e9e9e 100%);
color: #000;
box-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
}
.serieslist ul li:nth-child(3) .ctr {
background: linear-gradient(135deg, #cd7f32 0%, #8b4513 100%);
color: #fff;
box-shadow: 0 0 10px rgba(205, 127, 50, 0.5);
}
.serieslist.pop ul li {
padding-left: 55px;
}
.serieslist ul li .imgseries {
float: left;
overflow: hidden;
width: 58px;
max-height: 72px;
margin-right: 12px;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
position: relative;
}
.serieslist ul li .imgseries::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 9;
pointer-events: none;
transition: left 0s;
}
#sidebar .section .serieslist ul li:hover .imgseries::after,
#sidebar .section .serieslist ul li:active .imgseries::after,
#sidebar .section .serieslist ul li.touch-active .imgseries::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
#wpop-items .serieslist ul li .imgseries {
margin-left: 37px;
}
.serieslist ul li .imgseries img {
width: 100%;
height: auto;
padding: 0;
border: none;
margin-bottom: 0;
margin-right: 0;
float: none;
}
.serieslist ul li .leftseries span.bt {
font-size: 11px;
display: block;
margin-top: 4px;
float: left;
padding: 2px 4px;
background: #f5f5f5;
}
.serieslist ul li .leftseries span span.lmt {
float: left;
max-width: 145px;
margin-right: 3px;
}
.serieslist ul li .leftseries {
overflow: hidden;
text-overflow: unset;
white-space: unset;
}
#sidebar .serieslist ul li .leftseries h2 {
font-size: 0.98em;
font-weight: 600;
margin: 0 0 5px;
line-height: 1.4em;
}
#sidebar .serieslist ul li .leftseries h2 a {
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
transition: color 0.3s ease;
}
#sidebar .serieslist ul li .leftseries h2 a:hover {
color: var(--tc);
}
.serieslist ul li .leftseries span {
white-space: unset;
font-size: 0.85em;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-family: "Fira Sans", sans-serif;
}
.serieslist ul li .leftseries span b {
font-weight: 500;
}
#sidebar .section .serieslist.pop ul li.topone {
padding: 0;
position: relative;
}
.serieslist.pop ul li.topone .limit {
padding: 52% 0 0;
position: relative;
overflow: hidden;
}
.serieslist.pop ul li.topone .limit > img {
position: absolute;
top: 0;
min-height: 175px;
height: auto;
width: 100%;
transform-style: preserve-3d;
}
.serieslist.pop ul li.topone .limit .shadow {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/pattern.png) !important;
background-color: rgba(40, 119, 182, 0.28) !important;
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.serieslist.pop ul li.topone .limit .bw {
position: absolute;
bottom: -2px;
width: 100%;
z-index: 1;
padding: 10px 15px;
padding-top: 30px;
padding-left: 55px;
background: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/item-shadow.png) top center repeat;
}
.serieslist.pop ul li.topone .limit .bw .ctr {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border: none;
background: #366ad3;
color: #fff;
top: auto;
bottom: 0;
height: 52px;
font-size: 1.2em;
}
.serieslist.pop ul li.topone .limit .bw .imgseries {
background: none;
box-shadow: 0 1px 5px #000;
}
.serieslist.pop ul li.topone .limit .bw a,
.serieslist.pop ul li.topone .limit .bw span {
color: #fff;
line-height: 15px;
}
.serieslist .numscore {
display: block;
font-size: 12px;
line-height: normal;
font-style: italic;
color: #999;
overflow: hidden;
padding-left: 5px;
margin-top: -1px;
}
.serieslist .rating {
overflow: hidden;
}
.serieslist .rating .rating-prc {
float: left;
}
.serieslist .rating-prc .rtp .rtb {
margin: 0;
font-size: 12px;
width: 67px;
height: 14px;
}
.serieslist .rating-prc .rtp .rtb span {
margin: 0;
font-size: inherit;
color: inherit !important;
}
.serieslist.pop ul li.topone .numscore {
color: #fff;
}
#sidebar .section ul.genre {
overflow: hidden;
list-style: none;
position: relative;
padding: 5px 0 15px;
}
#sidebar .section ul.genre li {
float: left;
width: 33.33%;
overflow: hidden;
text-overflow: ellipsis;
border: 0;
padding: 0;
}
#sidebar .section ul.genre li a {
font-size: 13px;
padding: 4px 15px;
display: inline-block;
white-space: nowrap;
}
#sidebar .section ul.genre:before,
#sidebar .section ul.genre:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 0;
bottom: 0;
left: 33.33%;
background: #312f40;
}
#sidebar .section ul.genre:after {
left: 66.66%;
}
#sidebar #bm-history {
list-style: none;
margin: 0 -15px;
margin-top: -5px;
margin-bottom: -16px;
font-family: "Fira Sans", sans-serif;
}
#sidebar #bm-history li {
padding: 0;
border-bottom: 1px solid #383838;
}
#sidebar #bm-history li a {
padding: 7px 15px;
font-size: 12.5px;
display: block;
line-height: 20px;
}
#sidebar #bm-history li a:hover {
background: #366ad3;
color: #fff;
z-index: 99;
box-shadow: 0 2px 5px #000;
}
.ltslist {
overflow: hidden;
}
.ltslist li {
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 6px 10px;
font-size: 12px;
}
.ltslist li:nth-child(odd) {
background: #fafafa;
}
.ltslist li a {
color: #333;
}
.ppr {
font-size: 12px;
margin-bottom: 10px;
padding: 1px;
padding-bottom: 0;
background: #eaeaea;
}
.ppr li {
overflow: hidden;
padding: 5px;
border-bottom: 1px solid #eaeaea;
background: #fff;
}
.ppr li .bor {
float: left;
padding: 1px;
border: 1px solid #ddd;
}
.ppr li .bor .limit {
height: 39px;
overflow: hidden;
}
.ppr li .bor .limit img {
width: 39px;
height: auto;
}
.ppr li .right {
height: 41px;
margin-left: 47px;
padding: 1px 5px;
font-size: 13px;
background: #f5f5f5;
line-height: 18px;
}
.ppr li .right .title {
display: block;
font-weight: 700;
color: #f13e3e;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ppr li .right .title a {
color: #f13e3e;
}
.ppr li .right .latest {
font-size: 12px;
overflow: hidden;
font-family: tahoma;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
color: #555;
}
.ppr li .right .latest a {
color: #555;
}
div#live-search_sb {
width: 270px !important;
top: 60px !important;
}
.th.headerni ~ div#live-search_sb {
top: 42px !important;
}
#live-search_results {
background: #222;
border-radius: 5px;
z-index: 550 !important;
overflow: hidden;
-webkit-box-shadow: 0 4px 20px #000;
-khtml-box-shadow: 0 4px 20px #000;
-moz-box-shadow: 0 4px 20px #000;
-ms-box-shadow: 0 4px 20px #000;
-o-box-shadow: 0 4px 20px #000;
box-shadow: 0 4px 20px #000;
}
.live-search_more {
display: none;
}
.live-search_header {
display: none;
}
.live-search_result_container ul {
margin: 0;
padding: 0;
overflow: hidden;
}
.live-search_result_container li {
font-family: inherit !important;
padding: 10px;
color: #999;
border-bottom: 1px solid #373543;
overflow: hidden;
}
.live-search_result_container li:hover {
background: #2f2f2f;
}
.live-search_result_container li a {
display: flex;
align-items: center;
}
.live-search_result_container .post-thumbnail {
margin-right: 15px;
flex-shrink: 0;
width: 55px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
position: relative;
padding-bottom: 0;
}
.live-search_result_container .post-thumbnail img {
width: 100% !important;
height: auto !important;
display: block;
object-fit: cover;
}
span.live-search_text {
display: block;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#live-search_loading {
display: block !important;
width: 100%;
height: 31px !important;
}
.live-search_result_container a:hover {
text-decoration: none;
color: #fff;
}
ul.live-search_main {
margin: 0;
padding: 0;
list-style: none;
}
.live-search_result_container .over {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
overflow: hidden;
}
.live-search_result_container .over .autotitle {
font-size: 0.95em;
font-weight: 500;
margin-bottom: 3px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.live-search_result_container .over span {
display: block;
margin-bottom: 2px;
font-size: 12px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: #aaa;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Fira Sans", sans-serif;
}
.live-search_result_container .over span i {
display: inline-block;
margin: 0 6px;
width: 3px;
height: 3px;
background: #777;
border-radius: 50%;
vertical-align: middle;
}
.notf {
text-align: center;
margin: 30px 0;
}
.ts-breadcrumb {
overflow: hidden;
padding: 10px 15px;
font-size: 13px;
}
.ts-breadcrumb ol {
list-style: none;
margin: 0;
padding: 0;
}
.ts-breadcrumb ol li {
display: inline-block;
margin: 0 4px;
}
.series-gen {
position: relative;
padding: 15px;
}
.series-gen .nav-tabs {
list-style: none;
margin: 0;
padding: 6px;
overflow: hidden;
background: #333;
border-radius: 3px;
font-weight: 500;
}
.series-gen .nav-tabs li {
float: left;
width: 20%;
}
.series-gen .nav-tabs li a {
display: block;
text-align: center;
padding: 4px;
font-size: 13px;
}
.series-gen .nav-tabs li.active a {
background: #366ad3;
border-radius: 3px;
color: #fff;
}
.series-gen .tab-pane {
display: none;
}
.series-gen .tab-pane.active {
display: block;
}
.series-gen .listupd {
padding: 10px 0;
margin: 0 -7px;
}
#content.manga-info .postbody.full.seriestu {
max-width: 900px;
margin: 0 auto;
}
.seriestucon {
background: #222;
margin-bottom: 18px;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.seriestucon .seriestuhead {
margin: 15px;
}
.seriestucon .seriestuhead h1 {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.seriestucon .seriestuhead .lastend {
margin: 0;
overflow: visible;
}
.seriestucon .seriestuhead .lastend .inepcx {
width: auto;
display: inline-block;
float: none;
}
.seriestucon .seriestuhead .lastend .inepcx span {
display: inline-block;
font-size: 12px;
}
.seriestucon .seriestuhead .lastend .inepcx .epcur {
margin: 0;
font-size: 15px;
}
.seriestucon .seriestuhead .lastend .inepcx a {
padding: 7px 15px;
margin: 0;
margin-right: 5px;
background: #363636;
box-shadow: 0 1px 2px #070707;
}
.seriestucon .seriestucont {
margin: 15px;
overflow: hidden;
}
.seriestucon .seriestucont .seriestucontl {
float: left;
width: 200px;
margin-right: 15px;
}
.seriestucon .seriestucont .seriestucontr {
overflow: hidden;
}
.seriestucon .seriestucont .seriestucontr .infotable {
width: 100%;
border-spacing: 2.5px;
border-collapse: separate;
text-indent: initial;
margin-bottom: 15px;
}
.seriestucon .seriestucont .seriestucontr .infotable td {
line-height: 20px;
text-align: left;
padding: 5px 7px;
border: 1px solid #434343;
}
.seriestucon .seriestucont .seriestucontr .infotable td:nth-child(1) {
font-weight: 600;
background: #2c2c2c;
}
.seriestucon .seriestucont .seriestucontr .seriestugenre {
display: block;
overflow: hidden;
font-size: 13px;
}
.seriestucon .seriestucont .seriestucontr .seriestugenre a {
display: inline-block;
margin-right: 3px;
margin-bottom: 6px;
background: #343434;
padding: 4px 12px;
border-radius: 6px;
}
.seriestucon .seriestucont .seriestucontl .thumb {
margin-bottom: 10px;
position: relative;
}
.seriestucon .seriestucont .seriestucontl .rating.bixbox {
margin-top: 10px;
background: #333;
padding: 10px;
}
.seriestucon .seriestucont .seriestucontl img {
width: 100%;
}
.seriestu .socialts {
margin: 15px;
margin-bottom: 0;
text-align: center;
}
.seriestu .search-chapter {
margin-top: 15px;
}
.bixbox.seriesearch {
overflow: unset;
}
#content.mangatere {
max-width: 1220px;
}
#content.mangatere .terebody {
padding-top: 150px;
}
#content.mangatere .postbody.seriestu.seriestere {
position: relative;
}
#content .seriestere .seriestuheader {
margin: 0 15px;
margin-bottom: 15px;
}
#content .seriestere .seriestuheader h1 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 7px;
}
#content .seriestere .seriestuheader .seriestualt {
font-size: 13px;
color: #999;
}
#content .seriestere .seriestucontent {
overflow: hidden;
}
#content .seriestere .seriestucontent .seriestucontl {
width: 180px;
float: left;
margin-left: 15px;
}
#content .seriestere .seriestucontent .seriestucontentr {
overflow: hidden;
}
#content .seriestere .seriestucontent .seriestucontentr .seriestuhead {
margin-top: 0;
}
#content .seriestere .seriestucontent .seriestucontl .thumb {
margin-bottom: 10px;
position: relative;
}
#content .seriestere .seriestucontent .seriestucontl .thumb img {
width: 100%;
}
#content .seriestere .seriestucontent .seriestucontl .rating {
background: #343434;
padding: 8px;
box-shadow: none;
margin-top: 9px;
height: 31px;
}
#content .seriestere .seriestucontent .seriestucontentr tr {
width: 50%;
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
}
#content .seriestere .seriestucontent .seriestucontentr tbody {
display: flex;
flex-wrap: wrap;
}
#content .seriestere .seriestucontent .seriestucontentr tr td {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 59%;
max-width: 59%;
border: 0;
border-bottom: 1px solid #393939;
}
#content .seriestere .seriestucontent .seriestucontentr tr td:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 40%;
max-width: 40%;
border-right: 1px solid #393939;
background: none;
color: #ccc;
}
.bixbox .additional-content {
padding: 20px;
line-height: 160%;
}
.bixbox .additional-content table {
border-collapse: collapse;
width: 100%;
}
.bixbox .additional-content td,
.bixbox .additional-content th {
border: 1px solid #444;
text-align: left;
padding: 8px;
}
.bixbox .additional-content tr:nth-child(even) {
background-color: #333;
}
#footer {
margin-top: 30px;
text-align: center;
line-height: 20px;
padding: 0;
font-size: 13px;
color: #a3a3a3;
background: #222;
position: absolute;
width: 100%;
bottom: 0;
}
#footer .footermenu {
text-align: center;
background: #366ad3;
font-size: 14px;
}
#footer .footermenu ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
overflow: hidden;
}
#footer .footermenu ul li {
padding: 10px 15px;
display: inline-block;
}
#footer .footermenu ul li a {
color: #fff;
}
.footer-az {
margin-bottom: 10px;
margin-top: 30px;
text-align: center;
position: relative;
z-index: 5;
}
.footer-az span.ftaz {
display: inline-block;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
line-height: 1em;
font-size: 1.4em;
font-weight: 600;
}
.footer-az span.size-s {
font-size: 13px;
}
.footer-az .az-list {
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
margin-top: 18px;
}
.footer-az .az-list li {
margin: 0 10px 10px 0;
display: inline-block;
}
.footer-az .az-list li a {
font-size: 14px;
padding: 4px 9px;
display: inline-block;
line-height: normal;
color: #fff !important;
background: #366ad3;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.footer-az .az-list li a:hover {
color: #fff !important;
}
.footercopyright {
max-width: 1220px;
padding: 0 20px;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 1;
}
.footercopyright p {
margin: 0;
margin-top: 5px;
font-size: 12px;
margin-bottom: 0;
line-height: 20px;
letter-spacing: 0.5px;
}
.footercopyright p i {
font-style: normal;
color: #fff;
}
.footercopyright .copyright {
overflow: hidden;
margin-bottom: 30px;
}
.footercopyright .copyright .footer-logo {
float: left;
margin-right: 20px;
margin-bottom: 40px;
}
.footercopyright .copyright .footer-logo img {
height: 50px;
width: auto;
}
.footercopyright .copyright .txt {
margin: 0 auto;
max-width: 700px;
}
.footercopyright .copyright.marx {
padding-top: 20px;
padding-bottom: 20px;
}
.footercopyright .copyright.marx .footer-logo {
float: none;
margin: 0;
margin-bottom: 5px;
}
.footercopyright .copyright.marx .txt {
float: none;
width: auto;
text-align: center;
}
.footercopyright .copyright.marx .txt p {
margin-top: 3px;
}
.footercopyright .sosmedmrgn {
margin-top: 30px;
}
.socialbutton {
text-align: center;
overflow: hidden;
}
.socialbutton a {
display: inline-block;
margin: 0 2px;
font-size: 15px;
color: rgba(255, 255, 255, 0.7);
background: #2e2e2e;
border-radius: 5px;
width: 30px;
border: 1px solid #4b4b4b;
}
.socialbutton a .fab,
.socialbutton a .fas {
line-height: 28px;
}
#footer .socialbutton {
margin-bottom: 10px;
}
#footer .socialbutton a {
margin: 0 4px;
}
.socialbutton a.scfb:hover {
background: #1877f2 !important;
border-color: #1877f2 !important;
color: #fff !important;
}
.socialbutton a.sctw:hover {
background: #1da1f2 !important;
border-color: #1da1f2 !important;
color: #fff !important;
}
.socialbutton a.scig:hover {
background: linear-gradient(
45deg,
#405de6,
#5851db,
#833ab4,
#c13584,
#e1306c,
#fd1d1d
) !important;
color: #fff !important;
border: 0;
}
.socialbutton a.scig:hover .fab {
line-height: 30px;
}
.socialbutton a.scyt:hover {
background: #c00 !important;
border-color: #c00 !important;
color: #fff !important;
}
.socialbutton a.scdc:hover {
background: #404eed !important;
border-color: #404eed !important;
color: #fff !important;
}
.socialbutton a.scrss:hover {
background: #ff8d00 !important;
border-color: #ff8d00 !important;
color: #fff !important;
}
.hothome .socialbutton {
position: absolute;
right: 15px;
top: 10px;
overflow: unset;
}
.hothome .socialbutton a {
width: 26px;
font-size: 13px;
background: rgba(0, 0, 0, 0.3);
border: 0;
margin: 0 1px;
}
.hothome .socialbutton a .fab,
.hothome .socialbutton a .fas {
line-height: 26px;
}
.hothome .socialbutton a:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.hothome .socialbutton a.scig:hover .fab {
line-height: 26px;
}
.mr-scroll-actions {
position: fixed;
bottom: 45px;
right: 25px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 999;
transition: opacity 0.35s ease, transform 0.35s ease;
opacity: 1;
}
.mr-scroll-actions.mr-nav-hidden {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(20px);
}
body .mr-scroll-actions .scrollToTop, 
body .mr-scroll-actions .scrollToBottom,
body .mr-scroll-actions .mr-btn-report,
body .mr-scroll-actions #mrBtnAutoScroll {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 56px !important;
height: 56px !important;
border-radius: 50% !important;
background: #1f1f23 !important; 
border: 1px solid rgba(255, 255, 255, 0.15) !important;
color: #e0e0e0 !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
font-size: 24px !important;
padding: 0 !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}
body .mr-scroll-actions .scrollToTop, 
body .mr-scroll-actions .scrollToBottom {
display: none;
}
body .mr-scroll-actions .scrollToTop:not([style*="display: none"]),
body .mr-scroll-actions .scrollToBottom:not([style*="display: none"]) {
display: flex !important;
}
body .mr-scroll-actions .scrollToTop .fas,
body .mr-scroll-actions .scrollToBottom .fas,
body .mr-scroll-actions .mr-btn-report .fas {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body .mr-scroll-actions .mr-btn-report .fas {
font-size: 20px !important;
color: #e0e0e0 !important;
transition: color 0.2s ease !important;
}
body .mr-scroll-actions #mrBtnAutoScroll svg {
width: 24px !important;
height: 24px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body .mr-scroll-actions .scrollToTop:hover, 
body .mr-scroll-actions .scrollToBottom:hover,
body .mr-scroll-actions #mrBtnAutoScroll:hover {
background: #2d2d34 !important;
color: #fff !important;
transform: scale(1.08) !important;
border-color: rgba(255, 255, 255, 0.3) !important;
}
body .mr-scroll-actions .mr-btn-report:hover {
background: #2d2d34 !important;
color: var(--tc, #d20f39) !important;
transform: scale(1.08) !important;
border-color: var(--tc, #d20f39) !important;
}
body .mr-scroll-actions .mr-btn-report:hover .fas {
color: var(--tc, #d20f39) !important;
}
#wpd-bubble-wrapper {
display: none !important;
}
.pagination {
overflow: hidden;
line-height: normal;
text-align: center;
margin: 15px 0 30px;
}
.pagination span.page-numbers.dots {
color: #888;
display: none;
}
.pagination span.page-numbers.current {
display: inline-block;
background: #366ad3 !important;
padding: 8px 15px !important;
margin: 2px;
color: #ddd;
border-radius: 3px;
}
.pagination a {
display: inline-block;
background: #16151d;
padding: 8px 15px !important;
margin: 2px;
border-radius: 3px;
}
.hpage {
clear: both;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
overflow: hidden;
}
.hpage a {
display: inline-block;
background: #366ad3;
padding: 5px 10px;
font-size: 13px;
border-radius: 2px;
color: #ddd;
width: 110px;
text-align: center;
}
.hpage a .dashicons {
width: auto;
height: auto;
font-size: 16px;
}
.hpage a i {
font-size: 11px;
}
.cmt {
padding: 15px;
}
.commentx h3 {
margin: 0;
margin-bottom: 1.5rem;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.commentx .navigation {
display: none;
}
.comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.comment-list > li {
border: 1px solid #312f40;
border-radius: 5px;
padding: 15px;
margin-bottom: 15px;
}
.comment-list .comment-body {
margin-bottom: 10px;
overflow: hidden;
}
.comment-list .comment-body .comment-author .avatar {
width: 40px;
border-radius: 50%;
float: left;
margin-right: 10px;
}
.comment-list .comment-body .comment-author .fn {
font-weight: 500;
margin-top: 2px;
display: block;
font-style: normal;
}
.comment-list .comment-body .comment-author .says {
display: none;
}
.comment-list .comment-body .comment-meta {
color: #aaa;
margin-bottom: 15px;
}
.comment-list .comment-body .comment-meta a {
color: #777;
font-size: 12px;
}
.comment-list .comment-body p {
line-height: 22px;
}
.comment-list .comment-body .reply {
float: right;
}
.comment-list .comment-body .reply a {
display: block;
border: 1px solid #366ad3;
color: #366ad3;
line-height: 25px;
padding: 0 15px;
border-radius: 50px;
}
.comment-list .comment-body .reply a:hover {
background: #366ad3;
color: #fff;
}
.comment-list .children {
list-style: none;
border-left: 1px solid #312f40;
padding-left: 20px;
position: relative;
}
.comment-list > li:hover {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.42);
}
.commentx #respond label {
display: block;
font-size: 15px;
font-weight: 400;
margin-bottom: 7px;
}
.commentx textarea {
width: 100%;
box-sizing: border-box;
color: #fff;
padding: 15px;
font-family: inherit;
font-size: 14px;
background-color: #202020;
border: 1px solid #343434;
border-radius: 5px;
}
.commentx #submit,
#readerarea .post-password-form input[type="submit"] {
background-color: #366ad3;
border-color: transparent;
border-width: 0;
color: #fff;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 15px;
text-align: center;
white-space: nowrap;
font-family: inherit;
font-size: 14px;
border-radius: 30px;
}
.commentx #respond input[type="text"] {
color: #fff;
padding: 10px;
font-family: inherit;
font-size: 15px;
background-color: #202020;
border: 1px solid #343434;
border-radius: 5px;
}
.commentx #respond .comment-form-cookies-consent {
display: block;
}
.commentx #respond .comment-form-cookies-consent label {
display: inline;
}
p.comment-form-url {
clear: both;
}
p.comment-form-url input#url {
width: 100%;
}
p.comment-form-email,
p.comment-form-author {
float: left;
width: 50%;
}
p.comment-form-email input#email {
width: 100%;
}
p.comment-form-author input#author {
width: 95%;
}
.separator a {
margin-left: 0 !important;
margin-right: 0 !important;
}
.switch {
position: relative;
display: inline-block;
width: 37px;
height: 17px;
top: 0;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
#thememode {
float: right;
position: relative;
margin-top: 14px;
margin-right: 10px;
line-height: normal;
}
#thememode .xt {
text-transform: uppercase;
font-size: 12px;
display: block;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 2px;
text-align: center;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.25);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "\f186";
font-family: "Font Awesome 5 Free";
font-size: 11px;
color: rgb(255 255 255 / 25%);
line-height: 15px;
width: 15px;
text-align: center;
left: 2px;
bottom: 1px;
background-color: #223a65;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .slider {
background-color: rgba(255, 255, 255, 0.25);
}
input:focus + .slider {
}
input:checked + .slider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
content: "\f185";
}
.slider.round {
border-radius: 34px;
background: rgba(0, 0, 0, 0.1);
}
.slider.round:before {
border-radius: 50%;
}
#switchtext {
display: none;
}
.mainslider {
position: relative;
overflow: hidden;
cursor: grab;
}
.mainslider:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 18%);
content: "";
}
.mainslider .limit {
position: relative;
background: #222;
overflow: hidden;
height: 280px;
}
.mainslider .limit .bigbanner {
background-position: 50% 35%;
background-repeat: no-repeat;
background-size: cover;
min-height: 280px;
}
.mainslider .limit img {
position: absolute;
top: 0;
width: 100%;
height: auto;
}
.mainslider .limit:before {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 25%;
content: "";
background-color: rgba(255, 255, 255, 0);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(#1e2129)
);
background-image: -webkit-linear-gradient(top, rgb(255 255 255 / 0%), #1e2129);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #1e2129);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #1e2129);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #1e2129);
background-image: linear-gradient(top, rgba(255, 255, 255, 0), #1e2129);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255,255,255,0)', endColorStr='#1e2129');
z-index: 3;
}
.mainslider .limit .sliderinfo {
position: absolute;
bottom: 20%;
z-index: 2;
width: 100%;
font-family: "Poppins", sans-serif;
}
.mainslider .limit .sliderinfo .sliderinfolimit {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.mainslider .limit .sliderinfo .sliderinfolimit span.name {
color: #fff;
font-weight: 400;
font-size: 25px;
margin-bottom: 10px;
display: block;
max-width: 700px;
line-height: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mainslider .limit .sliderinfo .sliderinfolimit a.name:hover {
color: #ccc;
}
.mainslider .limit .sliderinfo .sliderinfolimit .meta {
margin-bottom: 8px;
box-shadow: none;
}
.mainslider .limit .sliderinfo .sliderinfolimit .meta .quality {
display: inline-block;
padding: 2px 7px;
background: #ffffff;
color: #333;
vertical-align: top;
font-weight: 700;
font-size: 11px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-right: 10px;
text-transform: uppercase;
}
.mainslider .limit .sliderinfo .sliderinfolimit .meta span.text {
margin-right: 15px;
color: #fff;
font-weight: 300;
font-size: 13px;
}
.mainslider .limit .sliderinfo .sliderinfolimit .meta span.text a {
color: #fff;
font-weight: 400;
}
.mainslider .limit .sliderinfo .sliderinfolimit .desc {
color: #fff;
max-width: 520px;
max-height: 42px;
overflow: hidden;
line-height: 19px;
font-size: 13px;
font-weight: 300;
}
.mainslider .limit .sliderinfo .sliderinfolimit .desc p {
margin: 0;
}
.big-slider .paging {
position: absolute;
overflow: hidden;
bottom: 35px;
height: 16px;
width: 100%;
}
.big-slider .paging .centerpaging {
max-width: 1180px;
margin: 0 auto;
position: relative;
}
.big-slider .paging .centerpaging .swiper-pagination {
z-index: 5;
right: 0;
}
.big-slider .paging .centerpaging .swiper-pagination span.swiper-pagination-bullet {
margin: 0 4px;
width: 10px;
height: 10px;
background: #fff;
opacity: 0.3;
}
.big-slider .paging .centerpaging .swiper-pagination span.swiper-pagination-bullet-active {
background: #366ad3;
opacity: 1;
cursor: pointer;
}
.mainslider .limit .sliderinfo .sliderinfolimit span.name,
.mainslider .limit .sliderinfo .sliderinfolimit .meta span.text,
.mainslider .limit .sliderinfo .sliderinfolimit .desc {
text-shadow: 0 1px 10px #000;
}
.home-genres {
position: relative;
max-width: 1080px;
margin: 0 auto;
background: #f90;
border-radius: 6px;
padding: 0 40px;
padding-left: 30px;
margin-top: -25px;
z-index: 1;
overflow: hidden;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
font-weight: 500;
}
.home-genres .genre-listx {
width: 80%;
text-overflow: initial;
white-space: nowrap;
overflow: hidden;
float: left;
}
.home-genres .genre-listx a {
line-height: 50px;
color: rgba(0, 0, 0, 0.7);
padding: 0 20px;
font-size: 16px;
display: inline-block;
}
.home-genres .alman {
float: right;
margin-top: 15px;
}
.home-genres .alman a {
background: #333;
color: #f90;
padding: 8px 30px;
border-radius: 6px;
}
.slidernom2 .mainslider .limit {
height: 400px;
}
.slidernom2 .mainslider .limit .bigbanner {
min-height: 400px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
margin-bottom: 15px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
font-size: 15px;
line-height: 160%;
max-height: 50px;
}
.slidernom2 .meta .metas-slider-genres {
margin-top: 5px;
overflow: hidden;
max-height: 56px;
}
.slidernom2 .meta .metas-slider-genres a {
display: inline-block;
margin-right: 2px;
margin-bottom: 5px;
background: #222;
color: #aaa;
padding: 0 10px;
font-size: 13px;
line-height: 23px;
border-radius: 3px;
}
.slidernom2 .meta .metas-slider-genres a:hover {
background: rgba(255, 255, 255, 0.8);
color: #111;
}
.slidernom2 .mainslider .metas-slider-score,
.slidernom2 .mainslider .metas-slider-type {
display: inline-block;
margin-right: 10px;
overflow: hidden;
height: 22px;
border-radius: 3px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-score span,
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-type span {
float: left;
margin-right: 0;
padding: 0 5px;
background: #333;
line-height: 22px;
font-size: 12px;
}
.slidernom2
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-slider-score
.meta-score-values {
background: #ffc107;
color: #111;
text-shadow: none;
padding: 0 10px;
}
.slidernom2
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-slider-type
.meta-type-values {
background: #366ad3;
text-shadow: none;
padding: 0 10px;
color: #fff;
}
.slidernom2 .mainslider .limit .sliderinfo {
bottom: 0;
top: 45%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit {
margin: 0;
max-width: 500px;
margin-left: 50px;
}
.slidernom2 .mainslider .limit:before {
height: 100%;
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0) 100%);
}
.slidernom2 .mainslider:before {
background: none;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading {
margin-top: 10px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span {
display: inline-block;
font-weight: 300;
font-size: 17px;
padding: 7px 25px;
color: #fff;
border: 2px solid #555;
border-radius: 20px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span:hover {
background: #366ad3;
border-color: #366ad3;
color: #fff;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span i {
margin-left: 5px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .desc p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.home-genres.gennom2 {
background: #16151d;
border: 2px solid #f90;
}
.home-genres.gennom2 .alman a {
background: #f90;
color: #16151d;
}
.home-genres.gennom2 .genre-listx a {
color: #828282;
text-transform: none;
font-weight: 500;
}
.home-genres.gennom2 .genre-listx a:hover {
color: #fff;
}
.wrapernum3 {
max-width: 100%;
margin: 0;
padding: 0;
height: 90vh;
overflow: hidden;
}
.wrapernum3 .big-slider {
width: 100%;
max-width: none;
height: 90vh;
}
.wrapernum3 .big-slider .swiper-wrapper {
height: 90vh;
}
.slidernom3 {
}
.slidernom3 .mainslider .limit {
height: 350px;
background: none;
}
.slidernom3 .mainslider .limit .bigbanner {
min-height: 350px;
filter: blur(8px);
}
.slidernom3 .mainslider .limit:before {
display: none;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
font-weight: 700;
font-size: 28px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
line-height: 1.3;
margin-bottom: 8px;
display: block;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
max-width: 55%;
margin: 0;
margin-left: 50px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .slidlc {
font-size: 18px;
font-weight: 600;
margin-bottom: 3px;
color: #fff;
}
.slidernom3.big-slider .paging {
display: flex;
justify-content: center;
position: absolute;
bottom: 25px;
left: 0;
right: 0;
z-index: 10;
}
.slidernom3.big-slider .paging .centerpaging {
max-width: 1220px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
margin-bottom: 20px;
font-size: 14px;
line-height: 160%;
max-height: 65px;
text-shadow: none;
}
.slidernom3 .mainslider .limit .sliderinfo {
bottom: 0;
top: 44%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta {
color: #fff;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta > div {
padding-right: 20px;
padding-bottom: 5px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a {
font-size: 11px;
display: inline-block;
padding: 4px 12px;
color: #fff;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.5);
margin-bottom: 5px;
margin-right: 2px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a:hover {
background: #e53935;
color: #fff;
border-color: #e53935;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values {
font-size: 12px;
font-weight: 300;
background: #366ad3;
display: inline-block;
padding: 4px 10px;
border-radius: 5px;
text-align: center;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values.Manhwa,
.slidernom2
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-slider-type
.meta-type-values.Manhwa {
background: #a12e24;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values.Manhua,
.slidernom2
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-slider-type
.meta-type-values.Manhua {
background: #009688;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values.Comic,
.slidernom2
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-slider-type
.meta-type-values.Comic {
background: #7c3db5;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-score-values {
font-size: 12px;
background: #e9b107;
color: #111;
font-weight: bold;
display: inline-block;
padding: 3px 10px;
border-radius: 5px;
text-align: center;
}
.slidernom3 .mainslider:before {
background: #221630;
opacity: 0.6;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading {
margin-top: 15px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span {
display: inline-block;
background: var(--tc, #e53935);
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 35px;
padding: 0 24px;
border-radius: 4px;
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span:hover {
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
filter: brightness(1.15);
}
@keyframes nudge-right {
0%,
80%,
100% {
transform: translateX(0);
}
85% {
transform: translateX(4px);
}
90% {
transform: translateX(0);
}
95% {
transform: translateX(4px);
}
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span i {
display: inline-block;
animation: nudge-right 3s ease-in-out infinite;
}
.slidernom3 .mainslider .slidtrithumb-wrapper {
position: absolute;
top: 50%;
right: 10%;
z-index: 9;
width: 360px;
height: 520px;
transform: translateY(-50%) rotate(12deg);
}
.slidernom3 .mainslider .slidtrithumb {
width: 100%;
height: 100%;
overflow: hidden;
box-shadow: 0 25px 35px rgba(0, 0, 0, 0.5);
border-radius: 6px;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transform: rotate(0deg) scale(1);
}
@media (hover: hover) and (pointer: fine) {
.slidernom3 .mainslider .slidtrithumb-wrapper:hover .slidtrithumb {
transform: rotate(-12deg) scale(0.68);
}
}
.slidernom3 .mainslider .slidtrithumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slidernom3 .mainslider .slidtrithumb::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 10;
pointer-events: none;
transition: left 0s;
}
.slidernom3 .mainslider .slidtrithumb:hover::after,
.slidernom3 .mainslider .slidtrithumb:active::after {
left: 200%;
transition: left 0.8s ease-in-out;
}
.gennom3 {
margin-top: 10px;
max-width: 1180px;
}
.home-genres.gennom1 a:hover,
.home-genres.gennom3 a:hover {
color: #ffffff;
}
#series-history ul li .eph-num span.chapternum {
float: left;
}
#series-history ul li .eph-num span.chapterdate {
float: right;
}
#series-history .clstyle li .eph-num {
width: 100%;
}
#readerarea .post-password-form {
padding: 20px;
line-height: 160%;
display: block;
text-align: center;
margin: 20px auto;
color: #fff;
max-width: 560px;
background: #222;
}
#readerarea .post-password-form p {
margin: 5px 0;
}
#readerarea .post-password-form label {
display: block;
max-width: 300px;
margin: 10px auto;
text-align: center;
font-size: 0;
line-height: 0;
}
#readerarea .post-password-form label input[type="password"] {
display: block;
width: 100%;
line-height: 21px;
background: #16151d;
border: 1px solid #3b3b3b;
padding: 5px 10px;
border-radius: 3px;
color: #ddd;
text-align: center;
font-size: 12px;
}
.tsfront {
padding: 0 20px;
margin: 0;
position: relative;
}
.tsfront .headfront {
padding: 80px 0 30px;
position: relative;
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.tsfront .headfront .fsearch {
margin-bottom: 20px;
position: relative;
}
.tsfront .headfront .fsearch input#s {
width: 100%;
background: #222;
border: 0;
font-family: inherit;
border-radius: 10px;
line-height: 60px;
padding: 0 15px;
font-size: 18px;
color: #ddd;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
.tsfront .headfront .fsearch #submit {
border: 0;
background: #366ad3;
color: #fff;
width: 90px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 20px;
line-height: 58px;
position: absolute;
right: 0;
cursor: pointer;
}
.tsfront .headfront .fdesc {
color: #aaa;
margin-bottom: 20px;
}
.tsfront .headfront .fhomebutton a {
font-size: 18px;
padding: 12px 40px;
color: #fff;
display: inline-block;
border-radius: 5px;
background: #366ad3;
}
.tsfront .frontcontainer {
line-height: 160%;
margin-bottom: 50px;
}
.tsfront .frontcontainer h2,
.tsfront .frontcontainer strong {
color: #ddd;
}
.tsfront .frontcontainer h2 {
font-weight: 600;
}
.tsfront .frontcontainer ul li {
margin-bottom: 10px;
}
.tsfront .frontcontainer .pagination {
display: none;
}
.tsfront .frontcontainer .stylesven .sveninner .svenbottom .svenmetabot .svenchapters li {
margin-bottom: 0;
}
.tsfront .frontcontainer .bs.stylefiv .bsx .chfiv {
line-height: 1.5;
}
#ts-episode-history {
margin: 15px;
}
#ts-episode-history .eph-num {
overflow: hidden;
margin-bottom: 10px;
position: relative;
}
#ts-episode-history .eph-num a {
display: block;
padding: 5px 10px;
border: 1px solid #333;
font-size: 14px;
border-radius: 5px;
}
#ts-episode-history .eph-num a .post-date {
font-size: 12px;
color: #888;
float: right;
}
#ts-episode-history .eph-num a:hover {
background: #333;
}
#ts-history-header {
margin: 0 !important;
margin-bottom: 15px !important;
}
#history-pool {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
margin-bottom: 15px;
}
#history-pool .bs {
float: none !important;
flex: 0 0 16.666666%;
width: 16.666666%;
max-width: 16.666666%;
box-sizing: border-box;
padding: 0 5px;
margin-bottom: 20px;
}
@media only screen and (max-width: 900px) {
#history-pool .bs {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
}
@media only screen and (max-width: 600px) {
#history-pool .bs {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
}
@media only screen and (max-width: 480px) {
#history-pool .bs {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
}
#ts-import-export-bookmark {
margin: 0 10px;
}
#ts-import-export,
#ts-import-export-bookmark {
overflow: hidden;
display: block;
margin-bottom: 15px;
}
#ts-import-export .btn,
#ts-import-export-bookmark .btn {
font-family: inherit;
border: 1px solid #ddd;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
background: #f1f1f1;
color: #000;
font-size: 13px;
margin-right: 5px;
margin-bottom: 8px;
}
#ts-import-export .btn:hover,
#ts-import-export-bookmark .btn:hover {
background: #ddd;
}
#history-pool .history-item {
border-bottom: 1px solid #383838;
}
#history-pool .history-item .ts-history-item {
display: block;
padding: 8px 0;
}
#history-pool .history-item .ts-history-item .post-date {
display: block;
font-size: 12px;
color: #999;
font-style: italic;
}
.history-item-tree {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #383838;
}
.history-item-tree .hisimage {
float: left;
width: 70px;
margin-right: 15px;
}
.history-item-tree .ts-history-item-content {
overflow: hidden;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes {
margin: 5px 0;
padding-left: 20px;
font-size: 13px;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes .post-date {
float: right;
font-size: 12px;
color: #999;
font-style: italic;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes li {
margin-bottom: 5px;
color: #bbb;
}
.paginationjs {
overflow: hidden;
text-align: center;
font-size: 13px;
}
.paginationjs ul {
list-style: none;
margin: 0;
padding: 0;
}
.paginationjs ul li {
display: inline-block;
margin: 0 3px;
margin-bottom: 5px;
}
.paginationjs ul li a {
display: block;
padding: 5px 12px;
background: #333;
border-radius: 3px;
cursor: pointer;
}
.paginationjs ul li a:hover {
color: #fff;
background: #0c70de;
}
.paginationjs ul li.disabled a {
display: none;
}
.paginationjs ul li.active a {
background: #0c70de;
color: #fff;
}
#ts-import-export #imex-notices,
#ts-import-export-bookmark #imex-bm-notices {
font-size: 13px;
margin-bottom: 10px;
}
#ts-bookmark-pagination {
margin-bottom: 15px;
}
#ts-chapter-history {
margin: 15px;
}
#ts-chapter-history .eph-num {
background: #333;
margin-bottom: 10px;
position: relative;
border-radius: 5px;
}
#ts-chapter-history .eph-num .ts-latest-history-item {
display: block;
padding: 5px 10px;
}
#ts-chapter-history .eph-num .ts-latest-history-item .post-date {
font-size: 12px;
color: #999;
float: right;
}
#import-upload,
#bookmark-import-upload {
clear: both;
padding-top: 5px;
margin-bottom: 10px;
}
.ts-loading {
padding: 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.ts-loading-spinner {
border: 4px solid rgba(0, 0, 0, 0.1);
border-top: 4px solid #3498db;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 0.6s linear infinite;
margin: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 1096px) {
.home-genres {
border-radius: 0;
}
.gennom3 {
border-radius: 10px;
}
.home-genres.gennom2 {
border-right: 0;
border-left: 0;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
margin-left: 25px;
}
.slidernom3 .mainslider .slidtrithumb-wrapper {
right: 5%;
}
}
@media only screen and (max-width: 1080px) {
.listupd .utao {
width: 50%;
}
}
@media only screen and (max-width: 1015px) {
header {
margin-right: 10px;
}
.searchx {
width: 200px;
}
#main-menu ul li {
margin: 0;
}
}
@media only screen and (max-width: 1000px) {
.full .bs {
width: 16.666666%;
}
}
@media only screen and (max-width: 978px) {
.chapterbody .bs {
width: 20%;
}
.chapterbody .bs:nth-child(6),
.chapterbody .bs:nth-child(7) {
display: none;
}
#top-menu li a {
color: #fff;
}
}
@media only screen and (max-width: 950px) {
.bxcl ul li {
width: 33.3333333%;
}
.slidernom2 .mainslider .limit .sliderinfo {
top: unset;
bottom: 10%;
transform: none;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit {
margin: 0 auto;
max-width: 100%;
padding: 0 50px;
text-align: center;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
max-width: 100%;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
max-width: 100%;
}
.slidernom2 .meta .metas-slider-genres {
max-height: 28px;
}
.slidernom2 .mainslider .limit:before {
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%) !important;
}
.big-slider .paging {
display: none;
}
.home-genres.gennom2 {
margin: 0;
}
.slidernom3 .mainslider .slidtrithumb-wrapper {
right: 0;
top: 0;
transform: none;
width: 250px;
}
.slidernom3 .mainslider .slidtrithumb img {
min-height: 350px;
}
.bs.stylefiv.stylesix {
width: 25%;
}
}
@media only screen and (max-width: 900px) {
#sidebar .section ul.genre:before,
#sidebar .section ul.genre:after {
display: none;
}
#sidebar .section ul.genre li {
float: left;
width: 50%;
}
.loop {
width: 100% !important;
float: none !important;
}
.slidtop .trending {
display: none;
}
.listupd .utao.stylegg .uta .luf ul {
display: block;
}
.listupd .utao.stylegg .uta .luf ul li {
flex: unset;
}
.listupd .utao.stylegg .uta .luf ul li:nth-child(2) {
margin-left: 0;
}
.listupd .utao.stylegg .uta .luf ul li span {
text-align: left;
}
.listupd .utao.stylegg .uta .luf ul li a {
padding-left: 10px;
}
.listupd .utao.stylegg .uta .luf ul li span.eggtime {
display: none;
}
.listupd .utao.stylegg .uta .luf .statusind {
display: none;
}
}
@media only screen and (max-width: 890px) {
.shme {
display: block;
float: left;
font-size: 24px;
margin-top: 8px;
margin-right: 10px;
color: #fff;
cursor: pointer;
}
#main-menu {
display: none;
}
.shwx {
display: block !important;
}
.logos {
width: auto;
}
header {
margin: 3px !important;
}
.logos img {
max-height: 40px !important;
}
.searchx {
margin: 0;
margin-top: 9px;
margin-bottom: 9px;
}
#thememode {
margin-top: 6px;
}
#main-menu.shwx {
position: absolute;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
background: #222;
}
#main-menu.shwx ul {
float: none;
margin: 0 20px;
margin-top: 6px;
}
#main-menu.shwx ul li {
float: none;
}
#main-menu.shwx ul li a {
text-align: left;
height: auto !important;
line-height: 36px !important;
border-radius: 5px;
font-weight: 400;
font-size: 15px !important;
color: #d3d3d3;
padding: 0 !important;
}
#main-menu.shwx ul li a:hover {
color: #fff;
}
#main-menu.shwx ul li ul {
top: unset !important;
position: relative;
display: block;
min-width: unset;
margin: 5px 0 5px 15px;
background: rgba(255, 255, 255, 0.05);
border-radius: 6px;
border-left: 2px solid rgba(255, 255, 255, 0.1);
padding: 5px 10px;
box-shadow: none;
}
#main-menu.shwx ul li ul li a {
font-size: 14px;
color: #ddd;
padding: 8px 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
transition: all 0.3s ease;
}
#main-menu.shwx ul li ul li:last-child a {
border-bottom: none;
}
#main-menu.shwx ul li ul li a:hover {
background: rgba(255, 255, 255, 0.1);
color: #fff;
padding-left: 15px;
}
.th.headerni .searchx {
margin-top: 14px;
}
.th.headerni #thememode .xt {
display: block;
}
.th.headerni #thememode {
margin-top: 9px;
}
div#live-search_sb,
.th.headerni ~ div#live-search_sb {
top: 52px !important;
}
}
@media only screen and (max-width: 880px) {
.postbody,
#sidebar {
float: none;
width: auto;
}
#sidebar .section {
margin-left: 0;
margin-bottom: 5px;
}
.quickfilter .filters .filter {
position: static;
}
.quickfilter .filters .filter ul,
.quickfilter .filters .filter ul.dropdown-menu.c1 {
right: 0;
left: 0;
top: auto;
width: auto;
max-width: unset;
}
.quickfilter .filters .filter ul.dropdown-menu.c1 li {
float: left;
width: 25%;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a {
display: none;
}
.slidernom3
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-genres-values
a:nth-child(1),
.slidernom3
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-genres-values
a:nth-child(2),
.slidernom3
.mainslider
.limit
.sliderinfo
.sliderinfolimit
.meta
.metas-genres-values
a:nth-child(3) {
display: inline-block;
margin-right: 2px;
}
.listupd .utao.stylegg .uta .luf ul li span.eggtime {
display: block;
float: right;
margin-right: 5px;
}
.listupd .utao.stylegg .uta .luf ul li span.eggchap {
float: left;
}
}
@media only screen and (max-width: 850px) {
.full .bs {
width: 20%;
}
}
@media only screen and (max-width: 800px) {
.bloglist .blogbox {
width: 50%;
}
.bigblogt {
padding: 15px;
padding-bottom: 0;
}
.postbody,
#sidebar {
float: none;
width: auto;
}
#sidebar .section {
margin-left: 0;
}
.pd-expand.sxp {
display: none;
}
.megavid.xp {
position: relative;
top: 0;
width: 100%;
}
div#live-search_sb {
width: 100% !important;
left: 0 !important;
top: 52px !important;
right: 0 !important;
}
#live-search_results {
box-shadow: none;
border-radius: 0;
}
#main-menu {
display: none;
position: absolute;
top: 50px;
left: 0;
bottom: 0;
right: 0;
background: rgba(28, 28, 28, 0.95);
height: 100%;
overflow: auto;
z-index: 999;
width: auto;
margin: 0;
}
#main-menu ul li {
float: none;
position: relative;
margin: 0;
}
#main-menu ul li a,
#main-menu ul li ul li a {
text-align: left;
color: #fff;
}
#main-menu ul {
float: none;
}
#main-menu ul li ul {
display: block;
position: relative;
margin: 0;
top: unset;
min-width: unset;
border-radius: 0;
float: none;
background: rgba(0, 0, 0, 0.32);
}
.wrapper {
margin: 0;
}
.loop {
margin-bottom: 0;
}
.bixbox {
border-radius: 0;
margin-bottom: 5px;
}
.megavid,
.meta {
margin-bottom: 5px;
}
.icol.expand {
display: none;
}
.headpost,
#content.readercontent .bixbox,
#content.readercontent .chdesc,
.chnav,
#content.readercontent .chaptertags {
margin-left: 20px;
margin-right: 20px;
}
.footer-az {
display: none;
}
.footercopyright .copyright {
overflow: hidden;
}
.footercopyright .copyright .footer-logo {
margin: 0;
float: none;
}
.footercopyright .copyright .txt {
float: none;
width: auto;
text-align: center;
margin-top: 5px;
}
.footercopyright p {
margin-top: 0;
}
.footercopyright .ftnaru {
display: none;
}
.chnav.ctop .slc {
float: none;
margin: 0;
display: block;
margin-bottom: 10px;
}
.chnav .slc #chapter {
width: 100%;
}
#readerarea.rdminimal {
margin: 10px 20px;
}
.main-info .info-left {
float: none !important;
margin: 0px 20px !important;
margin-bottom: 15px;
width: auto;
}
.main-info .info-left .thumb {
max-width: 200px;
text-align: center;
margin: 0 auto;
border: 5px solid #16151d;
border-radius: 5px;
margin-bottom: 10px;
}
.main-info .info-left #mobiletitle #titlemove {
text-align: center;
color: #fff;
margin-top: 10px;
margin-bottom: 15px;
}
.main-info .info-left #mobiletitle #titlemove .entry-title {
font-size: 17px;
font-weight: 500;
margin: 0;
margin-bottom: 3px;
}
.main-info .info-left #mobiletitle #titlemove .alternative {
font-size: 12px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.manga-info .bixbox,
.seriestucon {
margin: 0 20px;
margin-bottom: 10px;
}
.main-info .info-left .rating.bixbox,
.main-info .info-left .tsinfo.bixbox {
margin-right: 0;
margin-left: 0;
}
.alr {
margin-right: 20px;
margin-left: 20px;
}
#footer .socialbutton {
margin-top: 25px;
}
.manga-info .seriestucon .seriestucont .seriestucontl .rating.bixbox,
#content .seriestere .seriestucontent .seriestucontl .rating {
margin-right: 0;
margin-left: 0;
}
}
@media only screen and (max-width: 760px) {
#content .seriestere .seriestuheader h1 {
text-align: center;
}
#content .seriestere .seriestuheader .seriestualt {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#content .seriestere .seriestucontent .seriestucontl {
float: none !important;
margin: 0 auto !important;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading {
display: none;
}
.slidernom2 .mainslider .limit .sliderinfo {
bottom: 10%;
}
.big-slider .paging {
right: 15px;
bottom: 15px;
}
}
@media only screen and (max-width: 750px) {
.home-genres {
display: none;
}
.wrapernum3 {
margin: 0;
padding: 0;
}
.slidernom3 {
border-radius: 0;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
padding: 0 30px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta {
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-genres {
display: none;
}
.slidernom3 .mainslider .limit {
height: 280px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
font-size: 20px;
}
.slidernom3 .mainslider .slidtrithumb img {
min-height: 215px;
}
.slidernom3 .mainslider .slidtrithumb {
width: 155px;
top: 33px;
right: 35px;
height: 215px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .slidlc {
font-size: 15px;
}
}
@media only screen and (max-width: 715px) {
ul.taxindex li {
width: 33.3333333%;
}
.chapterbody .bs {
width: 25%;
}
.chapterbody .bs:nth-child(5) {
display: none;
}
.bs.stylefor,
.bs.stylefiv {
width: 33.333333%;
}
.mainslider .limit .sliderinfo .sliderinfolimit span.name {
font-size: 17px;
margin-bottom: 5px;
font-weight: 400;
}
.mainslider .limit .sliderinfo .sliderinfolimit .desc {
display: none;
}
.mainslider .limit .sliderinfo {
bottom: 10%;
}
.mainslider .limit {
height: 180px;
}
.mainslider .limit .sliderinfo .sliderinfolimit .meta .quality {
margin-right: 5px;
text-shadow: none;
}
.mainslider .limit .sliderinfo .sliderinfolimit .meta span.text {
margin-right: 5px;
}
.mainslider .limit .sliderinfo .sliderinfolimit {
text-shadow: 0 2px 4px #000;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
text-shadow: none;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
display: block;
}
}
@media only screen and (max-width: 695px) {
.slide-item.full .slide-content {
padding: 20px !important;
}
.iconx {
line-height: 4px;
}
.bigcontent {
padding: 10px;
}
.bigcontent.nobigcover .thumbook {
margin-top: 10px;
}
.bigcontent .thumb {
margin: 0 auto;
margin-bottom: 20px;
max-width: 110px;
width: auto;
height: auto;
position: relative;
top: auto;
left: auto;
float: none;
}
.bigcontent .infox {
overflow: hidden;
padding-left: 0;
}
.bigcontent .infox h1,
.bigcontent .infox .alter {
text-align: center;
margin-bottom: 10px;
}
.bigcontent .rt {
position: relative;
top: auto;
right: auto;
width: 100%;
overflow: hidden;
}
.bigcontent .thumbook {
position: relative;
left: auto;
width: 100%;
max-width: 300px;
margin: 0 auto;
margin-top: -50px;
margin-bottom: 20px;
top: 0;
}
.socialts {
text-align: center;
}
.bigcontent .infox .flex-wrap .fmed {
width: 100%;
margin-bottom: 10px;
}
.bigcontent .infox .flex-wrap {
margin: 0;
}
.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta:nth-child(3) {
display: none;
}
}
@media only screen and (max-width: 670px) {
.quickfilter .filters .filter ul li,
.quickfilter .filters .filter ul.dropdown-menu.c1 li,
.advancedsearch .quickfilter .filters .filter ul li {
width: 33.3333333% !important;
}
.advancedsearch .quickfilter .filters .filter {
width: 50%;
}
.advancedsearch .quickfilter .filters .filter.submit {
width: 100%;
}
.bs,
.full.seriestu .bs {
float: left;
width: 33.333333%;
}
.series-gen .tab-pane.active .bs:nth-child(4),
.series-gen .tab-pane.active .bs:nth-child(5) {
display: none;
}
.listupd .utao.styletwo {
float: none;
width: auto;
}
#content.mangatere .terebody {
padding-top: 100px;
}
.quickfilter .filters .filter.open ul {
overflow-y: scroll;
}
.full.seriestu .bs:nth-child(4),
.full.seriestu .bs:nth-child(5) {
display: none;
}
.stylesven .sveninner .sventop .sveninfo .svendetop {
display: none;
}
.stylesven .sveninner .svenbottom {
margin-top: 5px;
}
.stylesven .sveninner .sventop {
overflow: unset;
margin: 0;
}
.stylesven .sveninner {
overflow: hidden;
height: 128px;
}
.stylesven .sveninner .svenbottom .svenmetabot .statusind {
display: none;
}
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters {
float: none;
overflow: hidden;
list-style: disc;
padding-left: 16px;
}
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li {
float: none;
margin: 0;
margin-bottom: 5px;
}
.stylesven .sveninner .sventop .sventhumb {
height: 80px;
}
.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li span {
display: block;
float: right;
font-size: 11px;
font-weight: normal;
color: #7e7e7e;
}
}
@media only screen and (max-width: 650px) {
.slidernom3 .mainslider .slidtrithumb-wrapper {
right: unset;
left: 20px;
width: 140px;
height: 200px;
top: 25px;
transform: rotate(0deg);
}
@media (hover: hover) and (pointer: fine) {
.slidernom3 .mainslider .slidtrithumb-wrapper:hover .slidtrithumb {
transform: rotate(0deg) scale(1.05);
}
}
.slidernom3 .mainslider .slidtrithumb img {
min-height: auto;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
max-width: unset;
margin-left: 175px;
}
.slidlc {
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .slidlc {
display: none;
}
.slidernom3 .mainslider .limit .sliderinfo {
}
.slidernom3 .mainslider .limit {
height: 280px;
}
.full .bs {
width: 25%;
}
.side.infomanga .imgprop {
float: none;
margin-right: 0;
display: block;
}
.side.infomanga .imgprop img {
float: none;
max-width: 190px;
display: block;
margin: 0 auto;
margin-bottom: 10px;
height: auto;
}
.side.infomanga table.listinfo tr th {
text-align: right;
}
.genx {
width: 50%;
}
.kln a.col {
width: auto;
display: block;
padding: 2px 0;
float: none;
}
.klnrec .mini {
display: none;
}
.klnrec .kln {
float: none;
width: auto;
margin-right: 0;
}
.klnrec .kln img,
.klnrec .mini img {
width: auto;
}
.gnr {
display: inline-block;
}
tr.gnrx {
display: none;
}
tr.gnrx.shwgx {
display: block;
}
#readerarea img {
border: 0;
}
#teaser1,
#teaser2 {
display: none;
}
.chnav.ctop .navrig {
display: block;
overflow: hidden;
margin-bottom: 10px;
}
.chnav.ctop .navrig .mirror,
.chnav.ctop .navrig .readingmode {
margin: 0;
float: left;
display: block;
width: 50%;
}
.chnav.ctop .navrig select {
width: 100%;
}
.chnav.ctop .navrig select#mirror {
width: 97%;
}
.chnav.ctop .navlef {
display: block;
overflow: hidden;
}
.chnav.ctop .navlef .dlx {
float: none;
display: block;
margin: 0;
text-align: center;
overflow: hidden;
}
.chnav.ctop .navlef .dlx a {
margin: 0;
}
.chnav.ctop .navlef .amob.nodlx {
display: block;
overflow: hidden;
}
.chnav.ctop .navlef .amob.nodlx .pagedsel {
float: none;
display: block;
margin: 0;
overflow: hidden;
}
.chnav.ctop .navlef .amob.nodlx .pagedsel select {
width: 100%;
}
.chnav.ctop.nomirror .slc {
float: left;
width: 50%;
}
.chnav.ctop.nomirror .slc .nvx {
margin-right: 5px;
}
.chnav.ctop.nomirror .navrig {
width: 50%;
}
.chnav.ctop.nomirror .navrig .readingmode {
float: none;
width: auto;
}
.chnav.ctop.nomirror .navlef {
clear: both;
}
.main-info .info-left .thumb {
max-width: 100px;
}
.bigcover {
height: 170px;
}
.manga-info .seriestucon .seriestucont .seriestucontl .rating.bixbox {
margin-right: 0;
margin-left: 0;
}
.seriestucon .seriestucont .seriestucontl {
float: none !important;
width: 100%;
max-width: 200px;
text-align: center;
margin: 0 auto !important;
margin-bottom: 20px;
}
.seriestucon .seriestuhead .lastend {
text-align: center;
}
.bs.stylefiv.stylesix {
width: 33.333333%;
}
}
@media only screen and (max-width: 600px) {
#wpadminbar {
position: fixed !important;
}
#content .seriestere .seriestucontent .seriestucontentr tbody {
flex: none;
display: block;
}
#content .seriestere .seriestucontent .seriestucontentr tr {
width: 100%;
}
#content .seriestere .seriestucontent .seriestucontentr tr td:nth-child(1) {
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
}
@media only screen and (max-width: 590px) {
.sosmed {
clear: both;
position: relative;
display: block;
overflow: hidden;
margin-top: 15px;
top: 0;
text-align: center;
width: 100%;
bottom: 0;
}
.mobius {
overflow: hidden;
display: block;
}
.iconx {
float: right;
}
.iconx .icol {
margin: 0;
}
.iconx .icol span {
display: none;
}
.naveps {
float: none;
padding: 0;
margin: -15px;
margin-top: 10px;
overflow: hidden;
position: relative;
height: 38px;
}
.naveps .nvs {
display: block;
width: 33.33333333%;
text-align: center;
min-height: 1px;
}
.naveps .nvs.nvsc {
margin: 0;
}
.naveps .nvs a {
border-radius: 0;
padding: 8px 0;
}
.slide-content .title a {
font-size: 16px;
}
.blogbox .boxlist .bma {
width: 50%;
}
.blogbox.homeblog .boxlist .bma:last-child {
display: none;
}
.series-gen .nav-tabs li {
width: 33.333333%;
}
.series-gen .nav-tabs li:nth-child(3),
.series-gen .nav-tabs li:nth-child(4) {
display: none;
}
}
@media only screen and (max-width: 570px) {
.postbody .ldr .outbx:last-child {
display: none;
}
.postbody .ldr .outbx {
float: left;
width: 25%;
}
.archx .arche .inx span b {
width: auto;
float: none;
}
.soralist ul li {
margin-left: 15px;
float: none !important;
line-height: 21px;
width: auto;
}
.genres li {
width: 43%;
}
ul.taxindex li,
.bxcl ul li,
.chapterbody .bs {
width: 50%;
}
.searchx {
display: flex !important;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
margin: 0 !important;
padding: 9px 10px;
background: #16151d;
z-index: 99;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
}
.srcmob {
display: block !important;
float: right;
font-size: 14px;
margin-top: 9px;
color: #fff;
cursor: pointer;
border-radius: 50%;
width: 35px;
text-align: center;
background: rgba(0, 0, 0, 0.1);
}
.srcmob .fas {
line-height: 35px;
}
.searchx.minmbx {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.searchx.minmbx #form {
width: 100%;
margin-right: 40px;
margin-left: 0;
z-index: 1;
}
.srcmob.srccls {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
margin: 0;
font-size: 20px;
color: #aaa;
z-index: 100;
background: transparent;
}
.searchx #form #submit {
display: none;
}
.th.headerni .searchx #form #s {
background: #17151b;
height: 34px;
}
.stylesven {
float: none;
width: 100%;
}
.stylesven .sveninner {
height: auto;
}
}
@media only screen and (max-width: 550px) {
.full .bs {
width: 33.333333%;
}
.slidernom2 .mainslider .limit {
height: 275px;
}
.slidernom2 .mainslider .limit .bigbanner {
min-height: 275px;
}
.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
font-weight: 400;
}
.listupd.popularslider .popconslide .bs {
flex: 1 0 140px;
max-width: 140px;
}
}
@media only screen and (max-width: 500px) {
.slidernom3 .mainslider .slidtrithumb {
width: 100px;
height: 140px;
border-radius: 8px;
top: 30px;
left: 15px;
transform: rotate(0deg);
}
@media (hover: hover) and (pointer: fine) {
.slidernom3 .mainslider .slidtrithumb:hover {
transform: rotate(0deg);
}
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
margin-left: 130px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
display: block;
max-height: 72px;
overflow: hidden;
margin-bottom: 10px;
font-size: 12px;
line-height: 1.5;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
font-size: 17px;
line-height: 1.3;
margin-bottom: 5px;
}
.slidernom3 .mainslider .limit {
height: 230px;
}
.slidernom3 .mainslider .slidtrithumb img {
min-height: 140px;
object-fit: cover;
}
.postbody .ldr .outbx {
float: left;
width: 50%;
}
.bs.stylefiv {
width: 33.333333%;
}
.listupd .lexa .thumb {
float: none;
overflow: hidden;
width: 100%;
max-height: unset;
margin-right: 0;
}
.listupd .lexa .thumb img {
max-width: unset;
height: auto;
width: 100%;
}
.bigcontent .infox .spe span {
width: auto;
float: none;
display: block;
}
.listupd .utao {
float: none;
width: auto;
position: relative;
}
.quickfilter .filters .filter ul li,
.quickfilter .filters .filter ul.dropdown-menu.c1 li,
.advancedsearch .quickfilter .filters .filter ul li {
width: 50% !important;
}
.searchx {
width: 74%;
}
.searchx.topcon {
width: 67%;
}
.chnav.ctop .navlef .amob {
display: block;
overflow: hidden;
margin-bottom: 10px;
}
.chnav.ctop .navlef .amob .pagedsel {
float: none;
display: block;
margin: 0;
}
.chnav.ctop .navlef .amob .pagedsel select {
width: 100%;
}
.bs.stylefor {
width: 50%;
}
.bxcl ul li .eph-num span.chapternum {
text-overflow: unset;
white-space: unset;
}
.bxcl .clstyle li .eph-num {
width: 80%;
}
}
@media only screen and (max-width: 450px) {
.series-gen .tab-pane.active .bs:nth-child(4),
.full.seriestu .bs:nth-child(5) {
display: none;
}
.hpage a {
width: 90px;
}
.advancedsearch .quickfilter .filters .filter,
.full.seriestu .bs {
width: 50%;
}
.chnav.cbot .slc {
float: none;
margin: 0;
margin-bottom: 10px;
overflow: hidden;
display: block;
}
.chnav.cbot .amob {
display: block;
overflow: hidden;
}
.chnav.cbot .amob .pagedsel {
float: none;
margin: 0;
display: block;
overflow: hidden;
}
.chnav.cbot .amob .pagedsel select {
width: 100%;
}
.readingnav.rnavbot .readingnavbot .readingoption .mirror {
display: none;
}
.imptdt i,
.imptdt a {
float: none;
display: block;
margin-top: 2px;
}
.full.seriestu .bs:nth-child(3),
.full.seriestu .bs:nth-child(4) {
display: block;
}
.bs.stylefiv.stylesix {
width: 50%;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes .post-date {
float: none !important;
display: block;
}
.history-item-tree .hisimage {
width: 50px;
}
}
@media only screen and (max-width: 380px) {
.listupd .utao.styletwo .uta .luf ul li span {
display: none;
}
.listupd .utao.stylegg .uta .luf ul li span.eggchap {
display: block;
}
}
@media only screen and (max-width: 360px) {
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span {
font-size: 12px;
padding: 0 14px;
line-height: 30px;
}
.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span i {
margin-right: 4px !important;
}
}
@media only screen and (max-width: 320px) {
#series-history ul li .eph-num span.chapternum,
#series-history ul li .eph-num span.chapterdate {
float: none;
}
ul.taxindex li,
.bxcl ul li {
width: auto;
float: none;
}
}
@media only screen and (max-width: 300px) {
.bs,
.full .bs,
.full.seriestu .bs {
float: left;
width: 50%;
}
.series-gen .tab-pane.active .bs:nth-child(3),
.hothome.full .bs:nth-child(3),
.bs.stylefiv .bsx .chfiv li .fivtime,
.listupd .utao.styletwo .uta .luf ul li span {
display: none;
}
}
.bixbox.hothome,
.bixbox.hothome.full {
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
.hotslid {
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible;
}
.hothome .releases {
background: transparent !important;
border: 0 !important;
padding: 8px 5px 8px 15px !important;
}
.hothome .releases h2 {
background: transparent !important;
padding: 0 !important;
font-size: 15px;
}
.hothome .releases h2::before {
content: "\f06d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
margin-right: 8px;
font-size: 16px;
}
.hothome .listupd.popularslider {
overflow: visible !important;
padding: 0 !important;
}
.hothome .listupd.popularslider .popconslide {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
gap: 0 !important;
padding: 4px 0 8px 0 !important;
scrollbar-width: none;
-ms-overflow-style: none;
margin-left: -4px;
margin-right: -4px;
}
.hothome .bsx .limit {
padding: 155% 0 0 !important;
}
.hothome .listupd.popularslider .popconslide::-webkit-scrollbar {
display: none !important;
height: 0 !important;
}
.bixbox.hothome.full .listupd.popularslider .popconslide .bs,
.bixbox.hothome .listupd.popularslider .popconslide .bs {
flex: 0 0 170px !important;
width: 170px !important;
max-width: 170px !important;
min-width: 170px !important;
float: none !important;
display: block !important;
white-space: normal;
margin: 0;
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
.bixbox.hothome.full .listupd.popularslider .popconslide .bs,
.bixbox.hothome .listupd.popularslider .popconslide .bs {
flex: 0 0 calc((100vw - 16px) / 5) !important;
width: calc((100vw - 16px) / 5) !important;
max-width: calc((100vw - 16px) / 5) !important;
min-width: calc((100vw - 16px) / 5) !important;
}
}
@media only screen and (max-width: 600px) {
.bixbox.hothome.full .listupd.popularslider .popconslide .bs,
.bixbox.hothome .listupd.popularslider .popconslide .bs {
flex: 0 0 calc((100vw - 20px) / 3) !important;
width: calc((100vw - 20px) / 3) !important;
max-width: calc((100vw - 20px) / 3) !important;
min-width: calc((100vw - 20px) / 3) !important;
}
}
.hothome .bsx {
position: relative;
overflow: visible;
border-radius: 8px;
display: block;
height: 100%;
margin: 2px 4px !important;
}
.hothome .bsx a {
display: block;
position: relative;
height: 100%;
overflow: hidden;
border-radius: 8px;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.hothome .bsx .limit {
position: relative;
width: 100%;
height: 100%;
}
.hothome .bsx .limit img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
pointer-events: none;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
}
.hothome .bsx .limit .type,
.hothome .bsx .limit .typename,
.hothome .bsx .limit .colored,
.hothome .bsx .limit .hotx {
display: none !important;
}
.hothome .bsx .bigor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px 8px 10px;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.6) 30%,
transparent 60%
);
box-sizing: border-box;
text-align: center;
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.hothome .bsx .tt {
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
padding: 0;
}
.hothome .bsx .adds {
display: none !important;
}
.hothome .bsx .info-popup {
position: absolute;
top: 0;
left: 100%;
margin-left: 0 !important;
z-index: 10;
background: rgba(0, 0, 0, 0.9);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-radius: 6px;
padding: 8px 10px;
opacity: 0;
visibility: hidden;
transform: scale(0.95);
transform-origin: left center;
transition:
opacity 0.2s ease,
visibility 0.2s ease,
transform 0.2s ease;
pointer-events: none;
min-width: 80px;
white-space: nowrap;
text-align: left;
}
.hothome .bsx:active,
.hothome .bsx.touch-active {
z-index: 20 !important;
}
.hothome .bsx:active .info-popup,
.hothome .bsx.touch-active .info-popup {
opacity: 1;
visibility: visible;
transform: scale(1);
}
@media (hover: hover) and (pointer: fine) {
.hothome .bsx:hover {
z-index: 20 !important;
}
.hothome .bsx:hover .info-popup {
opacity: 1;
visibility: visible;
transform: scale(1);
}
}
.hothome .bsx .info-popup .popup-type {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px;
}
.hothome .bsx .info-popup .popup-flag {
width: 20px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
flex-shrink: 0;
}
.hothome .bsx .info-popup .popup-flag.Manga {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manga.png);
}
.hothome .bsx .info-popup .popup-flag.Manhwa {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhwa.png);
}
.hothome .bsx .info-popup .popup-flag.Manhua {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhua.png);
}
.hothome .bsx .info-popup .popup-typename {
color: #fff;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hothome .bsx .info-popup .popup-rating {
display: flex;
align-items: center;
gap: 4px;
}
.hothome .bsx .info-popup .popup-rating .popup-star {
color: #ffc107;
font-size: 11px;
}
.hothome .bsx .info-popup .popup-rating .popup-score {
color: #fff;
font-size: 12px;
font-weight: 600;
}
.slidernom2 .mainslider .limit,
.slidernom2 .mainslider .limit .bigbanner {
height: 500px !important;
min-height: 500px !important;
}
@media only screen and (max-width: 768px) {
.slidernom2 .mainslider .limit,
.slidernom2 .mainslider .limit .bigbanner {
height: 250px !important;
min-height: 250px !important;
}
}
.hothome .popularslider .bs .bsx .limit::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 9;
pointer-events: none;
transition: left 0s;
}
.hothome .popularslider .bs .bsx {
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
z-index: 1;
}
.hothome .popularslider .bs .bsx.touch-active .limit::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.hothome .popularslider .bs:hover .bsx .limit::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
.hothome .popularslider .bs:hover .bsx {
transform: scale(1.05);
z-index: 20;
}
}
.bixbox.hothome.full,
.bixbox.hothome,
.project-update-box,
#sidebar .section:has(.ts-wpop-series-gen),
#sidebar .section:has(.serieslist.pop) { border: none !important;
border-radius: 8px !important; box-sizing: border-box !important;
margin-bottom: 25px !important;
}
.project-update-box {
padding: 15px !important;
overflow: visible !important;
}
.project-update-box .releases {
background: transparent;
border-bottom: 2px solid var(--tc, #366ad3);
padding: 8px 0 !important;
margin-bottom: 0;
}
.bixbox.hothome.full,
.bixbox.hothome {
padding: 15px !important;
}
.hothome .releases {
padding: 8px 0 !important;
border-bottom: 2px solid var(--tc) !important;
}
#sidebar .section:has(.ts-wpop-series-gen),
#sidebar .section:has(.serieslist.pop) {
padding: 15px !important;
}
.project-update-box .releases h2 {
font-size: 15px;
font-weight: 600;
color: #fff;
margin: 0;
padding-left: 0;
}
.project-update-box .releases h2::before {
content: "\f0f3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
margin-right: 8px;
font-size: 15px;
display: inline;
}
.project-update-box .releases a.vl {
background: var(--tc, #366ad3) !important;
margin-right: 15px;
}
.project-update-box .listupd,
.project-update-box .bs {
overflow: visible !important;
}
.project-update-box .listupd {
margin-left: -4px;
margin-right: -4px;
padding: 15px 0 0 0;
}
.project-update-box .listupd::after {
content: "";
display: table;
clear: both;
}
.project-update-box .bs .bsx {
margin: 10px 4px;
}
.project-update-box .bs .bsx .limit {
padding: 135% 0 0;
overflow: hidden;
}
.project-update-box .bs .bsx {
overflow: visible !important;
position: relative;
z-index: 1;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.project-update-box .bs:active .bsx .limit::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
.project-update-box .bs:active .bsx .limit img {
transform: none !important;
}
@media (hover: hover) and (pointer: fine) {
.project-update-box .bs:hover .bsx .limit::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
.project-update-box .bs:hover .bsx .limit img {
transform: none !important;
}
.project-update-box .bs:hover .bsx {
transform: scale(1.05) !important;
z-index: 20;
}
}
.project-update-box .bs .bsx .limit::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 9;
pointer-events: none;
transition: left 0s;
}
.project-update-box .bs .bsx a {
display: block;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.project-update-box .bs .bsx .limit img {
pointer-events: none;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
}
@media only screen and (max-width: 900px) {
.project-update-box,
.bixbox,
#sidebar .section {
padding-left: 6px !important;
padding-right: 6px !important;
box-sizing: border-box !important;
}
.bixbox.hothome,
.bixbox.hothome.full {
padding-left: 6px !important;
padding-right: 6px !important;
}
.hothome .releases {
padding-left: 4px !important;
padding-right: 4px !important;
}
.hothome .listupd.popularslider .popconslide {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -4px !important;
margin-right: -4px !important;
}
.hotslid {
padding: 0 !important;
margin: 0 !important;
}
.project-update-box .bs:hover .bsx,
.project-update-box .bs:active .bsx,
.project-update-box .bs .bsx:hover,
.project-update-box .bs .bsx:active,
.project-update-box .limit img,
.project-update-box .limit:hover img,
.project-update-box .limit:active img,
.project-update-box .bsx .limit img {
transform: none !important;
}
}
@media (hover: none) {
.project-update-box .bs:hover .bsx,
.project-update-box .bs:active .bsx,
.project-update-box .bs .bsx:hover,
.project-update-box .bs .bsx:active,
.project-update-box .limit img,
.project-update-box .limit:hover img,
.project-update-box .limit:active img,
.project-update-box .bsx .limit img {
transform: none !important;
}
}
.project-update-box .chfiv,
.tab-content .chfiv {
padding: 0 !important;
margin: 10px 0 0 0 !important;
list-style: none !important;
}
.project-update-box .chfiv li,
.tab-content .chfiv li {
display: block !important;
overflow: hidden !important;
margin-bottom: 6px !important;
background: #0f0f0f !important;
border-radius: 6px !important;
border: 1px solid #141414 !important;
box-sizing: border-box !important;
float: none !important;
width: 100% !important;
}
.project-update-box .chfiv li a,
.tab-content .chfiv li a {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 6px 10px !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 500 !important;
background: transparent !important;
border: none !important;
width: 100% !important;
box-sizing: border-box !important;
text-decoration: none !important;
float: none !important;
}
.project-update-box .chfiv li a:hover,
.tab-content .chfiv li a:hover {
color: var(--tc, #366ad3) !important;
background: transparent !important;
}
.project-update-box .chfiv li .fivchap,
.tab-content .chfiv li .fivchap {
float: none !important;
color: #fff !important;
}
.project-update-box .chfiv li a:hover .fivchap,
.tab-content .chfiv li a:hover .fivchap {
color: var(--tc, #366ad3) !important;
}
.project-update-box .chfiv li .fivtime,
.tab-content .chfiv li .fivtime {
float: none !important;
color: #888 !important;
font-size: 11px !important;
margin-top: 0 !important;
}
.project-update-box .listupd .utao .uta .luf ul,
.tab-content .utao .uta .luf ul {
padding-left: 0 !important;
margin-top: 10px !important;
}
.project-update-box .listupd .utao .uta .luf ul li,
.project-update-box .listupd .utao.stylegg .uta .luf ul li,
.project-update-box .listupd .utao.styletwo .uta .luf ul li,
.tab-content .utao .uta .luf ul li,
.tab-content .utao.stylegg .uta .luf ul li,
.tab-content .utao.styletwo .uta .luf ul li {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
background: #0f0f0f !important;
border-radius: 6px !important;
padding: 5px 10px !important;
margin-bottom: 6px !important;
float: none !important;
width: 100% !important;
box-sizing: border-box !important;
border: 1px solid #141414 !important;
}
.project-update-box .listupd .utao .uta .luf ul li a,
.project-update-box .listupd .utao.stylegg .uta .luf ul li a,
.project-update-box .listupd .utao.styletwo .uta .luf ul li a,
.tab-content .utao .uta .luf ul li a,
.tab-content .utao.stylegg .uta .luf ul li a,
.tab-content .utao.styletwo .uta .luf ul li a {
color: #fff !important;
font-size: 12px !important;
font-weight: 500 !important;
max-width: none !important;
float: none !important;
display: inline-block !important;
text-decoration: none !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
.project-update-box .listupd .utao .uta .luf ul li a:hover,
.project-update-box .listupd .utao.stylegg .uta .luf ul li a:hover,
.project-update-box .listupd .utao.styletwo .uta .luf ul li a:hover,
.tab-content .utao .uta .luf ul li a:hover,
.tab-content .utao.stylegg .uta .luf ul li a:hover,
.tab-content .utao.styletwo .uta .luf ul li a:hover {
color: var(--tc, #366ad3) !important;
}
.project-update-box .listupd .utao .uta .luf ul li span,
.project-update-box .listupd .utao.stylegg .uta .luf ul li span,
.project-update-box .listupd .utao.styletwo .uta .luf ul li span,
.tab-content .utao .uta .luf ul li span,
.tab-content .utao.stylegg .uta .luf ul li span,
.tab-content .utao.styletwo .uta .luf ul li span {
color: #888 !important;
font-size: 11px !important;
float: none !important;
margin-top: 0 !important;
display: inline-block !important;
}
.th {
background: transparent !important;
box-shadow: none !important;
border-bottom: none !important;
}
.bixbox.tab-menu-box,
.bixbox.tab-content-box,
.bixbox:has(.tab-menu),
.bixbox:has(.tab-content) {
background: #111111 !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
box-sizing: border-box !important;
}
.bixbox.tab-menu-box,
.bixbox:has(.tab-menu) {
margin-bottom: 8px !important;
}
.bixbox.tab-content-box,
.bixbox:has(.tab-content) {
margin-bottom: 25px !important;
}
.bixbox.tab-menu-box .releases,
.bixbox:has(.tab-menu) .releases {
border-bottom: none !important;
padding: 10px 15px !important;
margin: 0 !important;
}
.bixbox.tab-menu-box .releases::after,
.bixbox:has(.tab-menu) .releases::after {
display: none !important;
}
.tab-menu {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 6px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.tab-menu::-webkit-scrollbar {
display: none !important;
}
.tab-item {
flex: 0 0 auto !important;
display: inline-block !important;
cursor: pointer !important;
background: #0f0f0f !important;
border: 1px solid #141414 !important;
padding: 7px 14px !important;
border-radius: 6px !important;
color: #bbb !important;
font-size: 13px !important;
font-weight: 500 !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-transform: capitalize !important;
}
.tab-item:hover {
color: #fff !important;
background: #151515 !important;
border-color: #252525 !important;
}
.tab-item.active {
background: var(--tc, #366ad3) !important;
color: #fff !important;
border-color: var(--tc, #366ad3) !important;
box-shadow: 0 4px 12px rgba(54, 106, 211, 0.2) !important;
}
.bixbox.tab-content-box .listupd,
.bixbox:has(.tab-content) .listupd {
padding: 15px 0 0 !important;
}
.bixbox.tab-content-box .bs .bsx,
.bixbox:has(.tab-content) .bs .bsx {
margin: 10px 4px;
}
.tab-content {
display: none !important;
}
.tab-content.active {
display: block !important;
animation: fadeFast 0.3s ease-out !important;
}
@keyframes fadeFast {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#sidebar .section.widget-iklan .releases,
#sidebar .section.widget-discord .releases {
border-bottom: none !important;
position: relative !important;
margin: 0 !important;
padding: 0 0 10px 0 !important;
}
#sidebar .section.widget-iklan .releases::after,
#sidebar .section.widget-discord .releases::after {
content: "";
position: absolute;
bottom: 0;
left: 0 !important;
right: 0 !important;
height: 2px;
background-color: var(--tc, #366ad3) !important;
z-index: 2;
}
#sidebar .section.widget-iklan .releases h3::before {
content: "\f0a1" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
margin-right: 8px !important;
font-size: 1.1em !important;
display: inline-block !important;
color: inherit !important;
}
#sidebar .section.widget-discord .releases h3::before {
content: "\f392" !important;
font-family: "Font Awesome 5 Brands" !important;
font-weight: 400 !important;
margin-right: 8px !important;
font-size: 1.1em !important;
display: inline-block !important;
color: inherit !important;
}
.bixbox:has(.series-gen),
.bixbox.series-gen {
background: #111111 !important;
border: none !important;
border-radius: 8px !important;
margin-bottom: 20px !important;
padding: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
.series-gen {
padding: 0 !important;
}
.bixbox:has(.series-gen) .releases,
.bixbox.series-gen .releases {
border-bottom: none !important;
position: relative !important;
margin-bottom: 15px !important;
padding: 0 0 10px 0 !important;
}
.bixbox:has(.series-gen) .releases::after,
.bixbox.series-gen .releases::after {
content: "";
position: absolute;
bottom: 0;
left: 0 !important;
right: 0 !important;
height: 2px;
background-color: var(--tc) !important;
z-index: 2;
}
.bixbox:has(.series-gen) .releases h2::before,
.bixbox:has(.series-gen) .releases h3::before,
.bixbox.series-gen .releases h2::before,
.bixbox.series-gen .releases h3::before {
content: "\f164" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
margin-right: 8px !important;
font-size: 1.1em !important;
display: inline-block !important;
color: inherit !important;
}
.series-gen .nav-tabs {
background: #0d0d0d !important;
border: 1px solid #1a1a1a !important;
border-radius: 6px !important;
display: flex !important;
justify-content: space-around !important;
padding: 4px !important;
margin: 0 0 15px 0 !important;
}
.series-gen .nav-tabs li {
float: none !important;
width: auto !important;
flex: 1 !important;
}
.series-gen .nav-tabs li a {
display: block !important;
text-align: center !important;
padding: 6px 12px !important;
font-size: 13px !important;
color: #888 !important;
font-weight: 600 !important;
background: transparent !important;
transition: all 0.2s ease !important;
}
.series-gen .nav-tabs li a:hover {
color: #fff !important;
}
.series-gen .nav-tabs li.active a {
background: var(--tc) !important;
color: #fff !important;
border-radius: 4px !important;
}
.series-gen .tab-pane:not(.active),
.series-gen .tab-content:not(.active) {
display: none !important;
}
.series-gen .tab-pane.active,
.series-gen .tab-content.active {
display: block !important;
padding: 0 !important;
margin: -5px 0 0 0 !important;
}
.series-gen .listupd {
display: block !important;
padding: 5px !important;
margin: -5px -5px 0 -5px !important;
}
.series-gen .bs {
display: block !important;
float: left !important;
width: calc(20% - 8.01px) !important;
max-width: none !important;
margin: 0 10px 15px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
align-self: auto !important;
clear: none !important;
}
.series-gen .bs:nth-child(5n) {
margin-right: 0 !important;
}
.series-gen .tab-pane.active::after,
.series-gen .tab-content.active::after,
.series-gen .listupd::after {
content: "" !important;
display: table !important;
clear: both !important;
}
@media only screen and (max-width: 900px) {
.series-gen .bs {
width: calc(33.333% - 5.34px) !important;
margin: 0 8px 15px 0 !important;
}
.series-gen .bs:nth-child(5n) {
margin-right: 8px !important;
}
.series-gen .bs:nth-child(3n) {
margin-right: 0 !important;
}
.series-gen .bs:nth-child(n + 4) {
display: none !important;
}
}
.series-gen .bs .bsx {
position: relative !important;
overflow: visible !important;
border-radius: 8px !important;
display: block !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.series-gen .bs .bsx a {
display: block !important;
position: relative !important;
overflow: hidden !important;
border-radius: 8px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
transition: transform 0.2s ease !important;
background: #111 !important;
}
.series-gen .bs .bsx a::before {
position: absolute;
top: 0;
left: -75%;
z-index: 5;
display: block;
content: "";
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
pointer-events: none;
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
.series-gen .bs .bsx:hover a {
transform: scale(1.05) !important;
}
.series-gen .bs .bsx:hover a::before {
left: 125%;
opacity: 1;
transition: left 0.6s ease-in-out;
}
}
@media (hover: none), (pointer: coarse) {
.series-gen .bs .bsx:active a,
.series-gen .bs .bsx.touch-active a {
transform: scale(1) !important;
}
.series-gen .bs .bsx:active a::before,
.series-gen .bs .bsx.touch-active a::before {
left: 125%;
opacity: 1;
transition: left 0.5s ease-in-out;
}
}
.series-gen .bs .bsx .limit {
position: relative !important;
padding-top: 145% !important;
overflow: hidden !important;
width: 100% !important;
height: 0 !important;
margin: 0 !important;
}
.series-gen .bs .bsx .limit img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 1 !important;
}
.series-gen .bs .bsx .bigor {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
padding: 0 !important;
pointer-events: none !important;
z-index: 2 !important;
}
.series-gen .bs .bsx .tt {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 68px !important;
max-height: 68px !important;
padding: 35px 8px 0 !important;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.4) 60%,
transparent 100%
) !important;
box-sizing: border-box !important;
z-index: 3 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
text-align: center !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
white-space: normal !important;
line-height: 1.4 !important;
}
.series-gen .bs .bsx .adds,
.series-gen .bs .bsx .limit .type,
.series-gen .bs .bsx .limit .typename,
.series-gen .bs .bsx .limit .colored,
.series-gen .bs .bsx .limit .hotx,
.series-gen .bs .bsx .limit .status,
.series-gen .bs .bsx .limit .ply {
display: none !important;
}
.series-gen .bs .bsx .info-popup {
position: absolute !important;
top: 0 !important;
left: 100% !important;
margin-left: 0 !important;
z-index: 99 !important;
background: rgba(16, 16, 16, 0.95) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid #222 !important;
border-radius: 6px !important;
padding: 8px 12px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: scale(0.95) !important;
transform-origin: left center !important;
transition:
opacity 0.2s ease,
visibility 0.2s ease,
transform 0.2s ease,
left 0.2s ease,
right 0.2s ease !important;
pointer-events: none !important;
min-width: 120px !important;
white-space: nowrap !important;
text-align: left !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}
.series-gen .bs .bsx:active,
.series-gen .bs .bsx.touch-active {
z-index: 200 !important;
}
.series-gen .bs .bsx:active .info-popup,
.series-gen .bs .bsx.touch-active .info-popup {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important;
}
@media (hover: hover) and (pointer: fine) {
.series-gen .bs .bsx:hover {
z-index: 200 !important;
}
.series-gen .bs .bsx:hover .info-popup {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important;
left: calc(100% + 8px) !important;
}
}
.series-gen .bs .bsx,
.series-gen .bs .bsx a,
.series-gen .bs .bsx img,
.series-gen .bs .bsx .tt {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
user-drag: none !important;
-webkit-touch-callout: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.series-gen .bs .bsx img {
pointer-events: none !important;
}
.series-gen .bsx .info-popup .popup-row {
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 6px !important;
color: #eee !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.series-gen .bsx .info-popup .popup-row:last-child {
margin-bottom: 0 !important;
}
.series-gen .bsx .info-popup .popup-flag {
width: 20px !important;
height: 14px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important;
flex-shrink: 0 !important;
border-radius: 2px !important;
}
.series-gen .bsx .info-popup .popup-flag.Manga {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manga.png) !important;
}
.series-gen .bsx .info-popup .popup-flag.Manhwa {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhwa.png) !important;
}
.series-gen .bsx .info-popup .popup-flag.Manhua {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhua.png) !important;
}
.series-gen .bsx .info-popup .popup-typename {
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.series-gen .bsx .info-popup .popup-chapter {
color: var(--tc) !important;
font-size: 11px !important;
font-weight: 700 !important;
}
.series-gen .bsx .info-popup .popup-rating .popup-star {
color: #ffc107 !important;
font-size: 11px !important;
}
.series-gen .bsx .info-popup .popup-rating .popup-score {
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.tab-content > .bixbox {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
.tab-content > .bixbox > .releases {
border-bottom: 2px solid var(--tc, #d20f39) !important;
padding: 8px 0 !important;
margin-bottom: 10px !important;
background: transparent !important;
}
.tab-content > .bixbox > .releases h2 {
font-size: 15px !important;
font-weight: 600 !important;
color: #fff !important;
margin: 0 !important;
}
.tab-content > .bixbox > .releases a.vl {
background: var(--tc, #d20f39) !important;
}
.tab-content > .bixbox > .bvlcen .bvl {
background: var(--tc, #d20f39) !important;
color: #fff !important;
border-radius: 6px !important;
padding: 8px 20px !important;
font-size: 13px !important;
font-weight: 600 !important;
}
.tab-content .utao .imgu {
position: relative !important;
overflow: hidden !important;
}
.tab-content .utao .imgu::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -150% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
pointer-events: none !important;
z-index: 10 !important;
}
.tab-content .utao:hover .imgu::after {
left: 150% !important;
transition: left 0.8s ease-in-out !important;
}
.tab-content .utao:active .imgu::after {
left: 150% !important;
transition: left 0.8s ease-in-out !important;
}
.tab-content .bs .bsx .limit {
position: relative !important;
overflow: hidden !important;
}
.tab-content .bs .bsx .limit::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -150% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
pointer-events: none !important;
z-index: 10 !important;
}
.tab-content .bs:hover .bsx .limit::after,
.tab-content .bs:active .bsx .limit::after {
left: 150% !important;
transition: left 0.8s ease-in-out !important;
}
.tab-content .bs:hover .bsx .limit img,
.tab-content .bs:active .bsx .limit img {
transform: none !important;
}
.tab-content .bs .bsx {
transform: none !important;
overflow: visible !important;
}
.skeleton-wrapper {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.skeleton-card {
flex: 0 0 33.33333%;
box-sizing: border-box;
padding: 15px 10px;
display: flex;
position: relative;
overflow: hidden;
border-bottom: 1px solid #312f40;
background: transparent;
}
.skeleton-card-img {
width: 75px;
height: 105px;
background: #1c1c1c;
border-radius: 3px;
margin-right: 10px;
flex-shrink: 0;
}
.skeleton-card-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 2px 0;
}
.skeleton-card-title {
width: 85%;
height: 14px;
background: #1c1c1c;
border-radius: 3px;
margin-bottom: 12px;
}
.skeleton-card-chapter-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.skeleton-card-chapter-row:last-child {
margin-bottom: 0;
}
.skeleton-chapter-num {
width: 35%;
height: 10px;
background: #1c1c1c;
border-radius: 3px;
}
.skeleton-chapter-time {
width: 45%;
height: 9px;
background: #1c1c1c;
border-radius: 3px;
}
.skeleton-card::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
transparent 0%,
rgba(255, 255, 255, 0.05) 50%,
transparent 100%
);
animation: skeleton-shine 1s infinite;
}
@media (max-width: 768px) {
.skeleton-card {
flex: 0 0 100%;
}
}
.tab-content .pagination {
margin-top: 15px;
text-align: center;
}
.tab-content .pagination a.prev.page-numbers,
.tab-content .pagination a.next.page-numbers {
font-size: 0 !important;
padding: 8px 15px !important;
}
.tab-content .pagination a.prev.page-numbers::before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px !important;
}
.tab-content .pagination a.next.page-numbers::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px !important;
}
.bs,
.bsx,
.utao,
.uta,
.bs *,
.bsx *,
.utao *,
.uta * {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-touch-callout: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
outline: none !important;
}
.hothome .bsx.popup-left .info-popup,
.hothome .bsx.popup-left:hover .info-popup,
.hothome .bsx.popup-left:active .info-popup,
.series-gen .bs .bsx.popup-left .info-popup,
.series-gen .bs .bsx.popup-left:hover .info-popup,
.series-gen .bs .bsx.popup-left:active .info-popup {
left: auto !important;
right: calc(100% + 8px) !important;
transform-origin: right center !important;
}
.th {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-bottom: none !important;
box-shadow: none !important;
position: relative !important;
top: auto !important;
z-index: 999;
transition:
background 0.3s ease,
box-shadow 0.3s ease;
}
#main-menu ul > li > a {
font-family: "Outfit", "Inter", sans-serif !important;
font-size: 13.5px !important;
font-weight: 600 !important;
letter-spacing: 0.8px;
color: #bbb !important;
text-transform: uppercase;
transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
padding: 0 15px !important;
}
#main-menu ul > li > a::after {
content: "";
position: absolute;
bottom: 14px;
left: 15px;
right: 15px;
height: 2.5px;
background: #d20f39;
border-radius: 2px;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 0 10px rgba(210, 15, 57, 0.8);
}
#main-menu ul > li > a:hover {
color: #fff !important;
text-decoration: none !important;
}
#main-menu ul > li > a:hover::after {
transform: scaleX(1);
}
#main-menu ul > li.current-menu-item > a,
#main-menu ul > li.current_page_item > a,
#main-menu ul > li.current-menu-ancestor > a {
color: #fff !important;
}
#main-menu ul > li.current-menu-item > a::after,
#main-menu ul > li.current_page_item > a::after,
#main-menu ul > li.current-menu-ancestor > a::after {
transform: scaleX(1);
}
.site-branding.logox a img {
transition:
transform 0.3s ease,
filter 0.3s ease !important;
}
.site-branding.logox a:hover img {
transform: scale(1.04) !important;
filter: brightness(1.1) !important;
}
@media only screen and (min-width: 901px) {
.searchx {
width: 38px !important;
height: 38px !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
margin: 14px 0 !important;
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
overflow: hidden;
position: relative;
float: right;
}
.searchx #form {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
.searchx #form #s {
width: 100% !important;
height: 100% !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 45px 0 15px !important;
opacity: 0 !important;
visibility: hidden !important;
transition:
opacity 0.3s ease,
visibility 0.3s ease !important;
color: #fff !important;
font-size: 13px !important;
outline: none !important;
margin: 0 !important;
}
.searchx #form #submit {
position: absolute !important;
top: 50% !important;
right: 0px !important;
transform: translateY(-50%) !important;
width: 36px !important;
height: 36px !important;
background: transparent !important;
color: #aaa !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition:
color 0.3s ease,
transform 0.3s ease !important;
z-index: 2 !important;
cursor: pointer !important;
border: none !important;
padding: 0 !important;
line-height: 1 !important;
}
.searchx #form #submit:hover {
background: transparent !important;
color: #d20f39 !important;
}
.searchx:hover,
.searchx:focus-within,
.searchx.active {
width: 250px !important;
background: rgba(0, 0, 0, 0.4) !important;
border: 1px solid rgba(210, 15, 57, 0.5) !important;
border-radius: 20px !important;
box-shadow: 0 0 10px rgba(210, 15, 57, 0.15) !important;
}
.searchx:hover #form #s,
.searchx:focus-within #form #s,
.searchx.active #form #s {
opacity: 1 !important;
visibility: visible !important;
}
.searchx:hover #form #submit,
.searchx:focus-within #form #submit,
.searchx.active #form #submit {
color: #d20f39 !important;
}
.searchx:hover #form #submit:hover,
.searchx:focus-within #form #submit:hover,
.searchx.active #form #submit:hover {
background: transparent !important;
color: #fff !important;
}
}
.user-account-menu {
float: right;
position: relative;
margin: 14px 0 14px 15px;
z-index: 1000;
}
@media only screen and (max-width: 900px) {
.user-account-menu {
margin: 10px 0 10px 15px;
}
}
.user-account-menu .account-icon {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: transparent !important;
border: none !important;
color: #aaa;
font-size: 20px;
transition: color 0.3s ease;
cursor: pointer;
text-decoration: none;
}
.user-account-menu:hover .account-icon {
color: #d20f39 !important;
background: transparent !important;
border: none !important;
}
.user-account-menu .account-dropdown {
position: absolute;
top: calc(100% + 10px);
right: 0;
width: 180px;
background: #17151b;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition:
opacity 0.3s ease,
transform 0.3s ease,
visibility 0.3s ease;
padding: 8px 0;
overflow: hidden;
}
.user-account-menu:hover .account-dropdown,
.user-account-menu:focus-within .account-dropdown,
.user-account-menu:active .account-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.user-account-menu .account-dropdown a {
display: flex;
align-items: center;
padding: 10px 16px;
color: #bbb;
font-size: 13.5px;
text-transform: capitalize;
text-decoration: none;
transition:
background 0.2s ease,
color 0.2s ease;
font-family: "Outfit", "Inter", sans-serif;
font-weight: 500;
}
.user-account-menu .account-dropdown a i {
margin-right: 12px;
width: 16px;
text-align: center;
font-size: 14px;
transition: color 0.2s ease;
}
.user-account-menu .account-dropdown a:hover {
background: color-mix(in srgb, var(--tc, #d20f39) 10%, transparent) !important;
color: var(--tc, #d20f39) !important;
}
.user-account-menu .account-dropdown a:hover i {
color: var(--tc, #d20f39) !important;
}
@media only screen and (max-width: 900px) {
.th .centernav {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
padding: 0 12px !important;
min-height: 56px !important;
height: auto !important;
position: relative !important;
overflow: visible !important;
}
.th .centernav header {
order: 1 !important;
flex: 1 1 auto !important;
float: none !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav header .logos {
float: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav header .logos img {
max-height: 36px !important;
width: auto !important;
display: block !important;
}
.th .centernav #main-menu {
order: 0 !important;
flex: none !important;
}
.th .centernav .srcmob:not(.srccls) {
order: 2 !important;
flex: none !important;
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
margin: 0 2px !important;
font-size: 18px !important;
background: transparent !important;
border-radius: 0 !important;
color: #aaa !important;
cursor: pointer;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav .user-account-menu {
order: 3 !important;
flex: none !important;
float: none !important;
margin: 0 2px !important;
display: flex !important;
align-items: center !important;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav .user-account-menu .account-icon {
width: 38px !important;
height: 38px !important;
font-size: 19px !important;
color: #aaa !important;
}
.th .centernav .shme {
order: 4 !important;
flex: none !important;
float: none !important;
margin: 0 0 0 2px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
font-size: 22px !important;
color: #aaa !important;
cursor: pointer;
position: relative !important;
z-index: 1000 !important;
}
.searchx {
width: auto !important;
height: auto !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.searchx.minmb {
display: flex !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 56px !important;
z-index: 10001 !important;
background: #0f0e16 !important;
padding: 0 12px !important;
border-bottom: 2px solid #d20f39 !important;
border-radius: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-20px) !important;
transition:
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.3s ease !important;
align-items: center !important;
box-shadow: none !important;
}
.user-account-menu .account-dropdown {
right: 0 !important;
left: auto !important;
min-width: 160px;
}
}
@media only screen and (max-width: 900px) {
#main-menu.shwx {
position: fixed !important;
top: 56px !important;
left: 0 !important;
width: 100% !important;
height: calc(100vh - 56px) !important;
max-height: calc(100vh - 56px) !important;
background: #0f0e16 !important;
z-index: 998 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
padding-top: 0px !important;
}
body.admin-bar #main-menu.shwx {
top: calc(56px + 46px) !important;
height: calc(100vh - 56px - 46px) !important;
max-height: calc(100vh - 56px - 46px) !important;
}
@media only screen and (min-width: 783px) {
body.admin-bar #main-menu.shwx {
top: calc(56px + 32px) !important;
height: calc(100vh - 56px - 32px) !important;
max-height: calc(100vh - 56px - 32px) !important;
}
}
#main-menu.shwx ul {
float: none !important;
margin: 0 !important;
padding: 8px 0 !important;
}
#main-menu.shwx ul li {
float: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
#main-menu.shwx ul li:last-child {
border-bottom: none !important;
}
#main-menu.shwx ul > li > a {
display: block !important;
padding: 14px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.6px !important;
text-transform: uppercase !important;
color: #aaa !important;
text-align: left !important;
line-height: 1.2 !important;
height: auto !important;
transition:
color 0.2s ease,
padding-left 0.2s ease !important;
}
#main-menu.shwx ul > li > a::after {
display: none !important;
}
#main-menu.shwx ul > li > a:hover {
color: #fff !important;
padding-left: 30px !important;
}
#main-menu.shwx ul > li.current-menu-item > a,
#main-menu.shwx ul > li.current_page_item > a {
color: #d20f39 !important;
padding-left: 27px !important;
border-left: 3px solid #d20f39 !important;
}
#main-menu.shwx ul li ul {
position: relative !important;
top: auto !important;
left: auto !important;
background: rgba(255, 255, 255, 0.03) !important;
border-radius: 0 !important;
box-shadow: none !important;
min-width: unset !important;
padding: 4px 0 !important;
margin: 0 !important;
}
#main-menu.shwx ul li ul li a {
padding-left: 36px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
color: #888 !important;
}
#main-menu.shwx ul li ul li a:hover {
color: #fff !important;
align-items: center !important;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav header .logos {
float: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav header .logos img {
max-height: 36px !important;
width: auto !important;
display: block !important;
}
.th .centernav #main-menu {
order: 0 !important;
flex: none !important;
}
.th .centernav .srcmob:not(.srccls) {
order: 2 !important;
flex: none !important;
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
margin: 0 2px !important;
font-size: 18px !important;
background: transparent !important;
border-radius: 0 !important;
color: #aaa !important;
cursor: pointer;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav .user-account-menu {
order: 3 !important;
flex: none !important;
float: none !important;
margin: 0 2px !important;
display: flex !important;
align-items: center !important;
position: relative !important;
z-index: 1000 !important;
}
.th .centernav .user-account-menu .account-icon {
width: 38px !important;
height: 38px !important;
font-size: 19px !important;
color: #aaa !important;
}
.th .centernav .shme {
order: 4 !important;
flex: none !important;
float: none !important;
margin: 0 0 0 2px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
font-size: 22px !important;
color: #aaa !important;
cursor: pointer;
position: relative !important;
z-index: 1000 !important;
}
.searchx {
width: auto !important;
height: auto !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.searchx.minmb {
display: flex !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 56px !important;
z-index: 10001 !important;
background: #0f0e16 !important;
padding: 0 12px !important;
border-bottom: 2px solid #d20f39 !important;
border-radius: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-20px) !important;
transition:
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.3s ease !important;
align-items: center !important;
box-shadow: none !important;
}
.user-account-menu .account-dropdown {
right: 0 !important;
left: auto !important;
min-width: 160px;
}
}
@media only screen and (max-width: 900px) {
#main-menu.shwx ul li {
float: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
#main-menu.shwx ul li:last-child {
border-bottom: none !important;
}
#main-menu.shwx ul > li > a {
display: block !important;
padding: 14px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.6px !important;
text-transform: uppercase !important;
color: #aaa !important;
text-align: left !important;
line-height: 1.2 !important;
height: auto !important;
transition:
color 0.2s ease,
padding-left 0.2s ease !important;
}
#main-menu.shwx ul > li > a::after {
display: none !important;
}
#main-menu.shwx ul > li > a:hover {
color: #fff !important;
padding-left: 30px !important;
}
#main-menu.shwx ul > li.current-menu-item > a,
#main-menu.shwx ul > li.current_page_item > a {
color: #d20f39 !important;
padding-left: 27px !important;
border-left: 3px solid #d20f39 !important;
}
#main-menu.shwx ul li ul {
position: relative !important;
top: auto !important;
left: auto !important;
background: rgba(255, 255, 255, 0.03) !important;
border-radius: 0 !important;
box-shadow: none !important;
min-width: unset !important;
padding: 4px 0 !important;
margin: 0 !important;
}
#main-menu.shwx ul li ul li a {
padding-left: 36px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
color: #888 !important;
}
#main-menu.shwx ul li ul li a:hover {
color: #fff !important;
padding-left: 42px !important;
}
}
@media only screen and (max-width: 900px) {
.searchx.minmb.minmbx {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}
.searchx.minmb.minmbx #form {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
flex-direction: row !important;
background: transparent !important;
border-radius: 0 !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
gap: 12px !important;
}
.searchx.minmb.minmbx #form .srcmob.srccls {
order: 1 !important;
position: static !important;
transform: none !important;
display: flex !important;
flex-shrink: 0 !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
font-size: 22px !important;
color: #aaa !important;
background: transparent !important;
cursor: pointer !important;
}
.searchx.minmb.minmbx #form #s {
display: block !important;
order: 2 !important;
flex: 1 !important;
width: 100% !important;
height: 38px !important;
line-height: 38px !important;
background: #1c1b24 !important;
border: 1px solid rgba(210, 15, 57, 0.5) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: #fff !important;
font-size: 14px !important;
padding: 0 12px !important;
outline: none !important;
opacity: 1 !important;
visibility: visible !important;
min-width: 0 !important;
}
.searchx.minmb.minmbx #form #s::placeholder {
color: rgba(255, 255, 255, 0.4) !important;
opacity: 1 !important;
}
.searchx.minmb.minmbx #form #submit {
order: 3 !important;
display: flex !important;
flex-shrink: 0 !important;
position: static !important;
transform: none !important;
background: transparent !important;
color: #d20f39 !important;
font-size: 18px !important;
border: none !important;
cursor: pointer !important;
padding: 0 !important;
width: 40px !important;
height: 40px !important;
align-items: center !important;
justify-content: center !important;
}
}
.th,
.th * {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-touch-callout: none !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
outline: none !important;
}
.th header .logos img {
-webkit-user-drag: none !important;
pointer-events: none;
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
.series-gen .bs {
width: calc(20% - 8.01px) !important;
margin: 0 10px 15px 0 !important;
display: block !important;
}
.series-gen .bs:nth-child(3n) {
margin-right: 10px !important;
}
.series-gen .bs:nth-child(5n) {
margin-right: 0 !important;
}
.series-gen .bs:nth-child(n + 4) {
display: block !important;
}
.series-gen .tab-pane.active .bs:nth-child(4),
.series-gen .tab-pane.active .bs:nth-child(5) {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.series-gen .bs {
width: calc(33.333% - 5.34px) !important;
margin: 0 8px 15px 0 !important;
}
.series-gen .bs:nth-child(3n) {
margin-right: 0 !important;
}
.series-gen .bs:nth-child(n + 4) {
display: none !important;
}
.series-gen .tab-pane.active .bs:nth-child(4),
.series-gen .tab-pane.active .bs:nth-child(5) {
display: none !important;
}
}
.bs .bsx {
position: relative !important;
}
.bs .bsx .limit {
position: relative !important;
overflow: hidden !important;
}
.bs .bsx .limit::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -150% !important;
width: 60% !important;
height: 100% !important;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
pointer-events: none !important;
z-index: 5 !important;
}
.bs:hover .limit::after,
.bs:hover .bsx .limit::after,
.bsx:hover .limit::after,
.utao:hover .imgu::after,
.tab-content .bs:hover .bsx .limit::after,
.hothome .popularslider .bs:hover .bsx .limit::after {
left: 150% !important;
transition: left 0.75s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#content {
padding-bottom: 20px !important;
}
#footer {
position: relative;
background: transparent !important;
border-top: 1px solid rgba(255, 255, 255, 0.07);
padding: 60px 0 30px 0;
margin-top: 60px;
font-family: "Poppins", sans-serif;
color: #a3a3a8;
text-align: left !important;
}
.lightmode #footer {
background: transparent !important;
border-top: 1px solid rgba(0, 0, 0, 0.06);
color: #55555d;
}
.lightmode .footer-site-title {
color: #111 !important;
}
.footer-container {
max-width: 1220px;
margin: 0 auto;
padding: 0 40px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 65px;
margin-bottom: 50px;
}
.footer-col {
display: flex;
flex-direction: column;
align-items: flex-start !important;
text-align: left !important;
}
.footer-logo {
margin: 0 0 20px 0 !important;
padding: 0 !important;
display: block !important;
}
.footer-logo a {
display: inline-block !important;
padding: 0 !important;
margin: 0 !important;
}
.footer-logo img {
height: auto;
max-height: 48px;
width: auto;
display: block !important;
margin: 0 0 0 -6px !important;
padding: 0 !important;
}
.footer-site-title {
font-size: 24px;
font-weight: 700;
margin: 0 0 15px 0 !important;
padding: 0 !important;
color: #fff;
letter-spacing: -0.5px;
text-align: left !important;
display: block !important;
}
.footer-site-desc {
font-size: 13.5px;
line-height: 1.6;
margin: 0 0 25px 0;
color: #8a8a93;
text-align: left !important;
}
.lightmode .footer-site-desc {
color: #666670;
}
.footer-col-brand .socialbutton {
text-align: left !important;
}
.footer-col-brand .socialbutton a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
color: #a3a3a8;
margin-right: 8px;
font-size: 16px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.lightmode .footer-col-brand .socialbutton a {
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.06);
color: #555;
}
.footer-col-brand .socialbutton a:hover {
color: #fff !important;
transform: translateY(-4px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.footer-col-title {
font-size: 16px;
font-weight: 600;
color: #fff;
margin: 0 0 25px 0;
position: relative;
padding-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-align: left !important;
display: inline-block !important;
}
.lightmode .footer-col-title {
color: #111;
}
.footer-col-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: var(--tc, #366ad3);
border-radius: 2px;
}
ul.footer-menu-links {
list-style: none;
padding: 0 !important;
margin: 0 !important;
text-align: left !important;
}
ul.footer-menu-links li {
margin-bottom: 12px !important;
padding: 0 !important;
display: block !important;
}
ul.footer-menu-links li a {
color: #8a8a93 !important;
font-size: 14px;
font-weight: 500;
transition: all 0.25s ease;
display: inline-block;
position: relative;
text-decoration: none !important;
padding-bottom: 3px;
}
.lightmode ul.footer-menu-links li a {
color: #555560 !important;
}
ul.footer-menu-links li a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1.5px;
background: var(--tc, #366ad3);
transition: width 0.25s ease;
}
ul.footer-menu-links li a:hover {
color: var(--tc, #366ad3) !important;
}
ul.footer-menu-links li a:hover::after {
width: 100%;
}
.footer-disclaimer-text {
font-size: 12.5px;
line-height: 1.7;
color: #6c6c75;
margin: 0 auto 25px auto !important;
text-align: center !important;
max-width: 900px !important;
}
.lightmode .footer-disclaimer-text {
color: #888892;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 30px;
margin-top: 30px;
}
.lightmode .footer-bottom {
border-top-color: rgba(0, 0, 0, 0.05);
}
.footer-bottom-inner {
display: flex;
justify-content: center !important;
align-items: center;
flex-wrap: wrap;
gap: 15px;
text-align: center !important;
}
.copyright-text {
font-size: 12.5px;
color: #6c6c75;
margin: 0 !important;
text-align: center !important;
}
.lightmode .copyright-text {
color: #888892;
}
.copyright-text strong {
color: #a3a3a8;
}
.lightmode .copyright-text strong {
color: #111;
}
.histats-wrap {
display: block !important;
text-align: center !important;
margin: 15px auto !important;
}
.histats-wrap img {
display: inline-block !important;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 3px;
background: rgba(255, 255, 255, 0.02);
filter: none !important;
opacity: 1 !important;
transition: all 0.3s ease;
}
.lightmode .histats-wrap img {
border-color: rgba(0, 0, 0, 0.08);
background: rgba(0, 0, 0, 0.01);
}
@media only screen and (max-width: 960px) {
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
}
@media only screen and (max-width: 680px) {
#footer {
padding: 40px 0 20px 0;
}
.footer-container {
padding: 0 15px;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 25px;
margin-bottom: 30px;
}
.footer-bottom-inner {
flex-direction: column;
text-align: center;
}
}
.bixbox,
.project-update-box,
.bixbox.hothome,
.bixbox.hothome.full,
#sidebar .section,
#sidebar .section:has(.ts-wpop-series-gen),
#sidebar .section:has(.serieslist.pop),
#sidebar .section.widget-iklan,
#sidebar .section.widget-discord {
padding: 15px !important;
box-sizing: border-box !important;
}
.bixbox:has(.tab-menu .tab-item[onclick*="n-latest"]) {
padding: 12px 12px 0 12px !important;
margin-bottom: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.bixbox:has(#n-latest) {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
padding: 12px 12px 12px 12px !important;
}
.bixbox:has(.tab-menu .tab-item[onclick*="n-latest"]) .releases {
padding: 0 !important;
margin: 0 !important;
}
.bixbox:has(#n-latest) .listupd {
padding: 4px 0 !important;
}
.releases {
padding: 8px 0 !important;
margin-bottom: 10px !important;
}
.listupd {
padding: 0 !important;
}
.serieslist ul li .ctr {
left: 15px !important;
}
#sidebar .section .serieslist.pop ul li {
padding: 12px 0 12px 53px !important;
}
#sidebar .section .serieslist:not(.pop) ul li {
padding: 12px 0 !important;
}
#wpop-items .serieslist ul li .imgseries {
margin-left: 0 !important;
}
.th,
.th *,
.slider-wrapper,
.slider-wrapper *,
.big-slider,
.big-slider *,
.swiper-slide,
.swiper-slide *,
.mainslider,
.mainslider *,
.sliderinfo,
.sliderinfo *,
.sliderinfolimit,
.sliderinfolimit *,
.home-genres,
.home-genres * {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.th::selection,
.th *::selection,
.slider-wrapper::selection,
.slider-wrapper *::selection,
.big-slider::selection,
.big-slider *::selection,
.swiper-slide::selection,
.swiper-slide *::selection,
.mainslider::selection,
.mainslider *::selection,
.sliderinfo::selection,
.sliderinfo *::selection,
.sliderinfolimit::selection,
.sliderinfolimit *::selection {
background: transparent !important;
color: inherit !important;
}
.th::-moz-selection,
.th *::-moz-selection,
.slider-wrapper::-moz-selection,
.slider-wrapper *::-moz-selection,
.big-slider::-moz-selection,
.big-slider *::-moz-selection,
.swiper-slide::-moz-selection,
.swiper-slide *::-moz-selection,
.mainslider::-moz-selection,
.mainslider *::-moz-selection,
.sliderinfo::-moz-selection,
.sliderinfo *::-moz-selection,
.sliderinfolimit::-moz-selection,
.sliderinfolimit *::-moz-selection {
background: transparent !important;
color: inherit !important;
}
.bixbox-bookmark .hapus {
background: var(--tc, #d20f39) !important;
border-radius: 4px !important;
font-weight: 600;
transition: all 0.2s;
}
.bixbox-bookmark .hapus:hover {
opacity: 0.8;
}
.bixbox-bookmark .ntf {
background: rgba(255, 255, 255, 0.05) !important;
color: #ccc !important;
padding: 12px 15px !important;
border-radius: 4px !important;
margin: 15px 10px !important;
font-size: 13px;
line-height: 1.5;
}
#ts-import-export-bookmark {
margin: 0 10px 20px !important;
}
#ts-import-export-bookmark .btn {
background: transparent !important;
color: var(--tc, #d20f39) !important;
border: 1px solid var(--tc, #d20f39) !important;
border-radius: 4px !important;
padding: 6px 15px !important;
font-weight: 600;
transition: all 0.2s;
}
#ts-import-export-bookmark .btn:hover {
background: var(--tc, #d20f39) !important;
color: #fff !important;
}
#bookmark-pool {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -3px;
}
#bookmark-pool .bs {
float: none !important;
flex: 0 0 16.666666% !important;
width: 16.666666% !important;
max-width: 16.666666% !important;
box-sizing: border-box;
padding: 0 3px;
margin-bottom: 5px;
}
@media only screen and (max-width: 900px) {
#bookmark-pool .bs {
flex: 0 0 25% !important;
width: 25% !important;
max-width: 25% !important;
}
}
@media only screen and (max-width: 600px) {
#bookmark-pool .bs {
flex: 0 0 33.33333% !important;
width: 33.33333% !important;
max-width: 33.33333% !important;
}
}
@media only screen and (max-width: 480px) {
#bookmark-pool .bs {
flex: 0 0 33.33333% !important;
width: 33.33333% !important;
max-width: 33.33333% !important;
}
}
.bixbox-bookmark {
padding: 15px 3px !important;
}
.postbody:has(.bixbox-bookmark) {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media only screen and (max-width: 780px) {
.postbody .bixbox.bixbox-bookmark {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
box-sizing: border-box !important;
}
#bookmark-pool {
margin-left: 0 !important;
margin-right: 0 !important;
}
.postbody .bixbox.bixbox-bookmark .releases {
padding-left: 5px !important;
padding-right: 5px !important;
}
.postbody .bixbox.bixbox-bookmark > .ntf {
margin-left: 0 !important;
margin-right: 0 !important;
}
#ts-import-export-bookmark {
margin-left: 0 !important;
margin-right: 0 !important;
}
#ts-bookmark-pagination {
padding: 5px 0 !important;
}
}
.bixbox-bookmark .listupd {
padding: 5px 0 !important;
}
#bookmark-pool .bs .bsx {
position: relative;
overflow: visible;
border-radius: 8px;
margin: 2px !important;
height: 100%;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 1;
}
#bookmark-pool .bs .bsx a {
display: block;
position: relative;
height: 100%;
overflow: hidden;
border-radius: 8px;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
}
#bookmark-pool .bs .bsx img {
pointer-events: none !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-webkit-user-drag: none !important;
}
#bookmark-pool .bs .bsx .limit {
position: relative;
width: 100%;
padding-top: 148% !important;
margin-bottom: 0 !important;
}
#bookmark-pool .bs .bsx .bigor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px 8px 10px;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.6) 30%,
transparent 60%
);
box-sizing: border-box;
text-align: center;
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 2;
}
#bookmark-pool .bs .bsx .tt {
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
padding: 0;
}
#bookmark-pool .bs .bsx .adds {
display: none !important;
}
#bookmark-pool .bs .bsx .limit .type,
#bookmark-pool .bs .bsx .limit .typename {
display: block !important;
z-index: 3 !important;
}
#bookmark-pool .bs .bsx .limit .novelabel,
#bookmark-pool .bs .bsx .limit .colored,
#bookmark-pool .bs .bsx .limit .hotx {
display: none !important;
}
#bookmark-pool .bs .bsx .limit::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 9;
pointer-events: none;
transition: left 0s;
}
#bookmark-pool .bs:hover .bsx .limit::after,
#bookmark-pool .bs .bsx:active .limit::after,
#bookmark-pool .bs .bsx.touch-active .limit::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
#bookmark-pool .bs:hover .bsx {
transform: scale(1.05);
z-index: 20;
}
}
#bookmark-pool .bs .bsx:active,
#bookmark-pool .bs .bsx.touch-active {
z-index: 20;
}
.bixbox-bookmark {
background: #111111 !important;
}
.bixbox-bookmark .releases {
border-bottom: 2px solid var(--tc, #d20f39) !important;
}
#ts-bookmark-pagination .paginationjs ul li.active a,
#ts-bookmark-pagination .paginationjs ul li a:hover {
background: var(--tc, #d20f39) !important;
color: #fff !important;
}
#ts-bookmark-pagination .paginationjs ul li.disabled {
display: none !important;
}
#ts-bookmark-pagination .paginationjs-prev a,
#ts-bookmark-pagination .paginationjs-next a {
font-size: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
#ts-bookmark-pagination .paginationjs-prev a::before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
#ts-bookmark-pagination .paginationjs-next a::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
.bixbox:has(#history-pool) {
background: #111111 !important;
}
.bixbox:has(#history-pool) .page,
.bixbox:has(#history-pool) .page > p,
.bixbox:has(#history-pool) .page > code,
.bixbox:has(#history-pool) .page > p > code,
.bixbox:has(#history-pool) .page code {
display: block !important;
padding: 0 !important;
margin: 0 !important;
font-family: inherit !important;
font-size: inherit !important;
background: transparent !important;
border: none !important;
white-space: normal !important;
color: inherit !important;
}
.postbody:has(#history-pool) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.bixbox:has(#history-pool) .releases {
border-bottom: 2px solid var(--tc, #d20f39) !important;
}
.bixbox:has(#history-pool) .ntf,
.bixbox:has(#history-pool) #ts-history-header {
background: rgba(255, 255, 255, 0.05) !important;
color: #ccc !important;
padding: 12px 15px !important;
border-radius: 4px !important;
margin: 15px 12px !important;
font-size: 13px !important;
line-height: 1.5 !important;
border: none !important;
font-family: inherit !important;
display: block !important;
}
#ts-import-export {
margin: 0 10px 20px !important;
}
#ts-import-export .btn {
background: transparent !important;
color: var(--tc, #d20f39) !important;
border: 1px solid var(--tc, #d20f39) !important;
border-radius: 4px !important;
padding: 6px 15px !important;
font-weight: 600;
transition: all 0.2s;
}
#ts-import-export .btn:hover {
background: var(--tc, #d20f39) !important;
color: #fff !important;
}
#ts-history-pagination .paginationjs ul li.active a,
#ts-history-pagination .paginationjs ul li a:hover {
background: var(--tc, #d20f39) !important;
color: #fff !important;
}
#ts-history-pagination .paginationjs ul li.disabled {
display: none !important;
}
#ts-history-pagination .paginationjs-prev a,
#ts-history-pagination .paginationjs-next a {
font-size: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
#ts-history-pagination .paginationjs-prev a::before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
#ts-history-pagination .paginationjs-next a::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
#history-pool {
display: flex !important;
flex-wrap: wrap !important;
padding: 5px 0 8px !important;
margin: 0 -8px !important;
}
#history-pool .bs {
overflow: visible !important;
flex: 0 0 20% !important;
width: 20% !important;
max-width: 20% !important;
padding: 0 !important;
margin-bottom: 6px !important;
box-sizing: border-box !important;
}
#history-pool .bs .bsx {
margin: 5px 5px !important;
overflow: visible !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
}
#history-pool a {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
}
#history-pool img {
-webkit-user-drag: none !important;
pointer-events: none !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
}
.history-item-tree {
float: none !important;
border: none !important;
border-bottom: none !important;
flex: 0 0 16.666666%;
width: 16.666666%;
max-width: 16.666666%;
box-sizing: border-box;
padding: 0 2px;
margin-bottom: 3px;
overflow: hidden !important;
background: #161616 !important;
border-radius: 8px !important;
position: relative;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (hover: hover) and (pointer: fine) {
.history-item-tree:hover {
background: none !important;
transform: scale(1.05);
z-index: 20;
position: relative;
}
}
.history-item-tree:active,
.history-item-tree.touch-active {
background: none !important;
}
.history-item-tree .hisimage {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
border-radius: 8px;
overflow: hidden;
position: relative !important;
padding-top: 148% !important;
}
.history-item-tree .hisimage::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 9;
pointer-events: none;
transition: left 0s;
}
@media (hover: hover) and (pointer: fine) {
.history-item-tree:hover .hisimage::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
}
.history-item-tree:active .hisimage::after,
.history-item-tree.touch-active .hisimage::after {
left: 150%;
transition: left 0.8s ease-in-out;
}
.history-item-tree .hisimage a {
display: block;
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.history-item-tree .hisimage img {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
object-fit: cover;
object-position: top center;
border-radius: 8px;
display: block;
}
.history-item-tree .ts-history-item-content {
position: static !important;
padding: 6px 6px 4px !important;
background: none;
overflow: hidden;
display: block;
border-radius: 0;
min-height: unset;
}
.history-item-tree .ts-history-item-content h4 {
margin: 0 0 3px;
font-size: 11px;
color: #fff;
font-weight: 600;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.3;
}
.history-item-tree .ts-history-item-content a[title] {
display: none;
}
.history-item-tree .ts-history-item-content a[title]:hover {
color: var(--tc, #d20f39);
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes {
margin: 0;
padding: 0;
list-style: none;
font-size: 10px;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes li {
margin-bottom: 1px;
color: rgba(255, 255, 255, 0.85);
display: flex;
justify-content: space-between;
align-items: center;
background: #111 !important;
border-radius: 4px;
overflow: hidden;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes li a {
display: flex !important;
justify-content: space-between;
align-items: center;
width: 100%;
color: #fff !important;
font-weight: 600;
font-size: 10px;
padding: 3px 5px;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes li a::before {
display: none !important;
content: none !important;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes li a:hover {
text-decoration: underline;
}
.history-item-tree .ts-history-item-content .ts-history-series-episodes .post-date {
float: none !important;
font-size: 10px !important;
color: rgba(255, 255, 255, 0.55) !important;
font-style: normal !important;
margin-left: auto;
padding-left: 3px;
white-space: nowrap;
flex-shrink: 0;
}
@media only screen and (max-width: 670px) {
.history-item-tree,
#history-pool .bs {
flex: 0 0 33.333333% !important;
width: 33.333333% !important;
max-width: 33.333333% !important;
}
#history-pool .bs .bsx {
margin: 2px 2px !important;
}
}
.bixbox.search-bixbox {
background: #111111 !important;
margin-top: 20px !important;
}
.bixbox.search-bixbox .releases {
border-bottom: 2px solid var(--tc, #d20f39) !important;
}
.series-gen.search-page-list {
position: relative !important;
z-index: 10 !important;
padding-top: 15px !important;
}
@media only screen and (max-width: 900px) {
.series-gen.search-page-list .bs:nth-child(n) {
display: block !important;
float: left !important;
}
}
@media only screen and (max-width: 900px) {
.series-gen.search-page-list .bs {
width: calc(33.333% - 5.34px) !important;
margin: 0 8px 15px 0 !important;
}
.series-gen.search-page-list .bs:nth-child(3n) {
margin-right: 0 !important;
}
.series-gen.search-page-list .bs:nth-child(5n) {
margin-right: 8px !important;
}
}
@media only screen and (max-width: 600px) {
.series-gen.search-page-list .bs {
width: calc(50% - 4px) !important;
margin: 0 8px 15px 0 !important;
}
.series-gen.search-page-list .bs:nth-child(3n) {
margin-right: 8px !important;
}
.series-gen.search-page-list .bs:nth-child(2n) {
margin-right: 0 !important;
}
}
@media (hover: hover) and (pointer: fine) {
.series-gen.search-page-list .bs .bsx {
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
position: relative;
z-index: 1;
}
.series-gen.search-page-list .bs .bsx .limit img {
transform: none !important;
transition: none !important;
}
.series-gen.search-page-list .bs .bsx:hover a {
transform: none !important;
}
.series-gen.search-page-list .bs:hover .bsx {
transform: scale(1.05) !important;
z-index: 20 !important;
}
}
#live-search_sb {
background: #1c1c1c !important;
border-radius: 8px !important;
border: 1px solid #2a2a2a !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
overflow: hidden !important;
}
#live-search_results {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.live-search_result_container ul {
margin: 0 !important;
padding: 0 !important;
}
.live-search_result_container li {
padding: 12px 15px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
transition: background 0.2s ease !important;
}
.live-search_result_container li:hover {
background: rgba(var(--tc-rgb, 210, 15, 57), 0.1) !important;
border-left: 3px solid var(--tc, #d20f39) !important;
}
.live-search_result_container li a {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
user-select: none !important;
-webkit-user-select: none !important;
-webkit-user-drag: none !important;
}
.live-search_result_container .live-search-cover {
flex-shrink: 0 !important;
width: 50px !important;
height: 70px !important;
margin-right: 15px !important;
border-radius: 4px !important;
overflow: hidden !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
display: block !important;
position: relative !important;
}
.live-search_result_container .live-search-cover::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
transition: none !important;
z-index: 2 !important;
}
.live-search_result_container li:hover .live-search-cover::before {
animation: shineEffect 0.8s ease-out forwards !important;
}
.live-search_result_container .live-search-cover img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.live-search_result_container .over {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
flex-grow: 1 !important;
overflow: hidden !important;
}
.live-search_result_container .over .autotitle {
font-size: 14px !important;
font-weight: 600 !important;
color: #fff !important;
margin-bottom: 5px !important;
line-height: 1.3 !important;
white-space: normal !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
.live-search_result_container .over .live-search-synopsis {
font-size: 12px !important;
color: #aaa !important;
line-height: 1.4 !important;
white-space: normal !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.bigcover {
height: 450px !important;
position: absolute !important;
overflow: hidden !important;
width: 100%;
}
.bigcover::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
background: linear-gradient(
to bottom,
rgba(17, 17, 17, 0) 0%,
rgba(17, 17, 17, 0.4) 40%,
rgba(17, 17, 17, 0.8) 70%,
rgba(17, 17, 17, 1) 100%
);
z-index: 1;
pointer-events: none;
}
.bigcover .bigbanner {
min-height: 450px !important;
filter: brightness(0.6) saturate(1.3);
transform: scale(1.05);
}
.bigcover .img-blur {
filter: blur(4px) brightness(0.5) saturate(1.4) !important;
transform: scale(1.1);
}
#content.manga-info {
position: relative;
z-index: 5;
}
#content.manga-info .postbody.full {
padding-top: 50px !important;
}
.mr-header-wrapper {
position: relative;
width: 100%;
margin-bottom: 30px;
z-index: 10;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.mr-header-wrapper img {
pointer-events: none;
-webkit-user-drag: none;
}
.kh-actions a,
.kh-actions .btn-library,
.mr-header-wrapper a {
pointer-events: auto;
}
.mr-header {
display: flex;
align-items: flex-end;
gap: 30px;
padding: 0 15px;
}
.kh-left {
flex-shrink: 0;
width: 230px;
}
.kh-left .thumb {
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
border: 2px solid rgba(255, 255, 255, 0.05);
}
.kh-left .thumb img {
display: block;
width: 100%;
border-radius: 12px;
}
.kh-left .thumb .colored {
position: absolute;
bottom: 8px;
left: 8px;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 6px;
padding: 4px 10px;
font-size: 11px;
color: #fff;
z-index: 10;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.kh-right {
flex-grow: 1;
padding-bottom: 10px;
}
.kh-right .entry-title {
font-size: 32px;
font-weight: 800;
line-height: 1.2;
color: #fff;
margin: 0 0 5px 0;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
-webkit-user-select: text !important;
user-select: text !important;
cursor: text;
}
.kh-right .alternative {
font-size: 15px;
color: #bbb;
margin-bottom: 20px;
display: block;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
-webkit-user-select: text !important;
user-select: text !important;
cursor: text;
}
.kh-stats {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 25px;
}
.kh-stat-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}
.kh-stat-item i {
font-size: 18px;
}
.kh-actions {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.kh-actions > a,
.kh-actions > div {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 25px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
color: #fff;
cursor: pointer;
text-decoration: none;
transition: all 0.3s ease;
border: none;
}
.kh-actions .btn-read {
background: var(--tc, #d20f39);
flex-grow: 1;
max-width: 250px;
color: #fff !important;
}
.kh-actions .btn-read:hover {
filter: brightness(1.1);
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(var(--tc-rgb, 210, 15, 57), 0.4);
color: #fff !important;
}
.kh-actions .btn-library {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
flex-grow: 1;
max-width: 250px;
}
.kh-actions .btn-library:hover {
background: var(--tc, #d20f39);
border-color: var(--tc, #d20f39);
color: #fff;
transform: translateY(-2px);
}
.kh-actions .btn-library.marked {
background: #2a2a2a;
color: var(--tc, #d20f39);
border: 1px solid var(--tc, #d20f39);
}
.kh-status {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 5px 12px;
border-radius: 20px;
backdrop-filter: blur(5px);
}
.kh-status .status-dot {
width: 10px;
height: 10px;
background: #4ade80;
border-radius: 50%;
box-shadow: 0 0 8px #4ade80;
}
.kh-status .status-text {
font-size: 12px;
font-weight: 600;
color: #4ade80;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.postbody {
max-width: 1100px;
margin: 0 auto;
padding: 0 15px;
}
@media only screen and (min-width: 781px) {
#content {
max-width: 100% !important;
padding-left: 5px !important;
padding-right: 5px !important;
box-sizing: border-box;
}
.th .centernav,
#main-menu .centernav {
max-width: 100% !important;
padding-left: 40px !important;
padding-right: 40px !important;
box-sizing: border-box;
}
.postbody {
max-width: 100% !important;
}
.single-manga .postbody {
padding-left: 0 !important;
padding-right: 0 !important;
}
.bixbox .releases h1,
.bixbox .releases h2,
.bixbox .releases h3 {
font-size: 24px !important;
}
.bixbox .releases h1::before,
.bixbox .releases h2::before,
.bixbox .releases h3::before {
font-size: 24px !important;
}
.bixbox.hothome.full .listupd.popularslider .popconslide .bs,
.bixbox.hothome .listupd.popularslider .popconslide .bs {
flex: 0 0 12.5% !important;
width: 12.5% !important;
max-width: 12.5% !important;
min-width: 12.5% !important;
}
.project-update-box .bs {
width: 16.666666% !important;
}
#content .bixbox .series-gen .listupd .tab-pane .bs,
.bixbox .series-gen .bs,
.series-gen .bs {
width: calc(16.666666% - 8.33px) !important;
max-width: none !important;
}
#content .bixbox .series-gen .listupd .tab-pane .bs:nth-child(n),
.bixbox .series-gen .bs:nth-child(n),
.series-gen .bs:nth-child(n) {
display: block !important;
margin-right: 10px !important;
}
#content .bixbox .series-gen .listupd .tab-pane .bs:nth-child(6n),
.bixbox .series-gen .bs:nth-child(6n),
.series-gen .bs:nth-child(6n) {
margin-right: 0 !important;
}
.related-series-box .bs {
width: 16.666666% !important;
}
.related-series-box .mr-related-card {
width: 100% !important;
}
.postbody .bixbox:not(.project-update-box):not(.hothome):not(.series-gen) .listupd .bs,
.bixbox:not(.project-update-box):not(.hothome):not(.series-gen) .listupd .bs {
width: 25% !important;
}
.bixbox .tab-content .listupd.cp,
.listupd:has(.utao) {
display: flex !important;
flex-wrap: wrap !important;
}
.history-item-tree {
flex: 0 0 16.666666% !important;
width: 16.666666% !important;
max-width: 16.666666% !important;
}
#history-pool .bs {
flex: 0 0 16.666666% !important;
width: 16.666666% !important;
max-width: 16.666666% !important;
overflow: visible !important;
}
#history-pool .bs .bsx {
margin: 5px 5px !important;
overflow: visible !important;
}
.tab-item {
font-size: 17px !important;
padding: 9px 22px !important;
font-weight: 600 !important;
}
.bs .bsx .tt {
font-size: 15px !important;
}
.bs .bsx .adds .epxs,
.bs .bsx .adds .epx {
font-size: 13px !important;
}
.utao .uta .luf h4 {
font-size: 16px !important;
}
.utao .uta .luf ul li a {
font-size: 13px !important;
}
.utao .uta .luf ul li span {
font-size: 11px !important;
}
.mr-related-overlay .tt {
font-size: 15px !important;
}
}
.postbody .main-info {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 25px;
}
.postbody .info-desc {
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.postbody .entry-content-single {
font-size: 15px !important;
line-height: 1.8 !important;
color: #ccc !important;
margin-bottom: 20px;
}
.postbody .mgen {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.postbody .mgen a {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.05) !important;
color: #ddd !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 6px !important;
padding: 6px 14px !important;
font-size: 13px !important;
transition: all 0.2s ease;
}
.postbody .mgen a:hover {
background: var(--tc, #9e32a8) !important;
color: #fff !important;
border-color: var(--tc, #9e32a8) !important;
}
.ts-breadcrumb {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 15px 0 !important;
font-size: 13px !important;
color: #999 !important;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 0 !important;
}
.ts-breadcrumb a {
color: #ccc !important;
text-decoration: none;
transition: color 0.2s;
}
.ts-breadcrumb a:hover {
color: var(--tc, #d20f39) !important;
}
.postbody .tsinfo.bixbox {
background: #111111 !important;
border-radius: 10px !important;
padding: 15px !important;
margin-bottom: 20px !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
display: flex;
flex-wrap: wrap;
}
.postbody .tsinfo.bixbox .releases {
width: 100%;
border-bottom: 2px solid var(--tc, #d20f39) !important;
padding: 0 0 10px 0 !important;
margin-bottom: 10px !important;
}
.postbody .tsinfo.bixbox .releases h2 {
font-size: 15px !important;
font-weight: 600 !important;
color: #fff !important;
}
.postbody .tsinfo .imptdt {
width: 50%;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
margin-bottom: 20px;
}
.postbody .bixbox,
#comments.bixbox,
#comments .cmt.commentx {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
margin-bottom: 20px;
padding: 0 !important;
overflow: visible !important;
}
.bixbox > .releases,
#comments > .releases {
background: transparent !important;
border-bottom: 1px solid var(--tc, #d20f39) !important;
padding: 0 0 10px 0 !important;
margin-bottom: 15px;
}
.postbody .bixbox.bxcl > .releases {
text-align: left;
margin-bottom: 10px;
}
.postbody .bixbox.bxcl > .releases h2 {
display: inline-flex;
align-items: center;
border-bottom: none;
padding-bottom: 0;
margin: 0;
font-size: 18px;
font-weight: 700;
}
.bxcl ul {
max-height: 400px !important;
overflow-y: auto !important;
margin: 0 !important;
padding: 0 !important;
scrollbar-width: thin;
scrollbar-color: var(--tc, #d20f39) transparent;
}
.bxcl ul::-webkit-scrollbar {
width: 6px !important;
}
.bxcl ul::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.02) !important;
border-radius: 4px;
}
.bxcl ul::-webkit-scrollbar-thumb {
background: var(--tc, #d20f39) !important;
border-radius: 4px !important;
}
.bxcl ul li {
width: auto !important;
float: none !important;
}
.bxcl ul li .chbox {
background: #151515 !important;
border: 1px solid rgba(255, 255, 255, 0.04) !important;
border-radius: 12px !important;
padding: 15px 20px !important;
margin: 0 15px 12px 15px !important;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.bxcl ul li .chbox:hover {
background: var(--tc, #d20f39) !important;
border-color: var(--tc, #d20f39) !important;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(var(--tc-rgb, 210, 15, 57), 0.3) !important;
}
.bxcl ul li .eph-num {
z-index: 1;
}
.bxcl ul li .eph-num span.chapternum {
font-size: 16px !important;
font-weight: 700 !important;
color: #fff !important;
display: block;
transition: color 0.3s ease;
}
.bxcl ul li .eph-num a:visited span.chapternum {
color: var(--tc, #d20f39) !important;
}
.bxcl ul li .chbox:hover .chapternum {
color: #fff !important;
}
.bxcl ul li .chbox:hover a:visited span.chapternum {
color: var(--tc, #d20f39) !important;
}
.bxcl ul li .chapterdate {
font-size: 12px !important;
color: #777 !important;
margin-top: 5px;
transition: color 0.3s ease;
z-index: 1;
}
.bxcl ul li .chbox:hover .chapterdate {
color: rgba(255, 255, 255, 0.8) !important;
}
.search-chapter {
margin: 12px 15px 15px !important;
display: flex;
align-items: center;
gap: 8px;
}
#searchchapter {
background: #1a1a1a !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 20px !important;
padding: 12px 20px !important;
font-size: 14px !important;
color: #fff !important;
width: 100%;
transition: border-color 0.3s ease;
}
#searchchapter:focus {
border-color: var(--tc, #d20f39) !important;
outline: none !important;
} .sort-chapter-btn {
flex-shrink: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 50%;
color: #555;
font-size: 13px;
cursor: pointer;
transition: all 0.25s ease;
padding: 0;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
pointer-events: auto;
}
.sort-chapter-btn:hover {
color: #fff;
background: #222;
border-color: var(--tc, #d20f39);
}
.sort-chapter-btn.active {
color: var(--tc, #d20f39);
border-color: var(--tc, #d20f39);
background: #222;
}
.sort-chapter-btn i {
pointer-events: none;
}
.lightmode .sort-chapter-btn {
background: #efefef;
border-color: #ddd;
color: #999;
}
.lightmode .sort-chapter-btn:hover {
background: #e0e0e0;
color: #333;
border-color: var(--tc, #d20f39);
}
.lightmode .sort-chapter-btn.active {
color: var(--tc, #d20f39);
border-color: var(--tc, #d20f39);
background: #e8e8e8;
}
@media only screen and (max-width: 780px) {
.bigcover {
height: 350px !important;
}
.bigcover .bigbanner {
min-height: 350px !important;
}
#content.manga-info .postbody.full {
padding-top: 100px !important;
}
.mr-header {
flex-direction: column;
align-items: center;
gap: 15px;
}
.kh-left {
width: 180px;
}
.kh-right {
text-align: center;
width: 100%;
}
.kh-right .entry-title {
font-size: 24px;
margin-bottom: 8px;
}
.kh-right .alternative {
font-size: 13px;
margin-bottom: 15px;
}
.kh-stats {
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
}
.kh-stat-item {
font-size: 14px;
}
.kh-stat-item i {
font-size: 16px;
}
.kh-actions {
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
padding: 0 10px;
}
.kh-actions .btn-read,
.kh-actions .btn-library {
max-width: 100%;
width: 100%;
padding: 14px 20px;
}
.postbody .tsinfo .imptdt {
width: 100%;
}
.postbody .bixbox.bxcl {
margin-left: -15px !important;
margin-right: -15px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border-radius: 0 !important;
}
.bxcl ul li .chbox {
margin-left: -15px !important;
margin-right: -15px !important;
border-radius: 0 !important;
}
}
.postbody {
padding: 0 15px;
}
.postbody .main-info {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 25px;
}
.postbody .info-desc {
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.postbody .entry-content-single {
font-size: 15px !important;
line-height: 1.8 !important;
color: #ccc !important;
margin-bottom: 20px;
}
.postbody .mgen {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.mr-meta-row .mgen {
margin-bottom: 0 !important;
}
.mr-meta-row .mgen a.meta-pill {
background: rgba(255, 255, 255, 0.08) !important;
border: none !important;
}
.postbody .mgen a {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.05) !important;
color: #ddd !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 6px !important;
padding: 6px 14px !important;
font-size: 13px !important;
transition: all 0.2s ease;
}
.postbody .mgen a:hover {
background: var(--tc, #9e32a8) !important;
color: #fff !important;
border-color: var(--tc, #9e32a8) !important;
}
.postbody .tsinfo.bixbox {
background: #111111 !important;
border-radius: 10px !important;
padding: 15px !important;
margin-bottom: 20px !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
display: flex;
flex-wrap: wrap;
}
.postbody .tsinfo.bixbox .releases {
width: 100%;
border-bottom: 2px solid var(--tc, #d20f39) !important;
padding: 0 0 10px 0 !important;
margin-bottom: 10px !important;
}
.postbody .tsinfo.bixbox .releases h2 {
font-size: 15px !important;
font-weight: 600 !important;
color: #fff !important;
}
.postbody .tsinfo .imptdt {
width: 50%;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
margin-bottom: 20px;
}
.bixbox > .releases,
#comments > .releases {
border-bottom: 2px solid var(--tc, #d20f39) !important;
padding: 12px 0 10px 0 !important;
}
.bxcl .releases-chapter,
.bixbox.bxcl .releases-chapter {
padding-bottom: 6px !important;
}
.postbody .bxcl {
background: transparent !important;
box-shadow: none !important;
}
.bxcl ul {
max-height: 400px !important;
overflow-y: auto !important;
margin: 0 !important;
padding: 0 8px 0 0 !important;
scrollbar-width: thin;
scrollbar-color: var(--tc, #d20f39) transparent;
}
.bxcl ul::-webkit-scrollbar {
width: 4px !important;
}
.bxcl ul::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.02) !important;
border-radius: 4px;
}
.bxcl ul::-webkit-scrollbar-thumb {
background: var(--tc, #d20f39) !important;
border-radius: 4px !important;
}
.bxcl ul li {
width: auto !important;
float: none !important;
}
.bxcl ul li .chbox {
background: rgba(255, 255, 255, 0.02) !important;
border: 1px solid rgba(255, 255, 255, 0.05) !important;
border-radius: 8px !important;
padding: 10px 14px !important;
margin: 0 0 6px 0 !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.bxcl ul li .chbox:hover {
background: rgba(255, 255, 255, 0.06) !important;
border-color: rgba(var(--tc-rgb, 210, 15, 57), 0.3) !important;
}
.bxcl ul li .eph-num span.chapternum {
font-weight: 500 !important;
font-size: 14px !important;
color: #ddd;
display: block;
}
.bxcl ul li .eph-num a:visited span.chapternum {
color: var(--tc, #d20f39) !important;
}
.search-chapter {
margin: 12px 0 15px !important;
}
#searchchapter {
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 8px !important;
padding: 10px 14px !important;
color: #ddd !important;
width: 100%;
}
@media only screen and (max-width: 780px) {
.bigcover {
height: 350px !important;
}
.bigcover .bigbanner {
min-height: 350px !important;
}
#content.manga-info .postbody.full {
padding-top: 100px !important;
}
.mr-header {
flex-direction: column;
align-items: center;
gap: 15px;
}
.kh-left {
width: 180px;
}
.kh-right {
text-align: center;
width: 100%;
}
.kh-right .entry-title {
font-size: 24px;
margin-bottom: 8px;
}
.kh-right .alternative {
font-size: 13px;
margin-bottom: 15px;
}
.kh-stats {
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
}
.kh-stat-item {
font-size: 14px;
}
.kh-stat-item i {
font-size: 16px;
}
.kh-actions {
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
padding: 0;
width: 100%;
}
.kh-actions .btn-read,
.kh-actions .btn-library {
max-width: 100%;
width: 100%;
padding: 14px 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
box-sizing: border-box;
}
.postbody .tsinfo .imptdt {
width: 100%;
}
.mr-header-wrapper {
margin-bottom: 15px;
}
.postbody .main-info {
margin-bottom: 10px !important;
}
.synopsis-content-wrapper {
max-height: 85px;
}
.synopsis-content-wrapper:not(.expanded)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 1) 100%);
pointer-events: none;
}
.synopsis-expander {
display: block !important;
}
.mr-meta-row {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 12px;
}
.meta-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.meta-label {
flex-shrink: 0;
width: 100px;
font-size: 15px;
font-weight: 700;
color: #fff;
text-transform: none;
letter-spacing: 0;
padding-top: 5px;
}
.meta-item .meta-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
flex: 1;
}
.meta-item > .meta-pill {
flex-wrap: wrap;
}
.meta-divider {
display: none;
}
}
.mr-synopsis-box {
position: relative;
margin-bottom: 10px;
}
.synopsis-content-wrapper {
position: relative;
overflow: hidden;
transition: max-height 0.4s ease;
}
.synopsis-content-wrapper.expanded {
max-height: 2500px !important;
}
.synopsis-expander {
display: none; 
text-align: center;
cursor: pointer;
padding: 10px 0;
color: #888;
font-size: 16px;
background: #111111;
border-radius: 0 0 10px 10px;
transition: color 0.2s ease;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.synopsis-expander:hover {
color: #fff;
}
.synopsis-expander i {
transition: transform 0.3s ease;
}
.synopsis-expander.expanded i {
transform: rotate(180deg);
}
.mr-meta-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 15px;
padding: 5px 0;
}
.meta-item {
display: flex;
align-items: flex-start;
gap: 8px;
flex-wrap: wrap;
}
.meta-item .meta-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.meta-item > .meta-pill {
display: inline-flex;
align-items: center;
}
.meta-label {
font-size: 14px;
font-weight: 700;
color: #fff;
}
.meta-pill {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.08) !important;
color: #ddd !important;
border: none !important;
border-radius: 6px !important;
padding: 6px 14px !important;
font-size: 13px !important;
transition: all 0.2s ease;
text-decoration: none;
}
.meta-pill:hover {
background: var(--tc, #d20f39) !important;
color: #fff !important;
}
.meta-divider {
color: rgba(255, 255, 255, 0.1);
font-size: 14px;
}
.genre-row {
margin-top: 5px;
margin-bottom: 25px;
}
.genre-row .meta-item {
align-items: flex-start;
}
.genre-row .meta-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.related-series-box {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
border: none !important;
overflow: visible !important;
}
.mr-related-series {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 10px;
padding: 15px 15px;
overflow: visible !important;
}
.mr-related-card .bsx {
position: relative;
border-radius: 10px;
overflow: hidden;
background: #111;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease;
}
.mr-related-card .bsx::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
z-index: 5;
pointer-events: none;
transition: none;
}
.mr-related-card .bsx:hover::before {
animation: mrShine 0.7s forwards;
}
@keyframes mrShine {
100% {
left: 200%;
}
}
@media only screen and (min-width: 781px) {
.mr-related-card .bsx:hover {
transform: scale(1.05);
z-index: 10;
}
}
.mr-related-card .limit {
position: relative;
width: 100%;
display: block;
}
.mr-related-card .limit img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1 / 1.45;
object-fit: cover;
}
.mr-related-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 40px 10px 10px;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
z-index: 2;
}
.mr-related-overlay .tt {
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
text-align: center;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mr-related-card .type {
position: absolute;
top: 8px;
right: 8px;
z-index: 3;
}
#series-history {
background: #111111 !important;
}
#series-history .series-history-pool .chbox {
background: #1c1c1c !important;
border: 1px solid #252525 !important;
padding: 8px 12px !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 8px !important;
border-radius: 5px !important;
transition: background 0.2s ease !important;
}
#series-history .series-history-pool .chbox:hover {
background: #2a2a2a !important;
border-color: #333333 !important;
}
#series-history .series-history-pool .eph-num span.chapterdate {
color: rgba(255, 255, 255, 0.45) !important;
}
#history-pool .bs.stylefiv .bsx .chfiv li,
.bixbox:has(#history-pool) .bs.stylefiv .bsx .chfiv li {
background: #141414 !important;
border-radius: 4px !important;
margin-bottom: 3px !important;
}
#history-pool .bs.stylefiv .bsx .chfiv li a,
.bixbox:has(#history-pool) .bs.stylefiv .bsx .chfiv li a {
color: #bbb !important;
padding: 5px 8px !important;
font-size: 11px !important;
}
#history-pool .bs.stylefiv .bsx .chfiv li .fivtime,
.bixbox:has(#history-pool) .bs.stylefiv .bsx .chfiv li .fivtime {
color: rgba(255, 255, 255, 0.4) !important;
font-size: 10px !important;
}
#history-pool .bs.stylefiv .bsx .chfiv li a:hover,
.bixbox:has(#history-pool) .bs.stylefiv .bsx .chfiv li a:hover {
background: var(--tc, #d20f39) !important;
color: #fff !important;
}
#history-pool .bs.stylefiv .bsx .limit img,
#history-pool .bs.stylefiv .bsx .limit:hover img {
transform: none !important;
transition: none !important;
}
#history-pool .bs .limit {
position: relative !important;
overflow: hidden !important;
}
#history-pool .bs .limit::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -150% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.35) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
z-index: 5 !important;
pointer-events: none !important;
transition: none !important;
}
@media (hover: hover) and (pointer: fine) {
#history-pool .bs .bsx {
transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
z-index: 1 !important;
}
#history-pool .bs:hover .bsx {
transform: scale(1.06) !important;
z-index: 20 !important;
}
#history-pool .bs:hover .limit::before {
left: 150% !important;
transition: left 0.7s ease-in-out !important;
}
}
#history-pool .bs .bsx:active .limit::before,
#history-pool .bs .bsx.touch-active .limit::before {
left: 150% !important;
transition: left 0.7s ease-in-out !important;
}
@media only screen and (max-width: 900px) {
#history-pool .bs {
flex: 0 0 25% !important;
width: 25% !important;
max-width: 25% !important;
}
}
@media only screen and (max-width: 600px) {
#history-pool .bs {
flex: 0 0 33.333% !important;
width: 33.333% !important;
max-width: 33.333% !important;
}
}
.um-page-login .postbody .bixbox, 
.um-page-register .postbody .bixbox,
.um-page-loggedout .postbody .bixbox {
padding: 30px 20px;
}
.um-page-login .um,
.um-page-register .um,
.um-page-loggedout .um {
max-width: 450px !important;
margin: 0 auto;
}
.um .um-form input[type="text"], 
.um .um-form input[type="password"], 
.um .um-form input[type="email"] {
background: #151515 !important;
border: 1px solid #2a2a2a !important;
border-radius: 8px !important;
padding: 12px 16px !important;
color: #eee !important;
font-size: 15px !important;
width: 100% !important;
box-sizing: border-box !important;
transition: all 0.3s ease !important;
outline: none !important;
}
.um .um-form input[type="text"]:focus, 
.um .um-form input[type="password"]:focus, 
.um .um-form input[type="email"]:focus {
border-color: var(--tc) !important;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) !important;
}
.um .um-field-label label {
color: #ccc !important;
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
display: block;
}
.um .um-form .um-button {
background: var(--tc) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
padding: 12px 20px !important;
font-weight: 700 !important;
font-size: 15px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: center !important;
cursor: pointer !important;
line-height: normal !important;
display: block !important;
text-decoration: none !important;
}
.um .um-form .um-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.um .um-form .um-button.um-alt {
background: #333 !important;
}
.um .um-form .um-button.um-alt:hover {
background: #444 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.um .um-field-checkbox {
display: flex !important;
align-items: center !important;
cursor: pointer !important;
margin-bottom: 20px !important;
}
.um .um-field-checkbox .um-field-checkbox-state i {
font-size: 18px !important;
color: var(--tc) !important;
margin-right: 8px !important;
}
.um .um-field-checkbox .um-field-checkbox-option {
color: #aaa !important;
font-size: 14px !important;
}
.um .um-link-alt, .um .um-col-alt-b a {
color: var(--tc) !important;
font-size: 14px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
display: inline-block !important;
margin-top: 15px !important;
}
.um .um-link-alt:hover, .um .um-col-alt-b a:hover {
text-decoration: underline !important;
}
.um .um-col-alt::after {
content: "";
display: table;
clear: both;
}
.um .um-col-alt .um-left {
float: left !important;
}
.um .um-col-alt .um-right {
float: right !important;
}
.um .um-col-alt .um-half {
width: 48% !important;
}
.um-page-login #sidebar,
.um-page-register #sidebar,
.um-page-loggedout #sidebar {
display: none !important;
}
.um-page-login #content .postbody,
.um-page-register #content .postbody,
.um-page-loggedout #content .postbody {
width: 100% !important;
float: none !important;
max-width: 800px !important;
margin: 0 auto !important;
}
@media only screen and (max-width: 600px) {
.um-page-login .postbody .bixbox, 
.um-page-register .postbody .bixbox,
.um-page-loggedout .postbody .bixbox {
padding: 20px 15px;
}
.um .um-col-alt .um-half {
width: 100% !important;
margin: 0 0 10px 0 !important;
float: none !important;
}
}
.custom-slider-slide {
position: relative;
width: 100%;
height: 90vh;
border-radius: 0;
overflow: hidden;
margin-bottom: 0;
}
.custom-slider-bg {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-size: cover;
background-position: center 20%;
background-repeat: no-repeat;
transform: scale(1.1);
z-index: 1;
pointer-events: none;
}
.custom-slider-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(to top, rgba(15,15,15,1) 0%, rgba(15,15,15,0.9) 15%, rgba(15,15,15,0.4) 40%, rgba(15,15,15,0.4) 100%);
z-index: 2;
pointer-events: none;
}
.custom-slider-chapter {
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
background: var(--tc);
color: #fff;
padding: 8px 24px;
border-radius: 30px;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(0,0,0,0.4);
letter-spacing: 1px;
white-space: nowrap;
}
.custom-slider-content {
position: relative;
z-index: 3;
display: flex;
align-items: flex-start;
height: 100%;
padding: 60px 100px 120px 100px;
box-sizing: border-box;
gap: 40px;
user-select: none;
}
.custom-slider-content .custom-slider-thumb-wrapper {
position: relative;
margin-top: 50px;
}
.custom-slider-thumb {
position: relative;
flex-shrink: 0;
width: 300px;
height: 420px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0,0,0,0.6);
}
.custom-slider-thumb .type {
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
width: 24px;
height: 16px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.custom-slider-thumb .type.Manga { background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manga.png); }
.custom-slider-thumb .type.Manhwa { background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhwa.png); }
.custom-slider-thumb .type.Manhua { background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhua.png); }
.custom-slider-thumb .nsfw-badge {
position: absolute;
top: 8px;
left: 8px;
z-index: 5;
background: #e53935;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 6px;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-transform: uppercase;
}
.custom-slider-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.custom-slider-info {
flex-grow: 1;
color: #fff;
min-width: 0;
}
.custom-slider-title {
font-size: 48px;
font-weight: 700;
margin: 0 0 12px 0;
line-height: 1.2;
text-shadow: 0 2px 4px rgba(0,0,0,0.6);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.custom-slider-info {
padding-top: 50px;
min-width: 0;
flex-grow: 1;
color: #fff;
}
.custom-slider-title a {
color: #fff;
}
.custom-slider-genres {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.custom-slider-genres .genre-pill {
background: rgba(255,255,255,0.15);
color: #fff;
padding: 6px 18px;
border-radius: 20px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
border: 1px solid rgba(255,255,255,0.2);
}
.custom-slider-genres .genre-pill:hover {
background: var(--tc);
}
.custom-slider-desc {
font-size: 17px;
line-height: 1.7;
color: rgba(255,255,255,0.85);
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.custom-slider-desc p {
display: inline;
margin: 0;
}
.slidernom3.big-slider .paging {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
z-index: 10;
overflow: visible;
display: block;
}
.slidernom3.big-slider .paging .centerpaging {
max-width: 1220px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: visible;
padding: 0 60px;
}
.slidernom3.big-slider .swiper-pagination {
position: absolute !important;
bottom: 30px !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 10 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
padding: 8px 12px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.2);
gap: 12px;
width: max-content !important;
max-width: 100%;
height: auto !important;
}
.slidernom3.big-slider .swiper-pagination span.swiper-pagination-bullet {
width: 70px !important;
height: 70px !important;
border-radius: 8px !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 0.6 !important;
cursor: pointer !important;
border: 2px solid transparent !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 3px 8px rgba(0,0,0,0.3) !important;
display: inline-block !important;
margin: 0 !important;
}
.slidernom3.big-slider .swiper-pagination span.swiper-pagination-bullet:hover {
opacity: 0.95 !important;
transform: scale(1.05) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
}
.slidernom3.big-slider .swiper-pagination span.swiper-pagination-bullet-active {
opacity: 1 !important;
border-color: var(--tc) !important;
transform: scale(1.08) !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}
.slidernom3.big-slider .custom-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(12px);
border-radius: 50%;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
transition: all 0.25s ease;
}
.slidernom3.big-slider .custom-slider-arrow:hover {
background: var(--tc);
border-color: var(--tc);
box-shadow: 0 0 15px var(--tc);
}
.slidernom3.big-slider .custom-slider-arrow-prev {
left: 20px;
}
.slidernom3.big-slider .custom-slider-arrow-next {
right: 20px;
}
.slidernom3.big-slider .custom-slider-arrow-mobile {
display: none;
}
@media only screen and (max-width: 768px) {
.wrapernum3, .wrapernum3 .big-slider, .wrapernum3 .big-slider .swiper-wrapper {
height: 48vh !important;
}
.custom-slider-slide {
height: 48vh !important;
border-radius: 0;
margin-bottom: 0;
}
.custom-slider-bg {
filter: none;
}
.custom-slider-overlay {
background: linear-gradient(to top, rgba(15,15,15,1) 0%, rgba(15,15,15,0.9) 15%, rgba(15,15,15,0.4) 40%, rgba(15,15,15,0.4) 100%);
}
.custom-slider-content {
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 15px !important;
padding: 20px 15px 40px 15px !important;
}
.custom-slider-content .custom-slider-thumb-wrapper {
position: relative;
margin-top: 35px !important;
}
.custom-slider-info {
margin-top: 35px !important;
padding-top: 0 !important;
}
.custom-slider-thumb {
width: 130px !important;
height: 180px !important;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.custom-slider-thumb .type {
top: 5px !important;
right: 5px !important;
width: 18px !important;
height: 12px !important;
}
.custom-slider-thumb .nsfw-badge {
top: 5px !important;
left: 5px !important;
font-size: 8px !important;
padding: 1px 4px !important;
}
.custom-slider-info {
flex: 1;
min-width: 0;
}
.custom-slider-title {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.custom-slider-genres {
display: none !important;
}
.custom-slider-desc {
font-size: 12px !important;
line-height: 1.5 !important;
color: rgba(255,255,255,0.8) !important;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.custom-slider-chapter {
top: -40px !important;
left: 50% !important;
margin-bottom: 0 !important;
font-size: 11px !important;
padding: 4px 14px !important;
}
.slidernom3.big-slider .custom-slider-arrow {
display: none !important;
}
.slidernom3.big-slider .paging {
bottom: 65px !important;
display: block !important;
}
.slidernom3.big-slider .paging .centerpaging {
padding: 0 10px !important;
gap: 10px !important;
}
.slidernom3.big-slider .custom-slider-arrow-mobile {
display: flex !important;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
color: #fff;
font-size: 12px;
cursor: pointer;
flex-shrink: 0;
z-index: 10;
transition: all 0.2s ease;
}
.slidernom3.big-slider .custom-slider-arrow-mobile:hover {
background: var(--tc);
border-color: var(--tc);
}
.slidernom3.big-slider .swiper-pagination {
padding: 6px 10px !important;
gap: 6px !important;
width: max-content !important;
border-radius: 10px !important;
background: rgba(255, 255, 255, 0.15) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
position: static !important;
transform: none !important;
}
.slidernom3.big-slider .swiper-pagination span.swiper-pagination-bullet {
width: 32px !important;
height: 32px !important;
border-radius: 6px !important;
}
}
.wrapernum3 + .postbody,
.wrapernum3 + .bixbox,
.wrapernum3 + #content,
.wrapernum3 + .home-genres {
margin-top: -35px !important;
position: relative;
z-index: 10;
}
.latest-update-box .releases h2 {
font-size: 15px;
}
.latest-update-box .releases h2::before {
content: "\f017";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
margin-right: 8px;
font-size: 15px;
}
body.post-type-archive-manga .listupd {
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 10px !important;
padding: 0 !important;
overflow: visible !important;
}
body.post-type-archive-manga .postbody .bixbox:not(.project-update-box):not(.hothome):not(.series-gen) .listupd .bs,
body.post-type-archive-manga .postbody .bixbox .listupd .bs,
body.post-type-archive-manga .listupd .bs {
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.post-type-archive-manga .listupd .bsx {
position: relative;
overflow: visible;
border-radius: 8px;
display: block;
height: 100%;
width: 100% !important;
margin: 0 !important;
}
body.post-type-archive-manga .listupd .bsx a {
display: block;
position: relative;
height: 100%;
width: 100% !important;
overflow: hidden;
border-radius: 8px;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
}
body.post-type-archive-manga .listupd .bsx .limit {
position: relative;
width: 100% !important;
aspect-ratio: 2/3 !important;
padding: 0 !important;
height: auto !important;
}
body.post-type-archive-manga .listupd .bsx .limit img {
position: absolute !important;
top: 0; left: 0;
width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover;
pointer-events: none;
-webkit-user-drag: none !important;
}
body.post-type-archive-manga .listupd .bsx .limit .type,
body.post-type-archive-manga .listupd .bsx .limit .typename,
body.post-type-archive-manga .listupd .bsx .limit .colored,
body.post-type-archive-manga .listupd .bsx .limit .hotx,
body.post-type-archive-manga .listupd .bsx .limit .status,
body.post-type-archive-manga .listupd .bsx .limit .ply {
display: none !important;
}
body.post-type-archive-manga .listupd .bsx .bigor {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
width: 100% !important;
height: 100% !important;
padding: 30px 8px 10px;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.6) 30%,
transparent 60%
);
box-sizing: border-box;
text-align: center;
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
body.post-type-archive-manga .listupd .bsx .tt {
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
padding: 0;
}
body.post-type-archive-manga .listupd .bsx .adds {
display: none !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup {
position: absolute !important;
top: 0 !important;
left: 100% !important;
margin-left: 0 !important;
z-index: 99 !important;
background: rgba(16, 16, 16, 0.95) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid #222 !important;
border-radius: 6px !important;
padding: 8px 12px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: scale(0.95) !important;
transform-origin: left center !important;
transition:
opacity 0.2s ease,
visibility 0.2s ease,
transform 0.2s ease,
left 0.2s ease,
right 0.2s ease !important;
pointer-events: none !important;
min-width: 120px !important;
white-space: nowrap !important;
text-align: left !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}
body.post-type-archive-manga .listupd .bsx:active,
body.post-type-archive-manga .listupd .bsx.touch-active {
z-index: 200 !important;
}
body.post-type-archive-manga .listupd .bsx:active .info-popup,
body.post-type-archive-manga .listupd .bsx.touch-active .info-popup {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important;
}
@media (hover: hover) and (pointer: fine) {
body.post-type-archive-manga .listupd .bsx:hover {
z-index: 200 !important;
}
body.post-type-archive-manga .listupd .bsx:hover .info-popup {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important;
left: calc(100% + 8px) !important;
}
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-row {
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 6px !important;
color: #eee !important;
font-size: 12px !important;
font-weight: 500 !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-row:last-child {
margin-bottom: 0 !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-flag {
width: 20px !important;
height: 14px !important;
display: inline-block !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important;
flex-shrink: 0 !important;
border-radius: 2px !important;
}
html body.post-type-archive-manga .listupd .bsx .info-popup span.popup-flag.Manga,
html body.post-type-archive-manga .listupd .bsx .info-popup span.popup-flag.manga {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manga.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
html body.post-type-archive-manga .listupd .bsx .info-popup span.popup-flag.Manhwa,
html body.post-type-archive-manga .listupd .bsx .info-popup span.popup-flag.manhwa {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhwa.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
html body.post-type-archive-manga .listupd .bsx .info-popup span.popup-flag.Manhua,
html body.post-type-archive-manga .listupd .bsx .info-popup span.popup-flag.manhua {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhua.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
html body.post-type-archive-manga .listupd .bsx:hover a {
box-shadow: none !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-typename {
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-chapter {
color: var(--tc) !important;
font-size: 11px !important;
font-weight: 700 !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-rating .popup-star {
color: #ffc107 !important;
font-size: 11px !important;
}
body.post-type-archive-manga .listupd .bsx .info-popup .popup-rating .popup-score {
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.post-type-archive-manga .listupd .bsx.popup-left .info-popup,
body.post-type-archive-manga .listupd .bsx.popup-left:hover .info-popup,
body.post-type-archive-manga .listupd .bsx.popup-left:active .info-popup {
left: auto !important;
right: 100% !important;
transform-origin: right center !important;
}
@media (hover: hover) and (pointer: fine) {
body.post-type-archive-manga .listupd .bsx.popup-left:hover .info-popup {
left: auto !important;
right: calc(100% + 8px) !important;
}
}
body.post-type-archive-manga .listupd .bsx a {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
body.post-type-archive-manga .listupd .bsx:hover a {
transform: scale(1.05) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
z-index: 10 !important;
}
}
body.post-type-archive-manga .other-opts {
display: none !important;
}
.seriesearch > .releases h1::before {
content: "\f002";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
margin-right: 8px;
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
body.post-type-archive-manga .listupd {
grid-template-columns: repeat(4, 1fr) !important;
}
}
@media only screen and (max-width: 600px) {
body.post-type-archive-manga .listupd {
grid-template-columns: repeat(3, 1fr) !important;
gap: 6px !important;
}
body.post-type-archive-manga .listupd .bsx .tt {
font-size: 10px;
}
}
body.tax-genres .listupd {
display: grid !important;
grid-template-columns: repeat(8, 1fr) !important;
gap: 10px !important;
padding: 0 !important;
overflow: visible !important;
}
body.tax-genres .postbody .bixbox:not(.project-update-box):not(.hothome):not(.series-gen) .listupd .bs,
body.tax-genres .postbody .bixbox .listupd .bs,
body.tax-genres .listupd .bs {
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.tax-genres .listupd .bsx {
position: relative;
overflow: visible;
border-radius: 8px;
display: block;
height: 100%;
width: 100% !important;
margin: 0 !important;
}
body.tax-genres .listupd .bsx a {
display: block;
position: relative;
height: 100%;
width: 100% !important;
overflow: hidden;
border-radius: 8px;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-tap-highlight-color: transparent !important;
}
body.tax-genres .listupd .bsx .limit {
position: relative;
width: 100% !important;
aspect-ratio: 2/3 !important;
padding: 0 !important;
height: auto !important;
}
body.tax-genres .listupd .bsx .limit img {
position: absolute !important;
top: 0; left: 0;
width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover;
pointer-events: none;
-webkit-user-drag: none !important;
}
body.tax-genres .listupd .bsx .limit .type,
body.tax-genres .listupd .bsx .limit .typename,
body.tax-genres .listupd .bsx .limit .colored,
body.tax-genres .listupd .bsx .limit .hotx,
body.tax-genres .listupd .bsx .limit .status,
body.tax-genres .listupd .bsx .limit .ply {
display: none !important;
}
body.tax-genres .listupd .bsx .bigor {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
width: 100% !important;
height: 100% !important;
padding: 30px 8px 10px;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.6) 30%,
transparent 60%
);
box-sizing: border-box;
text-align: center;
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
body.tax-genres .listupd .bsx .tt {
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
padding: 0;
}
body.tax-genres .listupd .bsx .adds {
display: none !important;
}
body.tax-genres .listupd .bsx .info-popup {
position: absolute !important;
top: 0 !important;
left: 100% !important;
margin-left: 0 !important;
z-index: 99 !important;
background: rgba(16, 16, 16, 0.95) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid #222 !important;
border-radius: 6px !important;
padding: 8px 12px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: scale(0.95) !important;
transform-origin: left center !important;
transition:
opacity 0.2s ease,
visibility 0.2s ease,
transform 0.2s ease,
left 0.2s ease,
right 0.2s ease !important;
pointer-events: none !important;
min-width: 120px !important;
white-space: nowrap !important;
text-align: left !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}
body.tax-genres .listupd .bsx:active,
body.tax-genres .listupd .bsx.touch-active {
z-index: 200 !important;
}
body.tax-genres .listupd .bsx:active .info-popup,
body.tax-genres .listupd .bsx.touch-active .info-popup {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important;
}
@media (hover: hover) and (pointer: fine) {
body.tax-genres .listupd .bsx:hover {
z-index: 200 !important;
}
body.tax-genres .listupd .bsx:hover .info-popup {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important;
left: calc(100% + 8px) !important;
}
}
body.tax-genres .listupd .bsx .info-popup .popup-row {
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 6px !important;
color: #eee !important;
font-size: 12px !important;
font-weight: 500 !important;
}
body.tax-genres .listupd .bsx .info-popup .popup-row:last-child {
margin-bottom: 0 !important;
}
body.tax-genres .listupd .bsx .info-popup .popup-flag {
width: 20px !important;
height: 14px !important;
display: inline-block !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important;
flex-shrink: 0 !important;
border-radius: 2px !important;
}
html body.tax-genres .listupd .bsx .info-popup span.popup-flag.Manga,
html body.tax-genres .listupd .bsx .info-popup span.popup-flag.manga {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manga.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
html body.tax-genres .listupd .bsx .info-popup span.popup-flag.Manhwa,
html body.tax-genres .listupd .bsx .info-popup span.popup-flag.manhwa {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhwa.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
html body.tax-genres .listupd .bsx .info-popup span.popup-flag.Manhua,
html body.tax-genres .listupd .bsx .info-popup span.popup-flag.manhua {
background-image: url(//v5.luvyaa.co/wp-content/themes/mangareader2.2.2/assets/images/manhua.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
html body.tax-genres .listupd .bsx:hover a {
box-shadow: none !important;
}
body.tax-genres .listupd .bsx .info-popup .popup-typename {
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.tax-genres .listupd .bsx .info-popup .popup-chapter {
color: var(--tc) !important;
font-size: 11px !important;
font-weight: 700 !important;
}
body.tax-genres .listupd .bsx .info-popup .popup-rating .popup-star {
color: #ffc107 !important;
font-size: 11px !important;
}
body.tax-genres .listupd .bsx .info-popup .popup-rating .popup-score {
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.tax-genres .listupd .bsx.popup-left .info-popup,
body.tax-genres .listupd .bsx.popup-left:hover .info-popup,
body.tax-genres .listupd .bsx.popup-left:active .info-popup {
left: auto !important;
right: 100% !important;
transform-origin: right center !important;
}
@media (hover: hover) and (pointer: fine) {
body.tax-genres .listupd .bsx.popup-left:hover .info-popup {
left: auto !important;
right: calc(100% + 8px) !important;
}
}
body.tax-genres .listupd .bsx a {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
body.tax-genres .listupd .bsx:hover a {
transform: scale(1.05) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
z-index: 10 !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
body.tax-genres .listupd {
grid-template-columns: repeat(4, 1fr) !important;
}
}
@media only screen and (max-width: 600px) {
body.tax-genres .listupd {
grid-template-columns: repeat(3, 1fr) !important;
gap: 6px !important;
}
body.tax-genres .listupd .bsx .tt {
font-size: 10px;
}
}
body.post-type-archive-manga .quickfilter {
background: rgba(0, 0, 0, 0.2) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 8px !important;
padding: 12px 15px !important;
margin-bottom: 25px !important;
}
body.post-type-archive-manga .quickfilter .filters {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
gap: 12px !important;
align-items: end !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
position: relative !important;
float: none !important;
}
body.post-type-archive-manga .quickfilter .filters .filter button.dropdown-toggle {
width: 100% !important;
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #eee !important;
padding: 10px 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 6px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
transition: all 0.2s ease !important;
height: 40px !important;
}
body.post-type-archive-manga .quickfilter .filters .filter button.dropdown-toggle span {
font-weight: 400 !important;
opacity: 0.8 !important;
margin: 0 5px !important;
}
body.post-type-archive-manga .quickfilter .filters .filter button.dropdown-toggle i {
transition: transform 0.2s ease !important;
}
body.post-type-archive-manga .quickfilter .filters .filter.open button.dropdown-toggle i {
transform: rotate(180deg) !important;
}
body.post-type-archive-manga .quickfilter .filters .filter.open button.dropdown-toggle,
body.post-type-archive-manga .quickfilter .filters .filter button.dropdown-toggle:hover {
background: rgba(255, 255, 255, 0.1) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
color: #fff !important;
}
body.post-type-archive-manga .quickfilter .filters .filter.submit button {
width: 100% !important;
background: var(--tc, #d20f39) !important;
color: #fff !important;
border: none !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 6px !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
height: 40px !important;
}
body.post-type-archive-manga .quickfilter .filters .filter.submit button:hover {
filter: brightness(1.15) !important;
transform: translateY(-2px) !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter ul {
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
right: auto !important;
width: 300px !important;
background: #1a1a1a !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 8px !important;
padding: 10px !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
z-index: 999 !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter:nth-last-child(-n+2) ul {
left: auto !important;
right: 0 !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 {
width: 160px !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter ul li {
width: 50% !important;
float: left !important;
padding: 2px 4px !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 li {
width: 100% !important;
float: none !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul label {
color: #ccc !important;
font-size: 13px !important;
font-weight: 500 !important;
padding: 6px 8px !important;
border-radius: 4px !important;
transition: all 0.2s ease !important;
display: flex !important;
align-items: center !important;
cursor: pointer !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul label:hover {
background: rgba(255, 255, 255, 0.08) !important;
color: #fff !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul li input + label:before {
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
content: "\f0c8" !important;
font-size: 14px !important;
color: rgba(255, 255, 255, 0.4) !important;
margin-right: 8px !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul.c1 li input + label:before {
content: "\f111" !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul li input:checked + label {
color: #fff !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul li input:checked + label:before {
content: "\f14a" !important;
font-weight: 900 !important;
color: var(--tc, #d20f39) !important;
}
body.post-type-archive-manga .quickfilter .filters .filter ul.c1 li input:checked + label:before {
content: "\f192" !important;
font-weight: 900 !important;
color: var(--tc, #d20f39) !important;
}
body.post-type-archive-manga .quickfilter .filters .filter .genrez {
max-height: 220px !important;
overflow-y: auto !important;
}
body.post-type-archive-manga .quickfilter .filters .filter .genrez::-webkit-scrollbar {
width: 6px !important;
}
body.post-type-archive-manga .quickfilter .filters .filter .genrez::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3) !important;
border-radius: 3px !important;
}
@media only screen and (max-width: 600px) {
body.post-type-archive-manga .quickfilter .filters {
grid-template-columns: 1fr 1fr !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter.submit {
grid-column: span 2 !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter ul {
width: calc(200% + 12px) !important;
left: 0 !important;
right: auto !important;
}
body.post-type-archive-manga .advancedsearch .quickfilter .filters .filter:nth-child(even) ul {
left: auto !important;
right: 0 !important;
}
}
body.single-post .th,
body.single-post .mainholder > div:first-child,
body.single-post .mainholder > header:first-child,
body.single-post .headstyle,
body.single-post .headstyle2,
body.single-post .headstyle3,
body.single-post #header,
body.single-post .header,
body.single-post .bigheader {
display: none !important;
}
body.single-post #footer {
display: none !important;
}
body.single-post .headpost {
display: none !important;
}
body.single-post .allc {
display: none !important;
}
body.single-post .chdesc {
display: none !important;
}
body.single-post .breadcrumbs,
body.single-post .ts-breadcrumb {
display: none !important;
}
body.single-post .chaptertags {
display: none !important;
}
body.single-post #content.readercontent .chaptertags {
display: none !important;
}
body.single-post .social-share {
display: none !important;
}
body.single-post #content.readercontent .bixbox:not(.comments-area) {
display: none !important;
}
body.single-post .chnav.ctop,
body.single-post .chnav.cbot {
display: none !important;
}
body.single-post .readingnav {
display: none !important;
}
body.single-post .blox.kln,
body.single-post #sidebar {
display: none !important;
}
body.single-post #content.readercontent {
max-width: 100%;
padding: 0;
margin: 0;
}
body.single-post #content.readercontent .wrapper {
max-width: 100%;
padding: 0;
}
body.single-post .chapterbody {
padding: 0;
}
body.single-post .chapterbody .postarea {
max-width: 100%;
padding: 0;
}
body.single-post .maincontent {
padding: 0;
}
body.single-post #readerarea {
margin: 0 auto;
max-width: 900px;
}
body.single-post {
background: #000 !important;
}
body.single-post #content {
background: #000 !important;
margin-top: 0 !important;
}
body.single-post #content.readercontent .bixbox.comments-area,
body.single-post #wpdcom,
body.single-post #comments {
display: block !important;
max-width: 900px; }
.mr-reading-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
z-index: 99999;
background: rgba(255, 255, 255, 0.08);
pointer-events: none;
}
.mr-reading-progress .mr-progress-fill {
height: 100%;
width: 0%;
background: linear-gradient(90deg, var(--tc, #d20f39), #ff6b6b);
border-radius: 0 2px 2px 0;
transition: width 0.15s ease-out;
box-shadow: 0 0 8px var(--tc, #d20f39), 0 0 3px var(--tc, #d20f39);
}
.mr-floating-nav {
position: fixed;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
z-index: 99998;
display: flex;
align-items: center;
gap: 12px;
padding: 10px 24px;
background: #1f1f23 !important; 
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
transition: opacity 0.35s ease, transform 0.35s ease, bottom 0.35s ease;
opacity: 1;
}
.mr-floating-nav.mr-nav-hidden {
opacity: 0;
transform: translateX(-50%) translateY(20px);
pointer-events: none;
}
.mr-floating-nav .mr-nav-btn {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: transparent !important; 
border: none !important; 
color: #e0e0e0;
cursor: pointer;
transition: all 0.25s ease;
text-decoration: none;
font-size: 22px;
position: relative;
flex-shrink: 0;
}
.mr-floating-nav .mr-nav-btn:hover {
background: rgba(255, 255, 255, 0.08) !important; 
color: #fff;
transform: scale(1.08);
border-color: transparent !important;
}
.mr-floating-nav .mr-nav-btn:active {
transform: scale(0.95);
}
.mr-floating-nav .mr-nav-btn.disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.mr-floating-nav .mr-nav-btn svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.mr-floating-nav .mr-nav-btn.mr-active {
background: var(--tc, #d20f39) !important;
color: #fff;
border-color: var(--tc, #d20f39) !important;
box-shadow: 0 0 15px rgba(210, 15, 57, 0.4);
}
.mr-top-nav, 
.mr-floating-nav, 
.mr-scroll-actions, 
.mr-scroll-actions .scrollToTop, 
.mr-scroll-actions .scrollToBottom,
.mr-scroll-actions .mr-btn-report,
#readerarea img,
.ts-main-image {
-webkit-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-user-drag: none !important;
-webkit-touch-callout: none !important;
}
.mr-top-nav {
position: fixed;
top: 25px;
left: 50%;
transform: translateX(-50%);
z-index: 99998;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 16px 28px;
background: #1f1f23 !important; 
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
transition: opacity 0.35s ease, transform 0.35s ease, top 0.35s ease;
opacity: 1;
pointer-events: auto;
width: 92%; 
max-width: 1200px; 
white-space: nowrap;
}
.mr-top-nav .mr-top-back {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-decoration: none;
margin-right: 8px;
opacity: 0.8;
transition: opacity 0.2s ease;
}
.mr-top-nav .mr-top-back:hover {
opacity: 1;
}
.mr-top-nav.mr-nav-hidden {
opacity: 0;
transform: translateX(-50%) translateY(-20px);
pointer-events: none;
}
.mr-top-nav .mr-top-title {
font-size: 16px;
font-weight: 600;
color: #ffffff !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 1;
min-width: 0;
text-align: center;
}
.mr-top-nav .mr-top-separator {
width: 1px;
height: 18px;
background: var(--tc, #d20f39) !important; 
opacity: 0.9;
flex-shrink: 0;
}
.mr-top-nav .mr-top-chapter {
font-size: 16px;
font-weight: 600;
color: var(--tc, #d20f39) !important; 
white-space: nowrap;
flex-shrink: 0;
}
.mr-top-nav .mr-chapter-desktop {
display: inline !important;
}
.mr-top-nav .mr-chapter-mobile {
display: none !important;
}
.admin-bar .mr-top-nav {
top: 57px; 
}
.admin-bar .mr-reading-progress {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar .mr-top-nav {
top: 61px; 
}
.admin-bar .mr-reading-progress {
top: 46px;
}
}
.mr-settings-popup {
position: fixed;
bottom: 110px;
left: 50%;
transform: translateX(-50%) translateY(10px);
z-index: 99997;
background: #1f1f23 !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: 16px;
padding: 20px;
min-width: 260px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
}
.mr-settings-popup.mr-popup-visible {
opacity: 1;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.mr-popup-title {
font-size: 13px;
font-weight: 600;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 14px;
}
.mr-settings-popup .mr-setting-group {
margin-bottom: 16px;
}
.mr-settings-popup .mr-setting-group:last-child {
margin-bottom: 0;
}
.mr-settings-popup .mr-setting-label {
font-size: 13px;
color: #aaa;
margin-bottom: 8px;
display: block;
}
.mr-settings-popup .mr-setting-select {
width: 100%;
padding: 10px 14px;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
color: #e0e0e0;
font-size: 14px;
font-family: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 35px;
transition: border-color 0.2s ease;
}
.mr-settings-popup .mr-setting-select:focus {
outline: none;
border-color: var(--tc, #d20f39);
}
.mr-settings-popup .mr-setting-select:hover {
border-color: rgba(255, 255, 255, 0.25);
}
.mr-settings-popup .mr-mode-toggle {
display: flex;
gap: 8px;
}
.mr-settings-popup .mr-mode-btn {
flex: 1;
padding: 10px 12px;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
color: #aaa;
font-size: 13px;
font-family: inherit;
cursor: pointer;
text-align: center;
transition: all 0.2s ease;
}
.mr-settings-popup .mr-mode-btn:hover {
border-color: rgba(255, 255, 255, 0.25);
color: #ddd;
}
.mr-settings-popup .mr-mode-btn.mr-mode-active {
background: var(--tc, #d20f39);
border-color: var(--tc, #d20f39);
color: #fff;
font-weight: 600;
}
.mr-speed-control {
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
overflow: hidden;
}
.mr-speed-control .mr-speed-btn {
background: transparent;
border: none;
color: #fff;
width: 32px;
height: 32px;
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mr-speed-control .mr-speed-btn:hover {
background: rgba(255, 255, 255, 0.1);
}
.mr-speed-control .mr-speed-value {
flex-grow: 1;
text-align: center;
font-size: 13px;
color: #ddd;
}
.mr-chlist-popup {
position: fixed;
bottom: 110px;
left: 50%;
transform: translateX(-50%) translateY(10px);
z-index: 99997;
background: #1f1f23 !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: 16px;
padding: 0;
width: 300px;
max-height: 350px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
overflow: hidden;
display: flex;
flex-direction: column;
}
.mr-chlist-popup.mr-popup-visible {
opacity: 1;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.mr-chlist-popup .mr-chlist-header {
padding: 14px 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
font-size: 13px;
font-weight: 600;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
flex-shrink: 0;
}
.mr-chlist-search {
display: flex;
align-items: center;
gap: 8px;
}
.mr-chlist-search input {
flex-grow: 1;
background: rgba(0, 0, 0, 0.3) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
padding: 8px 12px !important;
border-radius: 8px !important;
color: #fff !important;
font-size: 13px !important;
outline: none !important;
}
.mr-chlist-search input:focus {
border-color: var(--tc, #d20f39) !important;
}
.mr-chlist-search button {
background: transparent !important;
border: none !important;
color: #aaa !important;
cursor: pointer;
padding: 8px !important;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.mr-chlist-search button:hover {
color: #fff !important;
}
.mr-chlist-search button.mr-sort-active {
color: var(--tc, #d20f39) !important;
}
.mr-chlist-popup .mr-chlist-scroll {
overflow-y: auto;
flex: 1;
padding: 8px 0;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.15) transparent;
}
.mr-chlist-popup .mr-chlist-scroll::-webkit-scrollbar {
width: 4px;
}
.mr-chlist-popup .mr-chlist-scroll::-webkit-scrollbar-track {
background: transparent;
}
.mr-chlist-popup .mr-chlist-scroll::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.15);
border-radius: 4px;
}
.mr-chlist-popup .mr-chlist-scroll a,
.mr-chlist-popup .mr-chlist-scroll .mr-ch-item {
display: block;
padding: 10px 16px;
color: #ccc;
text-decoration: none;
font-size: 14px;
transition: background 0.15s ease;
cursor: pointer;
}
.mr-chlist-popup .mr-chlist-scroll a:hover,
.mr-chlist-popup .mr-chlist-scroll .mr-ch-item:hover {
background: rgba(255, 255, 255, 0.06);
color: #fff;
}
.mr-chlist-popup .mr-chlist-scroll a.mr-ch-current,
.mr-chlist-popup .mr-chlist-scroll .mr-ch-item.mr-ch-current {
background: rgba(210, 15, 57, 0.15);
color: var(--tc, #d20f39);
font-weight: 600;
border-left: 3px solid var(--tc, #d20f39);
}
@media only screen and (max-width: 768px) {
.mr-floating-nav {
bottom: 15px;
gap: 12px;
padding: 8px 16px;
background: #1f1f23 !important; 
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.mr-floating-nav .mr-nav-btn {
width: 50px;
height: 50px;
font-size: 18px;
background: transparent !important;
border: none !important;
}
.mr-floating-nav .mr-nav-btn svg {
width: 20px;
height: 20px;
}
.mr-top-nav {
top: 15px;
padding: 12px 20px;
gap: 12px;
width: 94%;
}
.mr-top-nav .mr-top-title {
font-size: 14px;
max-width: none;
}
.mr-top-nav .mr-top-chapter {
font-size: 14px;
}
.mr-top-nav .mr-chapter-desktop {
display: none !important;
}
.mr-top-nav .mr-chapter-mobile {
display: inline !important;
}
.mr-scroll-actions {
bottom: 85px;
right: 15px;
}
body .mr-scroll-actions .scrollToTop, 
body .mr-scroll-actions .scrollToBottom,
body .mr-scroll-actions .mr-btn-report,
body .mr-scroll-actions #mrBtnAutoScroll {
width: 50px !important;
height: 50px !important;
font-size: 20px !important;
}
body .mr-scroll-actions .mr-btn-report .fas {
font-size: 18px !important;
}
body .mr-scroll-actions #mrBtnAutoScroll svg {
width: 20px !important;
height: 20px !important;
}
.mr-settings-popup,
.mr-chlist-popup {
bottom: 80px;
min-width: 240px;
width: calc(100vw - 40px);
max-width: 320px;
}
body.single-post #readerarea {
max-width: 100%;
}
}
@media only screen and (max-width: 400px) {
.mr-floating-nav {
gap: 10px;
padding: 6px 12px;
}
.mr-floating-nav .mr-nav-btn {
width: 45px;
height: 45px;
font-size: 16px;
background: transparent !important;
border: none !important;
}
.mr-floating-nav .mr-nav-btn svg {
width: 18px;
height: 18px;
}
.mr-top-nav {
padding: 10px 16px;
gap: 8px;
width: 95%;
}
.mr-top-nav .mr-top-title {
max-width: none;
font-size: 13px;
}
.mr-top-nav .mr-top-chapter {
font-size: 13px;
}
body .mr-scroll-actions .scrollToTop, 
body .mr-scroll-actions .scrollToBottom,
body .mr-scroll-actions .mr-btn-report,
body .mr-scroll-actions #mrBtnAutoScroll {
width: 44px !important;
height: 44px !important;
font-size: 18px !important;
}
body .mr-scroll-actions .mr-btn-report .fas {
font-size: 16px !important;
}
body .mr-scroll-actions #mrBtnAutoScroll svg {
width: 18px !important;
height: 18px !important;
}
}
body.search .postbody .bixbox .listupd.series-gen,
body.search .listupd.series-gen {
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 8px !important;
padding: 0 !important;
overflow: visible !important;
float: none !important;
margin: 0 !important;
}
html body.search .postbody .bixbox .listupd.series-gen .bs,
html body.search .bixbox .listupd.series-gen .bs,
html body.search .listupd.series-gen .bs {
display: block !important;
float: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
clear: none !important;
align-self: stretch !important;
box-sizing: border-box !important;
}
html body.search .postbody .bixbox .listupd.series-gen .bs:nth-child(n),
html body.search .bixbox .listupd.series-gen .bs:nth-child(n),
html body.search .listupd.series-gen .bs:nth-child(n) {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
margin-right: 0 !important;
}
html body.search .postbody .bixbox .listupd.series-gen .bs:nth-child(5n),
html body.search .postbody .bixbox .listupd.series-gen .bs:nth-child(6n),
html body.search .postbody .bixbox .listupd.series-gen .bs:nth-child(3n) {
margin-right: 0 !important;
}
@media only screen and (max-width: 600px) {
body.search .postbody .bixbox .listupd.series-gen,
body.search .listupd.series-gen {
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
}
}
body.archive:not(.tax-genres):not(.post-type-archive-manga) .listupd {
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 12px !important;
padding: 0 !important;
overflow: visible !important;
float: none !important;
}
@media only screen and (max-width: 900px) and (min-width: 601px) {
body.archive:not(.tax-genres):not(.post-type-archive-manga) .listupd {
grid-template-columns: repeat(4, 1fr) !important;
gap: 10px !important;
}
}
html body.archive:not(.tax-genres):not(.post-type-archive-manga) .listupd .bs,
html body.archive:not(.tax-genres):not(.post-type-archive-manga) .postbody .bixbox .listupd .bs {
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
@media only screen and (max-width: 600px) {
body.archive:not(.tax-genres):not(.post-type-archive-manga) .listupd {
grid-template-columns: repeat(3, 1fr) !important;
gap: 6px !important;
}
}
.mr-ad-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin: 25px 0 35px 0 !important;
width: 100%;
}
.mr-space-holder {
flex: 1 1 300px;
width: 100%;
max-width: 728px;
min-height: 90px;
background: rgba(26, 26, 26, 0.8);
border: 2px dashed var(--tc, #d20f39);
border-radius: 8px;
margin: 0 auto 10px auto;
display: none !important;
align-items: center;
justify-content: center;
color: var(--tc, #d20f39);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
z-index: 10;
overflow: hidden;
padding: 5px;
box-sizing: border-box;
}
.postbody > .mr-space-holder,
.postbody > .mr-ad-item {
margin-bottom: 10px !important;
}
body.page-id-16 .mr-space-holder,
body.page-id-16 .mr-ad-item {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
min-height: 0 !important;
visibility: hidden !important;
}
.mr-space-holder img,
.mr-space-holder ins,
.mr-space-holder iframe {
max-width: 100% !important;
height: auto !important;
max-height: 100% !important;
object-fit: contain;
}
.mr-ad-item {
flex: 1 1 300px;
width: 100%;
max-width: 728px;
min-height: 90px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
overflow: hidden;
box-sizing: border-box;
}
.mr-ad-item img,
.mr-ad-item ins,
.mr-ad-item iframe {
max-width: 100% !important;
height: auto !important;
max-height: 100% !important;
object-fit: contain;
}
#main-menu ul li ul,
#main-menu ul.sub-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
min-width: 220px !important;
padding: 8px 0 !important;
z-index: 9999 !important;
background: rgba(15, 15, 15, 0.95) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 8px !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
overflow: hidden !important;
display: none !important;
opacity: 0 !important;
transform: translateY(10px) !important;
transition: opacity 0.25s ease, transform 0.25s ease !important;
}
#main-menu ul li:hover > ul,
#main-menu ul li:hover > ul.sub-menu {
display: block !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
#main-menu ul li ul li,
#main-menu ul.sub-menu li {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
#main-menu ul li ul li a,
#main-menu ul.sub-menu li a {
display: block !important;
font-family: "Outfit", "Inter", sans-serif !important;
font-size: 13.5px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: normal !important;
color: #aaa !important;
padding: 10px 20px !important;
text-align: left !important;
line-height: normal !important;
height: auto !important;
background: transparent !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#main-menu ul li ul li:last-child a,
#main-menu ul.sub-menu li:last-child a {
border-bottom: none !important;
}
#main-menu ul li ul li a::after,
#main-menu ul.sub-menu li a::after {
display: none !important;
}
#main-menu ul li ul li a:hover,
#main-menu ul.sub-menu li a:hover {
color: #fff !important;
background: rgba(210, 15, 57, 0.15) !important;
padding-left: 25px !important;
}
@media only screen and (max-width: 900px) {
#main-menu.shwx ul li ul,
#main-menu.shwx ul.sub-menu {
position: relative !important;
top: auto !important;
left: auto !important;
background: transparent !important;
border: none !important;
border-left: 3px solid #d20f39 !important;
border-radius: 0 !important;
box-shadow: none !important;
min-width: unset !important;
padding: 6px 0 !important;
margin: 5px 24px 8px 24px !important;
display: block !important;
opacity: 1 !important;
transform: none !important;
}
#main-menu.shwx ul li ul li a,
#main-menu.shwx ul.sub-menu li a {
display: block !important;
padding: 10px 16px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
color: #999 !important;
text-align: left !important;
line-height: normal !important;
height: auto !important;
background: transparent !important;
border-bottom: none !important;
transition: all 0.2s ease !important;
}
#main-menu.shwx ul li ul li a:hover,
#main-menu.shwx ul.sub-menu li a:hover {
color: #fff !important;
background: rgba(210, 15, 57, 0.08) !important;
padding-left: 20px !important;
}
}
@keyframes mr-shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.latest-update-box.is-loading .listupd {
position: relative;
pointer-events: none;
}
.latest-update-box.is-loading .listupd > *:not(.mr-latest-skeleton-container) {
display: none !important;
}
.mr-latest-skeleton-container {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 15px !important;
width: 100% !important;
padding: 10px 0 !important;
}
@media only screen and (max-width: 780px) {
.mr-latest-skeleton-container {
grid-template-columns: 1fr !important;
}
}
.mr-latest-skeleton-card {
background: #1c1c1c;
border-radius: 8px;
overflow: hidden;
display: flex !important;
flex-direction: row !important;
padding: 10px !important;
gap: 15px !important;
box-sizing: border-box !important;
}
.mr-latest-skeleton-card .limit {
width: 110px !important;
height: 150px !important;
flex-shrink: 0 !important;
background: #1e1d26;
background-image: linear-gradient(90deg, #1e1d26 25%, #2b2936 50%, #1e1d26 75%);
background-size: 200% 100%;
animation: mr-shimmer 1.5s infinite linear;
border-radius: 6px !important;
position: relative !important;
}
.mr-latest-skeleton-card .details {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
flex-grow: 1 !important;
justify-content: center !important;
}
.mr-latest-skeleton-card .details .title {
height: 16px !important;
width: 80% !important;
background: #23222d;
background-image: linear-gradient(90deg, #23222d 25%, #302e3d 50%, #23222d 75%);
background-size: 200% 100%;
animation: mr-shimmer 1.5s infinite linear;
border-radius: 4px !important;
}
.mr-latest-skeleton-card .details .line {
height: 12px !important;
width: 60% !important;
background: #23222d;
background-image: linear-gradient(90deg, #23222d 25%, #302e3d 50%, #23222d 75%);
background-size: 200% 100%;
animation: mr-shimmer 1.5s infinite linear;
border-radius: 4px !important;
}
.mr-tab-skeleton {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
width: 100%;
padding: 10px 0;
}
.mr-tab-skeleton.six-cols {
grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 900px) {
.mr-tab-skeleton,
.mr-tab-skeleton.six-cols {
grid-template-columns: repeat(3, 1fr);
}
}
.mr-tab-skeleton-item {
background: #1c1c1c;
border-radius: 8px;
overflow: hidden;
position: relative !important;
}
.mr-tab-skeleton-item::before {
content: "";
display: block;
padding-bottom: 145%;
background: #1e1d26;
background-image: linear-gradient(90deg, #1e1d26 25%, #2b2936 50%, #1e1d26 75%);
background-size: 200% 100%;
animation: mr-shimmer 1.5s infinite linear;
}
.mr-tab-skeleton-item::after {
content: "";
position: absolute !important;
bottom: 12px !important;
left: 10px !important;
right: 10px !important;
height: 14px !important;
background: #23222d !important;
background-image: linear-gradient(90deg, #23222d 25%, #302e3d 50%, #23222d 75%) !important;
background-size: 200% 100% !important;
animation: mr-shimmer 1.5s infinite linear !important;
border-radius: 4px !important;
z-index: 2 !important;
}
.mr-related-series {
display: grid !important;
grid-template-columns: repeat(8, 1fr) !important;
gap: 10px !important;
padding: 15px 15px !important;
overflow: visible !important;
}
@media only screen and (max-width: 780px) {
.mr-related-series {
grid-template-columns: repeat(3, 1fr) !important;
}
}
.bixbox:has(.series-gen),
.bixbox.series-gen,
.bixbox:has(.tab-content),
.bixbox.tab-content-box,
.bixbox:has(.mr-related-series),
.series-gen,
.tab-content,
.tab-pane,
.series-gen .listupd,
.tab-content .listupd,
.tab-pane .listupd {
overflow: visible !important;
}
.latest-update-box .bs .bsx .limit,
.latest-update-box .utao .uta .imgu,
.latest-update-box .stylesven .sventop .sventhumb {
position: relative !important;
overflow: hidden !important;
}
.latest-update-box .bs .bsx .limit::after,
.latest-update-box .utao .uta .imgu::after,
.latest-update-box .stylesven .sventop .sventhumb::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -150% !important;
width: 60% !important;
height: 100% !important;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.25) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
pointer-events: none !important;
z-index: 5 !important;
transition: none !important;
}
.latest-update-box .bs:hover .bsx .limit::after,
.latest-update-box .bs .bsx:hover .limit::after,
.latest-update-box .utao:hover .imgu::after,
.latest-update-box .stylesven .sventop:hover .sventhumb::after,
.latest-update-box .stylesven .sveninner:hover .sventhumb::after {
left: 150% !important;
transition: left 0.75s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.lightmode .mr-latest-skeleton-card,
.lightmode .mr-tab-skeleton-item {
background: #f7f8f9 !important;
border: 1px solid #e0e2e5 !important;
}
.lightmode .mr-latest-skeleton-card .limit,
.lightmode .mr-tab-skeleton-item::before {
background: #eef0f2 !important;
background-image: linear-gradient(90deg, #eef0f2 25%, #e0e2e5 50%, #eef0f2 75%) !important;
}
.lightmode .mr-latest-skeleton-card .details .title,
.lightmode .mr-latest-skeleton-card .details .line,
.lightmode .mr-tab-skeleton-item::after {
background: #e1e3e6 !important;
background-image: linear-gradient(90deg, #e1e3e6 25%, #d2d4d8 50%, #e1e3e6 75%) !important;
}
@media only screen and (max-width: 780px) {
.bixbox:has(#history-pool) {
padding-left: 12px !important;
padding-right: 12px !important;
}
#history-pool {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
body.page-id-16 .postbody .bixbox .listupd .bs,
body.page-id-16 .postbody .bixbox .listupd .bs.stylefiv {
flex: 0 0 12.5% !important;
width: 12.5% !important;
max-width: 12.5% !important;
box-sizing: border-box !important;
display: block !important;
float: none !important;
}
@media only screen and (max-width: 900px) {
body.page-id-16 .postbody .bixbox .listupd .bs,
body.page-id-16 .postbody .bixbox .listupd .bs.stylefiv {
flex: 0 0 25% !important;
width: 25% !important;
max-width: 25% !important;
}
}
@media only screen and (max-width: 780px) {
body.page-id-16 .postbody .bixbox .listupd .bs,
body.page-id-16 .postbody .bixbox .listupd .bs.stylefiv {
flex: 0 0 33.333333% !important;
width: 33.333333% !important;
max-width: 33.333333% !important;
}
}
body.page-id-16 .mr-space-holder,
body.page-id-16 .kln,
body.page-id-16 .klnrec,
body.page-id-16 .blox.kln,
body.page-id-16 .blox.mlb,
body.page-id-16 #content > .blox,
body.page-id-16 #content > br,
body.page-id-16 .luvyaa-ads,
body.page-id-16 .headads,
body.page-id-16 #content > div.blox.mlb.kln,
body.page-id-16 #content > div.blox.mlb.kln + br,
body.page-id-16 .wrapper > .blox,
body.page-id-16 .postbody > .blox {
display: none !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-16 .postbody .bixbox { padding: 10px !important;
overflow: visible !important;
}
body.page-id-16 .postbody .bixbox > .releases {
background: transparent !important;
border-bottom: 2px solid var(--tc, #d20f39) !important;
padding: 8px 0 !important;
margin-bottom: 0 !important;
}
body.page-id-16 .postbody .bixbox > .releases h1 {
font-size: 28px !important;
font-weight: 600 !important;
color: #fff !important;
margin: 0 0 5px 0 !important;
padding-left: 0 !important;
display: flex !important;
align-items: center !important;
}
body.page-id-16 .postbody .bixbox > .releases h1::before {
content: "\f0f3" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
color: inherit !important;
margin-right: 12px !important;
font-size: 28px !important;
display: inline-block !important;
}
body.page-id-16 .postbody .bixbox .listupd {
overflow: visible !important;
margin-left: -10px !important;
margin-right: -10px !important;
padding: 15px 0 0 0 !important;
display: flex !important;
flex-wrap: wrap !important;
}
body.page-id-16 .postbody .bixbox .listupd::after {
content: "" !important;
display: table !important;
clear: both !important;
}
body.page-id-16 .postbody .bixbox .bs .bsx {
margin: 10px 10px !important;
overflow: visible !important;
position: relative !important;
z-index: 1 !important;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
body.page-id-16 .postbody .bixbox .bs .bsx .limit {
padding: 135% 0 0 !important;
overflow: hidden !important;
}
body.page-id-16 .postbody .bixbox .bs .bsx .limit::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -150% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
z-index: 9 !important;
pointer-events: none !important;
transition: left 0s !important;
}
body.page-id-16 .postbody .bixbox .bs .bsx .limit img {
pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
body.page-id-16 .postbody .bixbox .bs:hover .bsx .limit::after {
left: 150% !important;
transition: left 0.8s ease-in-out !important;
}
body.page-id-16 .postbody .bixbox .bs:hover .bsx .limit img {
transform: none !important;
}
body.page-id-16 .postbody .bixbox .bs:hover .bsx {
transform: scale(1.05) !important;
z-index: 20 !important;
}
}
@media (hover: none) {
body.page-id-16 .postbody .bixbox .bs:hover .bsx,
body.page-id-16 .postbody .bixbox .bs:active .bsx,
body.page-id-16 .postbody .bixbox .bs .bsx:hover,
body.page-id-16 .postbody .bixbox .bs .bsx:active,
body.page-id-16 .postbody .bixbox .limit img,
body.page-id-16 .postbody .bixbox .limit:hover img,
body.page-id-16 .postbody .bixbox .limit:active img,
body.page-id-16 .postbody .bixbox .bsx .limit img {
transform: none !important;
}
}
body.page-id-16 .postbody .bixbox .chfiv {
padding: 0 !important;
margin: 10px 0 0 0 !important;
list-style: none !important;
}
body.page-id-16 .postbody .bixbox .chfiv li {
display: block !important;
overflow: hidden !important;
margin-bottom: 6px !important;
background: #0f0f0f !important;
border-radius: 6px !important;
border: 1px solid #141414 !important;
box-sizing: border-box !important;
float: none !important;
width: 100% !important;
}
body.page-id-16 .postbody .bixbox .chfiv li a {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 6px 10px !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 500 !important;
background: transparent !important;
border: none !important;
width: 100% !important;
box-sizing: border-box !important;
text-decoration: none !important;
float: none !important;
}
body.page-id-16 .postbody .bixbox .chfiv li a:hover {
color: var(--tc, #d20f39) !important;
background: transparent !important;
}
body.page-id-16 .postbody .bixbox .chfiv li .fivchap {
float: none !important;
color: #fff !important;
}
body.page-id-16 .postbody .bixbox .chfiv li a:hover .fivchap {
color: var(--tc, #d20f39) !important;
}
body.page-id-16 .postbody .bixbox .chfiv li .fivtime {
float: none !important;
color: #888 !important;
font-size: 11px !important;
margin-top: 0 !important;
}
body.page-id-16 .postbody .bixbox .page {
margin: 0 !important;
padding: 0 !important;
}
body.page-id-16 #sidebar {
display: none !important;
}
body.page-id-16 .postbody {
float: none !important;
width: 100% !important;
}
@media only screen and (max-width: 900px) {
body.page-id-16 .postbody .bixbox {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.mobile-bottom-nav {
display: none;
}
@media screen and (max-width: 768px) {
.mobile-bottom-nav {
display: flex;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #111; 
box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
z-index: 9999;
justify-content: space-around;
padding: 10px 0 15px; 
border-top: 1px solid #222;
}
.mobile-bottom-nav .nav-item {
display: flex;
flex-direction: column;
align-items: center;
color: #999; 
text-decoration: none;
font-size: 11px;
gap: 5px;
transition: color 0.3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.mobile-bottom-nav .nav-item i {
font-size: 18px;
}
.mobile-bottom-nav .nav-item:active,
.mobile-bottom-nav .nav-item.active {
color: var(--themecolor, #e53935); 
}
body {
padding-bottom: 65px;
}
}
@media screen and (max-width: 768px) {
#bookmark-pool .bs,
#history-pool .bs {
flex: 0 0 50% !important;
width: 50% !important;
max-width: 50% !important;
}
#bookmark-pool .mr-tab-skeleton,
#history-pool .mr-tab-skeleton {
grid-template-columns: repeat(2, 1fr) !important;
}
body.page-id-22 .postbody .bixbox {
padding-left: 15px !important;
padding-right: 15px !important;
}
body.page-id-22 #history-pool.listupd {
margin-left: -10px !important;
margin-right: -10px !important;
}
body.page-id-22 #history-pool .bs .bsx {
margin: 10px 10px !important;
}
}
.mr-hp-field {
position: absolute !important;
left: -9999px !important;
opacity: 0 !important;
pointer-events: none !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
.mr-report-modal {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 999999 !important;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
box-sizing: border-box !important;
padding: 12px;
}
.mr-report-modal.mr-modal-active {
opacity: 1 !important;
visibility: visible !important;
}
.mr-report-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.mr-report-dialog {
position: relative;
z-index: 2;
width: 100%;
max-width: 400px;
background: #1f1f23 !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: 14px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.05);
overflow: hidden;
transform: translateY(15px) scale(0.97);
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
color: #e4e4e7;
font-family: inherit;
box-sizing: border-box;
}
.mr-report-modal.mr-modal-active .mr-report-dialog {
transform: translateY(0) scale(1);
}
.mr-report-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
background: rgba(255, 255, 255, 0.03);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mr-report-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #fff;
}
.mr-report-icon {
color: var(--tc, #d20f39);
font-size: 14px;
}
.mr-report-close {
background: transparent;
border: none;
color: #8e8e93;
font-size: 20px;
line-height: 1;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
transition: background 0.2s ease, color 0.2s ease;
}
.mr-report-close:hover {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.mr-report-body {
padding: 14px 16px;
max-height: 88vh;
overflow-y: auto;
box-sizing: border-box;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.mr-report-body::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.mr-report-target-info {
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
padding: 8px 12px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
gap: 3px;
}
.mr-report-info-item {
font-size: 12px;
display: flex;
gap: 6px;
align-items: baseline;
}
.mr-report-info-label {
color: #9ca3af;
flex-shrink: 0;
font-size: 11px;
}
.mr-report-info-val {
color: #f3f4f6;
font-weight: 600;
word-break: break-word;
font-size: 12px;
}
.mr-report-form-group {
margin-bottom: 10px;
}
.mr-report-label {
display: block;
font-size: 12px;
font-weight: 600;
color: #d1d5db;
margin-bottom: 5px;
}
.mr-report-label .mr-req {
color: var(--tc, #d20f39);
}
.mr-report-label .mr-opt {
color: #6b7280;
font-weight: 400;
font-size: 11px;
}
.mr-report-radio-group {
display: flex;
flex-direction: column;
gap: 5px;
}
.mr-radio-option {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 10px;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px;
cursor: pointer;
transition: all 0.15s ease;
user-select: none;
}
.mr-radio-option:hover {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.2);
}
.mr-radio-option input[type="radio"] {
display: none;
}
.mr-radio-custom {
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid #6b7280;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: all 0.15s ease;
}
.mr-radio-custom::after {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--tc, #d20f39);
transform: scale(0);
transition: transform 0.15s ease;
}
.mr-radio-option input[type="radio"]:checked ~ .mr-radio-custom {
border-color: var(--tc, #d20f39);
}
.mr-radio-option input[type="radio"]:checked ~ .mr-radio-custom::after {
transform: scale(1);
}
.mr-radio-option input[type="radio"]:checked {
background: rgba(210, 15, 57, 0.12);
background: color-mix(in srgb, var(--tc, #d20f39) 12%, transparent);
border-color: var(--tc, #d20f39);
}
.mr-radio-text {
font-size: 12px;
color: #e4e4e7;
}
.mr-report-textarea {
width: 100%;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 8px 10px;
color: #fff;
font-size: 12px;
resize: vertical;
min-height: 52px;
outline: none;
box-sizing: border-box;
font-family: inherit;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mr-report-textarea:focus {
border-color: var(--tc, #d20f39);
box-shadow: 0 0 0 3px rgba(210, 15, 57, 0.2);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--tc, #d20f39) 20%, transparent);
}
.mr-report-notes {
background: rgba(0, 0, 0, 0.2);
border: 1px dashed rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 8px 10px;
margin-top: 8px;
margin-bottom: 10px;
}
.mr-notes-title {
font-size: 11px;
font-weight: 600;
color: #d1d5db;
margin-bottom: 3px;
display: flex;
align-items: center;
gap: 5px;
}
.mr-notes-title i {
color: var(--tc, #d20f39);
font-size: 11px;
}
.mr-notes-list {
margin: 0;
padding-left: 15px;
font-size: 11px;
line-height: 1.4;
color: #9ca3af;
}
.mr-notes-list li {
margin-bottom: 2px;
}
.mr-notes-list li:last-child {
margin-bottom: 0;
}
.mr-report-feedback {
padding: 8px 12px;
border-radius: 8px;
font-size: 12px;
line-height: 1.4;
margin-bottom: 10px;
}
.mr-report-feedback.success {
background: rgba(34, 197, 94, 0.15);
border: 1px solid rgba(34, 197, 94, 0.3);
color: #4ade80;
}
.mr-report-feedback.error {
background: rgba(239, 68, 68, 0.15);
border: 1px solid rgba(239, 68, 68, 0.3);
color: #f87171;
}
.mr-report-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
margin-top: 14px;
}
.mr-btn-cancel {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #d1d5db;
padding: 8px 16px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.15s ease;
}
.mr-btn-cancel:hover {
background: rgba(255, 255, 255, 0.15);
color: #fff;
}
.mr-btn-submit {
background: var(--tc, #d20f39);
border: 1px solid var(--tc, #d20f39);
color: #fff;
padding: 8px 18px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.15s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.mr-btn-submit .mr-btn-text,
.mr-btn-submit .mr-btn-loading {
display: inline-flex;
align-items: center;
gap: 6px;
}
.mr-btn-submit i {
font-size: 12px;
line-height: 1;
}
.mr-btn-submit:hover {
filter: brightness(1.12);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}
.mr-btn-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
}