注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
?_=1来访问最新页面。https://zh.moegirl.org.cn/User:Sonic853/moeskin.css?_=1/**
导入此CSS样式表方法（二选一）：
- （推荐）如果您的[[Special:MyPage/common.css]]不存在任何生效内容，可选择在[[Special:MyPage/moeskin.css]]插入第6行；
- 不然请在[[Special:MyPage/common.css]]插入第6行；
@import url("//mzh.moegirl.org.cn/index.php?title=U:鬼影233/moeskinplus.css&action=raw&ctype=text/css");
请勿和[[Special:参数设置#mw-input-wpgadgets-moeskin-classic|MoeSkin经典版]]一起使用，可能会产生冲突。
**/
/** 使用方法参见[[U:鬼影233/MoeSkinPlus]] **/
body.skin-moeskin .site-logo-area > a:after {
content: 'v1.9';
}
/** 全局调整 **/
body.skin-moeskin * {
/* 光标颜色 */
caret-color: var(--theme-text-color);
caret-color: currentcolor;
}
/** ！更大的主体 **/
body.skin-moeskin main.moe-flexible-container {
width: 97.5%;
}
/* 调整主页内容最大宽度 */
body.skin-moeskin.page-Mainpage #mainpage {
max-width: unset;
}
body.skin-moeskin.page-Mainpage.overlay-scrollbars #bodyContent {
padding-right: unset;
}
/** 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 div[data-name="message"] sup.n-badge-sup {
--n-color: var(--theme-secondary-color);
--n-ripple-color: var(--theme-secondary-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 {
display: none !important;
}
}
/* 清缓与繁简转换对齐 */
body.skin-moeskin #moe-article-header-top > .desktop-only > .right-block {
align-items: center;
}
/** ！调整主体与目录顺序位置 **/
body.skin-moeskin #moe-article {
order: 1;
margin-right: unset;
margin-left: 1.5rem
}
body.skin-moeskin div#moe-page-tools > div.flex-1 {
flex: 0.85;
}
/** 广告关闭按钮优化 **/
body.skin-moeskin [class*='_closeBtn'] {
writing-mode: vertical-lr;
}
/** 侧边栏开关动画速度调整 **/
body.skin-moeskin .fadeIn, body.skin-moeskin .fadeOut {
animation-duration: 150ms;
}
/** Popus调整 **/
body.skin-moeskin .navpopup {
border-radius: .2rem;
}
/** 放大用户头像小工具微调 **/
body.skin-moeskin .userlink-avatar-large {
border-color: var(--theme-button-color);
border-radius: .2rem;
}
/** 工具条调整 **/
body.skin-moeskin #moe-global-toolbar {
z-index: 21 !important;
right: 5rem !important;
text-shadow: 1px 1px 4px var(--theme-text-shadow-color);
}
body.skin-moeskin #moe-global-toolbar .more-actions > .dropdown-content {
text-shadow: none;
}
/** 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(.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 .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);
}
/** IPE优化 **/
body.skin-moeskin #ipe-edit-toolbox {
right: 5% !important;
}
/** 侧边按钮调整样式 **/
body.skin-moeskin #bottomRightCorner {
bottom: 150px;
}
body.skin-moeskin #bottomRightCorner > div {
background-color: var(--theme-accent-link-color);
color: var(--theme-button-color);
border-radius: .2rem 0 0 .2rem;
box-shadow: var(--theme-card-box-shadow);
transition: all .24s ease !important;
opacity: .9 !important;
}
body.skin-moeskin #bottomRightCorner > div:hover {
color: var(--theme-accent-link-color);
box-shadow: var(--theme-card-box-shadow--hover);
background-color: var(--theme-button-color);
opacity: 1 !important;
}
body.skin-moeskin #GiveYouUp {
display: none;
}
body.skin-moeskin .xicon > img {
-webkit-use-select: none;
user-select: none;
}
body.skin-moeskin #ca-more-actions li > a {
transition: all .24s ease;
}
body.skin-moeskin #ca-more-actions li > a:visited {
color: var(--theme-link-color);
}
body.skin-moeskin #ca-more-actions li > a:visited:hover {
color: var(--theme-accent-link-color);
}
/** OO-UI优化 **/
body.skin-moeskin .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--theme-button-color);
box-shadow: unset;
}
body.skin-moeskin .oo-ui-windowManager.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-window.oo-ui-dialog.oo-ui-messageDialog.oo-ui-window-active.oo-ui-window-setup.oo-ui-window-ready {
z-index: 101;
}
/** 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 #p-languages .dropdown-trigger > .xicon {
font-size: 16px;
}
/** 活动广告限定最大宽度 **/
body.skin-moeskin #moe-activities-container {
max-width: 97.5%;
}
/** 滑条内边距修复 **/
body.skin-moeskin input[type="range"] {
padding: unset !important
}
/** 更加圆滑的info **/
body.skin-moeskin .infoBox {
border-radius: .2rem;
}
body.skin-moeskin .infoBoxContent {
border-radius: 0 .2rem .2rem 0;
}
/** 黑幕适配 **/
body.skin-moeskin .heimu, body.skin-moeskin .heimu rt, body.skin-moeskin .colormu, body.skin-moeskin .colormu rt {
border-radius: .2rem;
padding-inline: .2rem;
}
/** 胡话适配 **/
body.skin-moeskin .just-kidding-text {
color: var(--theme-just-kidding-text-color) !important;
text-decoration-color: var(--theme-text-color) !important;
}
/** 假链适配 **/
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;
}
/** mouse-ripple关闭 **/
body.skin-moeskin .mouse-ripple {
display: none;
}
/** （最近更改内）编辑摘要确保自动换行 **/
body.skin-moeskin .moe-wide-table-wrapper .comment {
overflow-wrap: anywhere;
}
/** .error颜色调整 **/
body.skin-moeskin .error {
color: var(--theme-danger-color) !important;
}
/** 修复sm2 **/
body.skin-moeskin p.sm2-current-item {
margin: 0 !important;
}
body.skin-moeskin input.sm2-progress-track {
padding: 0 !important;
}
body.skin-moeskin .sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar {
border-radius: 0.65em !important;
}
/** 修复kbd、samp、tt字体覆盖 **/
body.skin-moeskin kbd, body.skin-moeskin samp, body.skin-moeskin tt {
font-family: monospace, monospace;
}
/** 将dfn的斜体保留 **/
body.skin-moeskin dfn {
font-style: revert !important;
}
/** 将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;
}
/** poll尝试修复 **/
body.skin-moeskin .ajaxpoll {
width: min-content;
}
/** linemubs-active颜色调整 **/
body.skin-moeskin li.linenums-active {
background-color: rgba(var(--theme-accent-color--rgb), .5) !important;
box-shadow: inset 2px 0 0 rgba(var(--theme-accent-color--rgb), .75) !important;
}
/** 最后编辑时间减弱 **/
body.skin-moeskin div#mw-lastmod {
color: rgba(var(--theme-text-color--rgb), .55);
font-size: smaller;
}
/** 分类美化 **/
body.skin-moeskin .catlinks#catlinks > div > ul > li {
background-color: var(--theme-accent-link-color);
padding: .25em;
margin: .25em;
border-left: none;
border-radius: .25em;
box-shadow: var(--theme-card-box-shadow);
transition: background-color .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);
}
body.skin-moeskin .catlinks#catlinks > div > ul > li > .hotcatlink a {
transition: background-color .24s ease;
border-radius: .25em;
}
body.skin-moeskin .catlinks#catlinks > div > ul > li > .hotcatlink a:hover {
background-color: var(--theme-accent-color);
}
/** 维基友爱修正 **/
body.skin-moeskin #mw-wikilove-types > li > a > img {
vertical-align: middle;
}
/** 评论区调整 **/
body.skin-moeskin #flowthread-toggle {
background-color: rgba(var(--theme-accent-color--rgb), .2) !important;
border-color: rgba(var(--theme-accent-color--rgb), .47) !important;
}
body.skin-moeskin .comment-paginator span {
border-radius: 0.2rem;
transition: all .24s ease;
}
body.skin-moeskin .comment-container-top {
background-color: var(--theme-background-color);
}
body.skin-moeskin .comment-container-top > div:first-child {
background-color: var(--theme-accent-color);
}
body.skin-moeskin .comment-paginator span[current] {
color: var(--theme-accent-link-color);
text-shadow: 1px 1px 4px var(--theme-text-shadow-color);
background-color: var(--theme-button-color);
}
body.skin-moeskin .comment-paginator span:hover {
color: var(--theme-accent-link-color);
text-shadow: 1px 1px 4px var(--theme-text-shadow-color);
background-color: var(--theme-button-color--hover);
}
body.skin-moeskin .comment-body > textarea {
height: auto;
}
body.skin-moeskin .comment-body > textarea:focus-visible {
outline-color: var(--theme-button-color);
}
/** MoeSkinPlus专用类 **/
body.skin-moeskin .nomoeskinplus {
display: none !important;
}
body.skin-moeskin .moeskinplusonly {
display: revert !important;
}
:root {
--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%);
}