Dark mode for ManhuaPlus
manhuaplus Dark by keldoris

Details
Authorkeldoris
LicenseNo License
Categorymanhuaplus.com/
Created
Updated
Code size5.2 kB
Code checksumfe4c0a7
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name manhuaplus Dark
@version 20250322.01.36
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("https://manhuaplus.com/") {
body.page.reading-manga .c-page-content .content-area {
margin-top: 0;
background-color: black;
}
.site-header .c-sub-header-nav.with-border {
border-bottom: 1px solid #ebebeb;
background-color: black;
}
.site-header .main-navigation.style-1, .widget-heading, .widget.background:after, .c-blog__heading.style-2 i, .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a:after, .tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a:after, .tab-wrap .c-nav-tabs ul.c-tabs-content li a:after, .related-heading.font-nav, .c-blog__heading.style-3, .settings-page .nav-tabs-wrap ul.nav-tabs li.active a, .off-canvas {
background: -webkit-linear-gradient(left, #000 40%, #000);
background: -o-linear-gradient(right, #e51097 40%, #e851c9);
background: -moz-linear-gradient(right, #e51097 40%, #e851c9);
background: linear-gradient(to right, #000 40%, #000);
}
.site-footer {
border-top: 3px solid #ebebeb;
padding: 60px 0 55px 0;
text-align: center;
background-color: black;
}
body.page .c-page-content .content-area {
margin-top: 50px;
background-color: black;
}
.c-sidebar {
padding: 50px 0 20px;
background-color: black;
}
.body-wrap {
position: relative;
margin-left: auto;
margin-right: auto;
background-color: black;
}
.site-header .c-sub-header-nav.with-border {
border-bottom: 1px solid #ebebeb;
background-color: black;
}
.site-header .main-navigation.style-1, .widget-heading, .widget.background:after, .c-blog__heading.style-2 i, .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a:after, .tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a:after, .tab-wrap .c-nav-tabs ul.c-tabs-content li a:after, .related-heading.font-nav, .c-blog__heading.style-3, .settings-page .nav-tabs-wrap ul.nav-tabs li.active a, .off-canvas {
/* background: -webkit-linear-gradient(left, #0f0f0f 40%, #0f0f0f); */
background: -o-linear-gradient(right, #e51097 40%, #e851c9);
background: -moz-linear-gradient(right, #e51097 40%, #e851c9);
/* background: linear-gradient(to right, #000 40%, #333); */
}
.popular-slider .slider__container .slider__item .slider__content {
width: calc(100% - 126px);
overflow: hidden;
padding: 20px 15px;
background-color: black;
}
.alert-warning {
color: #856404;
border-color: #ffeeba;
background-color: #000;
}
.popular-slider .slider__container .slider__item .slider__content .slider__content_item .post-title h4 a {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(2.4em);
color: white;
}
.popular-slider .slider__container .slider__item .slider__content .slider__content_item .post-title h4 a {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(2.4em);
color: white;
}
.c-breadcrumb {
margin: 0 -15px;
background-color: black;
}
@media (min-width: 768px) {
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
background-color: black;
}
}
.popular-slider .slider__container .slider__item .item__wrap {
background-color: #000000;
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
body.manga-page .summary__content.show-more:after {
content: "";
display: block;
width: 100%;
background: rgba(255,255,255,0);
/* background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#ffffff)); */
/* background: -webkit-linear-gradient(top,rgba(255,255,255,0),#ffffff); */
background: -moz-linear-gradient(top,rgba(255,255,255,0),#ffffff);
background: -ms-linear-gradient(top,rgba(255,255,255,0),#ffffff);
background: -o-linear-gradient(top,rgba(255,255,255,0),#ffffff);
position: absolute;
bottom: 0;
height: 30px;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
pointer-events: none;
}
body.manga-page .listing-chapters_wrap.show-more .version-chap:after {
content: "";
display: block;
width: 100%;
/* background: rgba(255,255,255,0); */
/* background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#ffffff)); */
/* background: -webkit-linear-gradient(top,rgba(255,255,255,0),#ffffff); */
background: -moz-linear-gradient(top,rgba(255,255,255,0),#ffffff);
background: -ms-linear-gradient(top,rgba(255,255,255,0),#ffffff);
background: -o-linear-gradient(top,rgba(255,255,255,0),#ffffff);
position: absolute;
bottom: 0;
height: 30px;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
pointer-events: none;
}
}