LLWiki正在建設中,歡迎加入我們!
「Widget:ColorMod」修訂間的差異
跳至導覽
跳至搜尋
小 (// 使用Wikiplus小工具快速编辑) 標籤:流動版網頁編輯 流動版編輯 |
小 (// 使用Wikiplus小工具快速编辑) |
||
第1行: | 第1行: | ||
<noinclude>{{colorMod|rin=1|keke=1}}{{doc|content=用於生成一个对话框,供用户自由调节部分角色({{ml|rin|keke|dlm= |
<noinclude>{{colorMod|rin=1|keke=1}}{{doc|content=用於生成一个对话框,供用户自由调节部分角色({{ml|rin|keke|kinako|shiki|dlm=、}})的应援色。请使用{{tl|colorMod}}调用。}}[[category:混合小部件]] |
||
<p>JavaScript脚本:[[User:Bhsd/widget/colorMod.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetColorMod) || !$wgWidgetColorMod}--><!--{assign var="wgWidgetColorMod" value=true scope="global"}--><script defer src="/zh?title=user:bhsd/widget/colorMod.js&action=raw&ctype=text/javascript"></script><!--<script defer src="//cdn.jsdelivr.net/gh/bhsd-harry/LLWiki@2.2/widget/colorMod.min.js"></script>--><style> |
<p>JavaScript脚本:[[User:Bhsd/widget/colorMod.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetColorMod) || !$wgWidgetColorMod}--><!--{assign var="wgWidgetColorMod" value=true scope="global"}--><script defer src="/zh?title=user:bhsd/widget/colorMod.js&action=raw&ctype=text/javascript"></script><!--<script defer src="//cdn.jsdelivr.net/gh/bhsd-harry/LLWiki@2.2/widget/colorMod.min.js"></script>--><style> |
||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
第5行: | 第5行: | ||
--rin-color: #fee155; |
--rin-color: #fee155; |
||
--keke-color: #a0fff9; |
--keke-color: #a0fff9; |
||
--kinako-color: #fff442; |
|||
--shiki-color: #b2ffdd; |
|||
} |
} |
||
[style*="color:#fee155"] { |
[style*="color:#fee155"] { |
||
第18行: | 第20行: | ||
[style*="background-color:#a0fff9"] { |
[style*="background-color:#a0fff9"] { |
||
background-color: var(--keke-color) !important; |
background-color: var(--keke-color) !important; |
||
color: #fff !important; |
|||
} |
|||
[style*="color:#fff442"] { |
|||
color: var(--rin-color) !important; |
|||
} |
|||
[style*="background-color:#fff442"] { |
|||
background-color: var(--kinako-color) !important; |
|||
color: #fff !important; |
|||
} |
|||
[style*="color:#b2ffdd"] { |
|||
color: var(--keke-color) !important; |
|||
} |
|||
[style*="background-color:#b2ffdd"] { |
|||
background-color: var(--shiki-color) !important; |
|||
color: #fff !important; |
color: #fff !important; |
||
} |
} |
||
第36行: | 第52行: | ||
min-width: calc(2ch + 2em); |
min-width: calc(2ch + 2em); |
||
} |
} |
||
#colorMod-wrapper span, [style*="color:#fee155"], [style*="color:#a0fff9"] { |
#colorMod-wrapper span, [style*="color:#fee155"], [style*="color:#a0fff9"], [style*="color:#fff442"], [style*="color:#b2ffdd"] { |
||
transition: all linear 0.2s; |
transition: all linear 0.2s; |
||
} |
} |
於 2022年4月28日 (四) 11:48 的修訂
JavaScript腳本:User:Bhsd/widget/colorMod.js
CSS樣式表:
*/
.mw-parser-output {
--rin-color: #fee155;
--keke-color: #a0fff9;
--kinako-color: #fff442;
--shiki-color: #b2ffdd;
}
[style*="color:#fee155"] {
color: var(--rin-color) !important;
}
[style*="background-color:#fee155"] {
background-color: var(--rin-color) !important;
color: #fff !important; /* 文字必须为白色 */
}
[style*="color:#a0fff9"] {
color: var(--keke-color) !important;
}
[style*="background-color:#a0fff9"] {
background-color: var(--keke-color) !important;
color: #fff !important;
}
[style*="color:#fff442"] {
color: var(--rin-color) !important;
}
[style*="background-color:#fff442"] {
background-color: var(--kinako-color) !important;
color: #fff !important;
}
[style*="color:#b2ffdd"] {
color: var(--keke-color) !important;
}
[style*="background-color:#b2ffdd"] {
background-color: var(--shiki-color) !important;
color: #fff !important;
}
div#mw-indicator-colorMod { /* 只作用于桌面版 */
cursor: pointer;
vertical-align: middle;
font-size: 22px;
}
.mw-parser-output .page-actions-menu__list-item {
display: none;
}
#colorMod-wrapper {
text-align: center;
}
#colorMod-wrapper select { /* Safari和Firefox会自动添加右边框样式 */
font-size: 16px; /* 手机版需要 */
margin: 0 0.5em;
min-width: calc(2ch + 2em);
}
#colorMod-wrapper span, [style*="color:#fee155"], [style*="color:#a0fff9"], [style*="color:#fff442"], [style*="color:#b2ffdd"] {
transition: all linear 0.2s;
}
.colorMod-tip {
font-size: 0.9em;
}
.colorMod-tip a {
display: block;
text-align: center;
margin-top: 0.5em;
}
/*