body.manga-page .page-content-listing.single-page .listing-chapters_wrap {
background: #1a1a1a;
border-radius: 8px;
padding: 20px;
margin-top: 20px;
} .c-blog__heading.style-2 {
background: transparent;
border-bottom: 2px solid #333;
padding-bottom: 15px;
margin-bottom: 20px;
}
.c-blog__heading.style-2 h2 {
color: #fff;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
} body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap {
background: transparent;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
padding: 0;
} body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter {
background: #242526;
border: 1px solid #3a3b3c;
border-radius: 6px;
padding: 12px 15px;
margin: 0;
position: relative;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 60px;
}
body.manga-page
.page-content-listing.single-page
.listing-chapters_wrap
> ul.main.version-chap
li.wp-manga-chapter:hover {
background: #2d2e2f;
border-color: #4a4b4c;
transform: translateY(-2px);
} body.manga-page
.page-content-listing.single-page
.listing-chapters_wrap
> ul.main.version-chap
li.wp-manga-chapter:before {
display: none;
} body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li:after {
display: none;
} body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li .wp-manga-chapter a {
color: #e4e6eb;
font-size: 14px;
font-weight: 500;
padding: 0;
display: block;
margin-bottom: 5px;
}
body.manga-page
.page-content-listing.single-page
.listing-chapters_wrap
> ul.main.version-chap
li
.wp-manga-chapter
a:hover {
color: #fff;
} body.manga-page
.page-content-listing.single-page
.listing-chapters_wrap
> ul.main.version-chap
li
.chapter-release-date {
color: #b0b3b8;
font-size: 12px;
position: static;
transform: none;
display: block;
margin-top: 5px;
} body.manga-page
.page-content-listing.single-page
.listing-chapters_wrap
> ul.main.version-chap
li
.chapter-release-date
i {
background: #e74c3c;
color: #fff;
padding: 2px 6px;
border-radius: 3px;
font-style: normal;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
margin-left: 5px;
} .page-content-listing.single-page li.wp-manga-chapter.unread {
border-left: 3px solid #e74c3c;
}
.page-content-listing.single-page li.wp-manga-chapter.unread a {
color: #fff;
font-weight: 600;
} body.manga-page .listing-chapters_wrap .c-chapter-readmore {
text-align: center;
margin-top: 20px;
}
body.manga-page .listing-chapters_wrap .c-chapter-readmore .btn {
background: #3a3b3c;
color: #e4e6eb;
padding: 10px 30px;
border-radius: 6px;
border: 1px solid #4a4b4c;
transition: all 0.3s ease;
}
body.manga-page .listing-chapters_wrap .c-chapter-readmore .btn:hover {
background: #4a4b4c;
color: #fff;
} @media (max-width: 992px) {
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap {
grid-template-columns: repeat(3, 1fr);
}
} @media (max-width: 768px) {
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li.wp-manga-chapter {
padding: 10px 12px;
min-height: 55px;
}
} @media (max-width: 480px) {
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap {
grid-template-columns: 1fr;
}
} body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap.volumns .sub-chap {
display: contents;
}
body.manga-page
.page-content-listing.single-page
.listing-chapters_wrap
> ul.main.version-chap.volumns
.sub-chap
.sub-chap-list {
display: contents;
}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap.volumns li.parent {
grid-column: 1 / -1;
background: #2d2e2f;
padding: 15px 20px;
border-radius: 6px;
margin-bottom: 10px;
}
body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap.volumns li.parent > a {
color: #fff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}