LLWiki正在建设中,欢迎加入我们

“Widget:ColorMod”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
(//使用页面/文本对比查看器快速编辑)
(//使用页面/文本对比查看器快速编辑)
第1行: 第1行:
<noinclude>{{colorMod|rin=1|keke=1|kinako=1|shiki=1}}{{doc|content=用於生成一个对话框,供用户自由调节部分角色({{ml|rin|keke|kinako|shiki|dlm=、}})的应援色。请使用{{tl|colorMod}}调用。}}[[category:混合小部件]]
<noinclude>{{colorMod|rin=1|keke=1|kinako=1|shiki=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><style>
/* </includeonly>CSS样式表:<pre lang="css"> */
/* </includeonly>CSS样式表:<pre lang="css"> */
.mw-parser-output {
.mw-parser-output {

2022年5月17日 (二) 20:01的版本

  • Template-info.png 小部件文档
    这个文档是内联文档。

    用于生成一个对话框,供用户自由调节部分角色(星空凛唐可可樱小路希奈子若菜四季)的应援色。请使用{{colorMod}}调用。

    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(--kinako-color) !important;
    }
    [style*="background-color:#fff442"] {
    	background-color: var(--kinako-color) !important;
    	color: #fff !important;
    }
    [style*="color:#b2ffdd"] {
    	color: var(--shiki-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;
    }
    .skin-vector #colorMod {
    	font-size: 13px;
    }
    #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;
    }
    /*