dm5, dmzj, manhuagui, copymanga
捲頁模式下，視窗拉寬可變成雙頁顯示
雙頁模式中，移動滑鼠的進出可切換排序，方便觀看跨頁大圖
動漫之家的部份停止更新。
從幾個月前開始，我在 dmzj 就已經無法觀看任何日本漫畫了，應該是 IP 被擋吧.
漫畫網 (dm5, dmzj, manhuagui, copymanga) by tyf000
Details
Authortyf000
LicenseMIT
Categorydm5
Created
Updated
Size169 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
把另外幾個獨立的 CSS 合成一個，方便維護管理
其它幾個 CSS 會停止更新，以後就只維護這個合併的項目
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name [漫畫網]
@author Evan Tseng
@namespace tyf.userstyles
@preprocessor default
@license MIT
@version 2024.7.6
==/UserStyle== */
@-moz-document domain("dm5.com"), domain("dm5.cn"), domain("manhuaren.com"), domain("xianman123.com"), domain("1kkk.com")
{
/* 動漫屋 */
.col-12body.white .view-comment-main .bottom-barbody>footer,
.correlationItem-imgiframe,
body>.footer,
#lb-win,
#nAd,
#HMRichBox,
#last-win .view-rec,
#last-win .index-manga-list,
.cat-filter .footer-btn,
.guide,
.ad_360_item,
.today,
.view_user,
.clDiv,
.sitemaji_banner,
.banner_border_bg,
.topBar>a:last-child,
.detailForm>div:nth-child(3),
.floatBar_1,
.finalPage .info,
.bottom_fix_ad,
.yddiv,
.view-ad,
.phone,
header.vip~main>hr,
a.btn-3,
a[href="/vipopen/"],
a[href*="manhuaren://"],
a[href="javascript:showTip(3)"],
a[href="javascript:showTip(5)"],
img[src$="view_code_ad.jpg"],
img[src$="view_code_ad-mhnet.jpg"],
body>.view-paging[style="margin-top:5px;"],
.view-comment-main .list li.solid:last-child,
.view-paging~.view-comment .container .view-comment-main+div {
display: none !important
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background: transparent
}
::-webkit-scrollbar {
max-width: 1mm;
max-height: 1mm
}
::-webkit-scrollbar-thumb {
background: #48e;
border-radius: 1mm;
box-shadow: inset 0 0 0 .5pt #77c
}
:root {
--font-size1: calc(9pt + .33vw);
--font-size2: calc(9pt + .3vw);
--font-size3: calc(9pt + .2vw);
--font-size4: calc(8pt + .15vw);
--font-size5: calc(12pt + .15vw);
--dateProgressBarColor: #ccc;
--menu-arrow-size: 7pt;
--thumbnailHeight: 15em;
}
html {
min-height: 100vh;
background: #444
}
body {
min-width: 550pt;
min-height: 100vh;
padding-bottom: 6mm;
background: #444 radial-gradient(circle at 50vw 40vh,
#666 5vw,
#333 70vw)
}
body.white {
background: radial-gradient(circle at 50vw 40vh,
#ccc 15vw,
#aaa 70vw)
}
img {
object-fit: contain
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
font-family: sans-serif;
}
html,
body,
.view-header-2,
.view-header-2 .back,
.view-header-2 .title,
.view-header-2 .title .active,
.view-header-2 .right-bar .bookshelf,
.view-header-2 .right-bar .collection,
.right-bar .read-style,
.box .mh-list.col7>li,
.hover .hover-list .block .title,
.view-comment-main .list li .info .content,
body.white .view-comment-main .list li .info .content {
font-size: var(--font-size1)
}
.index-title-more,
.box .box-header .more,
.right-bar .read-style-con .info,
.hover .hover-user .block .top .info .title,
.hover .hover-user .block .bottom a,
.hover .hover-user .btn,
.hover .hover-list .block ul li .info p,
.hover .hover-list .block ul li .info a,
.hover .hover-list .block ul li .info .subtitle,
.hover .hover-list .block ul li .info .tip,
.hover .hover-list .block ul li .info .tip .red,
.hover .hover-list .block .bottom,
.banner_detail_form .info .subtitle,
.banner_detail_form .info .tip .block,
.banner_detail_form .info .content,
.cat-filter .cat-list,
.cat-filter .field-list,
.mh-item .mh-item-detali p,
.view-comment .detail-list-title .s,
.view-comment .view-win-list li a,
.view-comment .detail-more,
.view-win .view-win-list li a,
.view-comment-main .top .page a,
.view-comment-main .top .page span,
.view-comment-main .bottom-page .block,
.view-comment-main .bottom-page a,
.view-comment-main .bottom-page span,
.dateProgressBar .bar-wrap .data-list li span.day,
.mh-item .mh-item-detali .title a,
.user-sidebar .user-menu li a,
.search-input button, .search-input input,
.view-comment-main .top span,
.view-comment-main .child-list li.open a {
font-size: var(--font-size2) !important
}
.full-class li a,
.dateProgressBar .bar-wrap .data-list li span.date,
.hover .hover-list .block .title a,
.hover .hover-user .block .line,
.view-comment .view-comment-sub .sub-manga .list li .info .title,
.view-comment .detail-list-title .block span,
.view-comment .detail-list-title .order,
.view-comment-main .list li .info .bottom,
.view-comment-main .list li .info .bottom .right .zan,
.view-comment-main .list li .info .bottom .right .comment,
.view-comment-main .list li .info .comment-item,
body.white .view-comment-main .list li .info .comment-item,
.view-comment-main .list li .info .title,
.index-original-list li .info .subtitle,
.index-original-list li .info .desc,
.index-rank-list li .info .title a,
.index-rank-list li .info .subtitle,
.box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .info,
.box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .label span,
.box-con-5n1 .detail-tabs-container .detail-tabs-pane .detail .desc,
.box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .info,
.box-con-8n3 .box-8n3-pane .box-cat-waterwheel .detail .desc,
.index-rank-bar .right-list li a,
.page-pagination ul li a,
.view-paging,
.view-paging a,
.view-paging span,
.box-booklist-edit-head,
.view-comment-main .top span.s {
font-size: var(--font-size3) !important
}
.header-bar>li>a,
.new-search-font,
.view-comment .view-win-list li a span,
.view-comment .view-comment-sub .sub-manga .list li .info .subtitle-new,
.view-comment .view-comment-sub .sub-manga .list li .info .tip,
.new-tip.normal,
.index-original-list li .info .tag span,
.mh-item-tip .mh-item-tip-detali p,
.mh-item-tip .mh-item-tip-detali .desc {
font-size: var(--font-size4) !important
}
.header-title li a {
font-size: var(--font-size5)
}
.index-title h2,
.view-comment .index-title h2 {
font-size: 2rem;
line-height: 1.4em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
body>.full-class,
body>.full-class~.container,
body>.full-class~div[class^="index-"],
body>.full-class~section.box,
body>.topFIxedMenu~.container,
body>.topFIxedMenu~div[class^="index-"],
body>.topFIxedMenu~section.box,
body>.index-title,
body>.index-title~.container,
body>.index-title~div[class^="index-"],
body>.index-title~section.box,
.banner_toplist {
width: auto;
min-width: 550pt;
max-width: 1600pt;
margin: 0 auto;
padding: 4mm 18mm;
background: rgba(255, 255, 255, .5)
}
body>section.modal-wrap {
width: 100%;
backdrop-filter: blur(3mm);
-webkit-backdrop-filter: blur(3mm);
}
.banner_toplist {
padding: 0
}
.banner_toplist .warp {
width: auto;
height: auto;
min-width: 550pt;
max-width: 1300pt;
padding: 1em 0;
margin: 0 auto
}
.topFIxedMenu>div .top-menu {
display: block !important;
left: min(calc(100vw - 160px), calc(50vw + 700pt));
z-index: 2
}
.container,
.banner_detail_form {
width: auto;
min-width: 550pt;
max-width: 1800pt;
margin: 0 auto;
overflow: visible
}
main.container {
display: flex;
padding: 0 min(2vw, 15mm)
}
.full-class li {
width: auto
}
.full-class li a {
padding: .2em .5em
}
.box.pb40 {
width: 100%;
padding: 2mm min(2vw, 15mm) 12mm
}
.box.pb40.js_top_container {
width: auto;
padding: 0 150px 0 250px;
margin: 0 auto;
z-index: 10
}
.mh-itme-top {
background: none;
border-color: #aaa;
padding-left: 1mm
}
body>.full-class .container,
body>.full-class~div .container,
body>.full-class~section .container {
margin-left: 5mm;
margin-right: 5mm
}
.header>.container {
display: flex;
position: relative;
max-width: 1200pt
}
.header-search input {
flex: 1 0 auto;
}
.header-search {
display: flex;
flex: 4 4 12em;
}
.header-search a {
flex: 0 0 auto
}
.header-bar {
flex: 0 1 16em;
display: inline-flex;
margin: calc(17px - .2em) 0 0 !important
}
.header_login {
flex: 0 0 auto;
margin: 0 0 0 4mm
}
.header-bar li {
flex: 1 1 auto;
float: none;
display: inline-block;
width: auto;
margin: 0;
white-space: nowrap
}
.header-bar>li>a {
display: inline-block;
width: 4em;
padding: 2mm 0
}
.header-bar .download {
width: auto
}
.hover .hover-list .block .title a,
.header-bar a {
color: #666
}
.hover .hover-list .block .title a {
display: inline-block;
padding: 3px .5em;
border-radius: .4em
}
.hover .hover-list .block .title a:hover {
color: #a33;
background: #def;
box-shadow: inset 0 0 0 1px #aaa
}
.hover .hover-list .block .title a:active {
color: #800;
background: #cde;
box-shadow: inset 0 0 0 1px #aaa,
inset 0 0 1mm #aaa
}
.bg-gray {
background: #e4e4e4
}
.index-title {
height: auto;
min-height: 2.8rem;
margin-top: 1.5em
}
.index-original .swiper-container {
margin: 0 38px
}
.index-rank-list li {
display: flex
}
.index-rank-list li .cover,
.index-rank-list li .sign {
flex: 0 0 auto
}
.index-rank-list li .info {
flex: 1 1 auto
}
.index-rank-list li .info .title {
width: 90%
}
.swiper-container .mh-cover {
height: 100%
}
.index-original-arrow {
width: calc(100% - 80px);
z-index: 2
}
.index-original-arrow .left {
border-radius: 6mm 1mm 1mm 6mm
}
.index-original-arrow .right {
border-radius: 1mm 6mm 6mm 1mm
}
.index-original-arrow .left:hover,
.index-original-arrow .right:hover {
box-shadow: 0 0 3mm rgba(0, 0, 0, .3)
}
.banner_puzzle .swiper-pagination-switch,
.index-original-control a {
position: relative;
background: #999;
margin: 0 1mm;
transition: .2s;
...