注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
?_=1
来访问最新页面。https://mzh.moegirl.org.cn/User:%E9%AC%BC%E5%BD%B1233/moeskinplus.css?_=1
MoeSkinPlus,又称M+、MSP,是基于MoeSkin皮肤的一款皮肤样式扩展,以在MoeSkin与Vector中寻找平衡为初衷进行开发并迭代。
MoeSkinPlus的主要特点包括但不限于:
moeskinplusonly
与nomoskinplus
类,效果与mobileonly
、nomoblie
类似,但moeskinplusonly
需要同时使用display:none;
样式。
在 moeskin.css 或 common.css(的前面)插入引用代码:@import url('//mzh.moegirl.org.cn/index.php?title=U:鬼影233/moeskinplus.css&action=raw&ctype=text/css');
当然你也可以选择手动复制U:鬼影233/moeskinplus.css的代码到上述页面来手动控制具体内容。
用户们自我发布的基于MoeSkin且支持MoeSkinPlus的主题包,可在此也进行一定篇幅的宣传。
@import
代码一般应该放在#如何使用的顶部,MoeSkinPlus之后(若有);:root
代码一般应该放在页面最后。
引用代码:@import url('//mzh.moegirl.org.cn/index.php?title=U:鬼影233/nord-moeskin.css&action=raw&ctype=text/css');
Nord主题包,源自Nord,主题包制作:鬼影233,MoeSkin与MoeSkinPlus均可使用。
现已对代码高亮工具D 阅读时高亮显示页面上的代码块。、CodeMirror(Wikiplus代码高亮E 由Bhsd开发。)进行了颜色调整。
引用代码:@import url('//mzh.moegirl.org.cn/index.php?title=U:GuoPC/MoeLatte.css&action=raw&ctype=text/css');
MoeLatte是基于Catppuccin Theme中的Latte调色风格制作的一款用于MoeSkin皮肤的主题包。采用了Latte中的绿—蓝系列色作为主要配色,并进行了一定调整。
主题包制作:GuoPC
/** 节假日限定主题包 **/ @import url("//mzh.moegirl.org.cn/index.php?title=U:鬼影233/moeskinplus/theme.css&action=raw&ctype=text/css"); /** 使用方法参见[[U:鬼影233/MoeSkinPlus]] **/ ._addText { content: "{{:U:鬼影233/MoeSkinPlus}} "; } body.skin-moeskin .site-logo-area > a:after { content: "v" var(--MoeSkinPlus); } /** 全局调整 **/ /* 光标颜色 */ body.skin-moeskin * { caret-color: var(--theme-text-color); caret-color: currentcolor; } /* img */ body.skin-moeskin img { vertical-align: middle; font-style: italic; } body.skin-moeskin .xicon > img { -webkit-use-select: none; user-select: none; } /** 更大的主体 **/ body.skin-moeskin main.moe-flexible-container { width: 97.5%; } @media (max-width: 768px) { body.skin-moeskin main.moe-flexible-container { width: 100%; } } /** header 调整 **/ /* badge 红色使用皮肤警告色 */ body.skin-moeskin div.n-badge { --n-color: var(--theme-danger-color) !important; } /* 搜索栏调整 */ body.skin-moeskin input[placeholder], body.skin-moeskin .n-input__placeholder { user-select: none; } /* 头像调整 */ body.skin-moeskin .avatar-upload-link { display: block; aspect-ratio: 1; } /* 通知提醒颜色调整 */ body.skin-moeskin div[data-name="message"] sup.n-badge-sup { --n-color: var(--theme-info-color); } /** 通知下按钮访问过后的颜色调整 **/ body.skin-moeskin .n-tab-pane.alerts a.n-button:visited, body.skin-moeskin .n-tab-pane.message a.n-button:visited { color: var(--n-text-color-pressed); } /* 窄屏特殊繁简转换按钮显示 */ @media (max-width: 768px) { body.skin-moeskin #moe-article-header-top > .desktop-only.flex { display: flex !important; position: static; } body.skin-moeskin #moe-article-header-top > .desktop-only.flex > .left-block, body.skin-moeskin #p-purge-cache { display: none; } } /** 调整主体与目录顺序位置 **/ body.skin-moeskin #moe-article { order: 1; } body.skin-moeskin #moe-sidenav-toggle-btn .moe-icon { transform: rotate(180deg); } body.skin-moeskin #moe-article.is-show-siderail { margin-left: 1.5rem; } @media (max-width: 768px) { body.skin-moeskin #moe-article, body.skin-moeskin #moe-article.is-show-siderail { margin-left: 0; } } body.skin-moeskin div #moe-page-tools > div.flex-1 { flex: 0.85; } /** 命名空间链接聚焦优化 **/ body.skin-moeskin .namespaces-links-list a:focus { text-decoration: none; color: var(--theme-button-color); box-shadow: 0 -2px 0 var(--theme-accent-color) inset; } /** 侧边栏调整 **/ body.skin-moeskin .anchor-link.active { transform: translateX(0.5em); } body.skin-moeskin #moe-custom-sidenav-block-list > li, body.skin-moeskin #p-sl-list > li { cursor: pointer; border-radius: 0.125em; list-style: none; transition: 0.12s background-color cubic-bezier(0.4, 0, 0.2, 1); } body.skin-moeskin #moe-custom-sidenav-block-list > li > a:focus, body.skin-moeskin #p-sl-list > li > a:focus { text-decoration: none; } body.skin-moeskin #moe-custom-sidenav-block-list > li { list-style: none; } body.skin-moeskin #moe-custom-sidenav-block-list > li:hover, body.skin-moeskin #p-sl-list > li:hover { background-color: rgba(var(--theme-text-color--rgb), 7.5%); } body.skin-moeskin #moe-custom-sidenav-block-list > li > a, body.skin-moeskin #p-sl-list > li > a { display: inline-block; width: 100%; padding-left: 0.25em; } /* 作品讨论 */ body.skin-moeskin .artwork-main .artwork-carousel + div sup.n-badge-sup { background: unset; color: var(--n-tab-text-color); } body.skin-moeskin .artwork-main .artwork-carousel + div .n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab.n-tabs-tab--active sup.n-badge-sup { color: var(--n-tab-text-color-active); } body.skin-moeskin .artwork-main .artwork-carousel + div .n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab:hover sup.n-badge-sup { color: var(--n-tab-text-color-hover); } body.skin-moeskin .n-carousel .n-carousel__slides { align-items: center; } body.skin-moeskin .artwork-main .n-card__content > .n-thing > .n-thing-main > .n-thing-avatar-header-wrapper img { object-fit: cover; } /** 首页图片调整 **/ body.skin-moeskin .capsule-card .topic-thumb img { height: 100%; } /** Popus 调整 **/ body.skin-moeskin .navpopup { border-radius: 0.2rem; } /** 放大用户头像小工具微调 **/ body.skin-moeskin .userlink-avatar-large { border-color: var(--theme-border-color); border-radius: 0.2rem; } /** 工具条调整 **/ body.skin-moeskin #moe-global-toolbar { right: 5.5rem; } body.skin-moeskin #moe-global-toolbar .toolbar-link.more-actions > .dropdown-content > ul > li > a { transition: background-color 0.24s cubic-bezier(0.4, 0, 0.2, 1); } /** 侧边按钮调整样式 **/ body.skin-moeskin #bottomRightCorner > div { color: var(--theme-button-color); background-color: var(--theme-accent-link-color); border: solid var(--theme-card-border-color); border-width: 1px 0 1px 1px; border-radius: 0.2rem 0 0 0.2rem; transition: all 0.24s ease !important; opacity: 0.9 !important; } body.skin-moeskin #bottomRightCorner > div:hover { color: var(--theme-accent-link-color); background-color: var(--theme-button-color); border-color: var(--theme-button-color); box-shadow: 0 0 0 2px var(--theme-list-item-background-color--hover); } body.skin-moeskin #ca-more-actions li > a { transition: all 0.24s ease; color: var(--theme-button-color); } body.skin-moeskin .page-tool-link .more-actions-list li a:hover { background-color: var(--theme-list-item-background-color--hover); } /* W+按钮图标(赞美 U:あめろ */ body.skin-moeskin #ca-wikiplus > span { display: inline-block; vertical-align: middle; height: 16px; width: 16px; overflow: hidden; } body.skin-moeskin #ca-wikiplus > span > span { display: block; width: 512px; height: 512px; background-color: var(--theme-button-color); transform: scale(0.03125); transform-origin: left top; clip-path: path( "M344.25,451.26a15.992,15.992,0,0,1-20.11-4.74L247.11,342.41l-57.54,92.07A16.015,16.015,0,0,1,176,442h-.33a16.005,16.005,0,0,1-13.57-8.08l-160-281A16,16,0,0,1,16,129h92a16.017,16.017,0,0,1,14.67,9.6l69.28,158.85,58.17-101.41A16,16,0,0,1,264,188a16.851,16.851,0,0,1,1.73.09,16.013,16.013,0,0,1,13.54,11.13l73,233A16.006,16.006,0,0,1,344.25,451.26ZM496,115H449V61a16,16,0,0,0-16-16H408a16,16,0,0,0-16,16v54H340a16,16,0,0,0-16,16v22a16,16,0,0,0,16,16h52v57a16,16,0,0,0,16,16h17a24.006,24.006,0,0,0,24-24V169h47a16,16,0,0,0,16-16V131A16,16,0,0,0,496,115Z" ); transition: all 0.24s ease; } body.skin-moeskin #ca-wikiplus:hover > span > span { color: var(--theme-accent-link-color); box-shadow: var(--theme-card-box-shadow--hover); background-color: var(--theme-accent-link-color); } /* 序言编辑按钮图标(赞美 U:GuoPC */ body.skin-moeskin #ca-editTopSection > span { display: inline-block; vertical-align: middle; height: 16px; width: 16px; overflow: hidden; } body.skin-moeskin #ca-editTopSection > span > span { display: block; width: 512px; height: 512px; background-color: var(--theme-button-color); transform: scale(calc(2 / 3)); transform-origin: left top; clip-path: path( "M4 21h4a1 1 0 00.707-.293l10.5-10.5a3.828 3.828 0 10-5.414-5.414l-10.5 10.5a1 1 0 00-.293.707l0 4a1 1 0 001 1M5 19l0-2.586 8.5-8.5 2.586 2.586-8.5 8.5-2.586 0M17.5 9.086l-2.586-2.586.293-.293a1.828 1.828 0 112.586 2.586l-.293.293M16 17.5v3a3 3 0 106 0v-3a3 3 0 10-6 0m2 0a1 1 0 012 0v3a1 1 0 01-2 0v-3Z" ); transition: all 0.24s ease; } body.skin-moeskin #ca-editTopSection:hover > span > span { color: var(--theme-accent-link-color); box-shadow: var(--theme-card-box-shadow--hover); background-color: var(--theme-accent-link-color); } body.skin-moeskin .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, body.skin-moeskin .oo-ui-inputWidget-input:focus { background-color: var(--theme-background-color); border-color: var(--theme-button-color); box-shadow: unset; } @media screen and (min-width: 0) { body.skin-moeskin .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { outline-color: var(--theme-button-color); } } /** 最近更改、版本历史美化 **/ body.skin-moeskin .mw-changeslist .mw-changeslist-line { display: flex; box-sizing: content-box !important; margin: 0.25em 0; padding: 0.25em; border-radius: 0.25em; transition: 0.12s background-color cubic-bezier(0.4, 0, 0.2, 1); } body.skin-moeskin .mw-changeslist .mw-changeslist-line > tbody { width: 100%; } body.skin-moeskin #pagehistory > li { border-color: var(--theme-border-color) !important; margin: 0.25em 0; padding: 0.25em; border-radius: 0.25em; transition: 0.12s background-color cubic-bezier(0.4, 0, 0.2, 1); } body.skin-moeskin .mw-changeslist .mw-changeslist-line:hover, body.skin-moeskin #pagehistory li:hover { background-color: rgba(var(--theme-text-color--rgb), 7.5%); } /** 链入页面列表计数 **/ body.skin-moeskin #mw-whatlinkshere-list, body.skin-moeskin #mw-whatlinkshere-list ul { list-style: inside decimal; } /** .header-title-extra a 修正 **/ body.skin-moeskin .header-title-extra a { vertical-align: unset; } /** select 颜色调整 **/ body.skin-moeskin select { outline-color: var(--theme-button-color); } /** 符合直觉的退出按钮颜色 **/ body.skin-moeskin .n-menu > .n-menu-item:last-child .n-menu-item-content:not(.n-menu-item-content--disabled):hover::before { background-color: var(--theme-danger-color); } body.skin-moeskin .n-menu > .n-menu-item:last-child .n-menu-item-content:not(.n-menu-item-content--disabled):hover a#logout { color: var(--theme-accent-link-color); } /** 滑条内边距修复 **/ body.skin-moeskin input[type="range"] { padding: unset !important; } /** info 模版圆角 **/ body.skin-moeskin .infoBox { border-radius: 0.2rem; } body.skin-moeskin .infoBoxContent { border-radius: 0 0.2rem 0.2rem 0; } /** MW 通知气泡圆角 **/ body.skin-moeskin .mw-notification { border-radius: var(--theme-card-border-radius); } /** 黑幕适配 **/ body.skin-moeskin .heimu, body.skin-moeskin .heimu rt, body.skin-moeskin .colormu, body.skin-moeskin .colormu rt { border-radius: 0.2rem; padding-inline: 0.2rem; } /** 胡话适配 **/ body.skin-moeskin .just-kidding-text { color: var(--theme-just-kidding-text-color); text-decoration-color: var(--theme-text-color); } /** 假链适配 **/ body.skin-moeskin .fakelink { color: var(--theme-link-color) !important; } body.skin-moeskin .fakelink:hover { text-decoration: none !important; } body.skin-moeskin .fakelink:active { color: #faa700 !important; } /** 假 ref **/ sup.reference.nowrap[style="color:#002bb8;"] { color: var(--theme-link-color) !important; } /** 编辑摘要确保自动换行 **/ body.skin-moeskin .moe-wide-table-wrapper .comment { overflow-wrap: anywhere; } /** 回退按钮不断开 **/ body.skin-moeskin .mw-rollback-link { white-space: nowrap; } /** error 适配 **/ body.skin-moeskin .error, body.skin-moeskin .errorbox { color: var(--theme-danger-color) !important; } body.skin-moeskin .errorbox { border: none; border-radius: 3px; background-color: rgba(var(--theme-danger-color--rgb), 16%); } /** 修复 sm2 **/ body.skin-moeskin .sm2-progress .sm2-progress-track { border-radius: 0.65em !important; } /** 将 dfn、em 斜体修正 **/ body.skin-moeskin dfn { font-style: italic !important; } body.skin-moeskin dfn, body.skin-moeskin em { margin-right: 3px; } /** 将 blockquote 的 margin 保留 **/ body.skin-moeskin blockquote { margin: revert; } /** W+、IPE中dd修复 **/ body.skin-moeskin #Wikiplus-Quickedit-Preview-Output dd, body.skin-moeskin .InPageEditPreview dd { margin-left: 1.6em; margin-right: 0; } /** ?linemubs-active颜色调整 **/ body.skin-moeskin li.linenums-active { background-color: rgba(var(--theme-accent-color--rgb), 0.5) !important; box-shadow: inset 2px 0 0 rgba(var(--theme-accent-color--rgb), 0.75) !important; } /** 日期输入恢复大小 **/ body.skin-moeskin input.mw-widgets-datetime-dateTimeInputWidget-field { box-sizing: content-box; } /** 修复缩略图窄屏溢出 **/ body.skin-moeskin .thumb { overflow-x: auto; } @media (max-width: 576px) { body.skin-moeskin .thumb { margin: 0; } } /** infobox增加边距 **/ body.skin-moeskin .infobox { margin: 1em 0 1em 1em; } /** 避免 google anno 影响 tabs **/ .TabLabelText > a.google-anno { pointer-events: none; } /** 用户页头像恢复 **/ body.skin-moeskin #user-rootpage-avatar { vertical-align: baseline; } /** 最后编辑时间减弱 **/ body.skin-moeskin div#mw-lastmod { color: rgba(var(--theme-text-color--rgb), 0.55); font-size: smaller; } /** 分类美化 **/ body.skin-moeskin .catlinks#catlinks > div > ul > li { background-color: var(--theme-accent-link-color); padding: 0.25em; margin: 0.25em; border-left: none; border-radius: 0.25em; box-shadow: var(--theme-card-box-shadow); transition: background-color 0.24s ease; } body.skin-moeskin .catlinks#catlinks > div > ul > li a { transition: color 0.24s ease; } body.skin-moeskin .catlinks#catlinks > div > ul > li:hover { background-color: var(--theme-button-color); } body.skin-moeskin .catlinks#catlinks > div > ul > li:hover a { color: var(--theme-accent-link-color); background-color: revert !important; } body.skin-moeskin .catlinks#catlinks > div > ul > li > .hotcatlink a { transition: background-color 0.24s ease, color 0.24s ease; border-radius: 0.25em; } body.skin-moeskin .catlinks#catlinks > div > ul > li > .hotcatlink a:hover { background-color: var(--theme-accent-color); } /** jQuery **/ body.skin-moeskin .ui-button { vertical-align: middle; } /** MoeSkinPlus专用类 **/ .nomoeskinplus { display: none !important; } .moeskinplusonly { display: revert !important; } :root { --MoeSkinPlus: "2.8"; --theme-danger-color--rgb: 255, 114, 114; --theme-danger-color: rgb(var(--theme-danger-color--rgb)) !important; --theme-accent-color: rgb(var(--theme-accent-color--rgb)) !important; --theme-secondary-color: rgb(var(--theme-secondary-color--rgb)) !important; --theme-text-color: rgb(var(--theme-text-color--rgb)) !important; --theme-card-background-color: rgb( var(--theme-card-background-color--rgb) ) !important; --theme-just-kidding-text-color: hsl(210deg, 29%, 40%); }