LLWiki正在建設中,歡迎加入我們

Widget:ColorMod

出自LLWiki
跳至導覽 跳至搜尋

  • Template-info.png 小部件文檔
    這個文檔是內聯文檔。

    用於生成一個對話框,供用戶自由調節部分角色(絢瀨繪里南小鳥星空凜津島善子唐可可鐘嵐珠櫻小路希奈子若菜四季皇柚葉晴風小夜香5yncri5e!)的應援色。請使用{{colorMod}}調用。

    JavaScript腳本:User:Bhsd/widget/colorMod.js

    CSS樣式表:

     */
    .mw-parser-output {
    	--eli-color: #7aeeff;
        --kotori-color: #cebfbf;
        --rin-color: #fff832;
        --yoshiko-color: #c1cad4;
    	--lanzhu-color: #f8c8c4;
    	--keke-color: #a0fff9;
    	--kinako-color: #fff442;
    	--shiki-color: #b2ffdd;
        --yuzuha-color: #efefef;
        --harukazesayaka-color: #ffec50;
        --ginko-color: #a2d7dd;
        --kosuzu-color: #fad764;
        --5yncri5e-color: #ffe840;
    }
    [style*="color:#7aeeff"] {
    	color: var(--eli-color) !important;
    }
    [style*="background-color:#7aeeff"] {
    	background-color: var(--eli-color) !important;
    	color: #fff !important; /* 文字必须为白色 */
    }
    [style*="color:#cebfbf"] {
    	color: var(--kotori-color) !important;
    }
    [style*="background-color:#cebfbf"] {
    	background-color: var(--kotori-color) !important;
    	color: #fff !important;
    }
    [style*="color:#fff832"] {
    	color: var(--rin-color) !important;
    }
    [style*="background-color:#fff832"] {
    	background-color: var(--rin-color) !important;
    	color: #fff !important;
    }
    [style*="color:#c1cad4"] {
    	color: var(--yoshiko-color) !important;
    }
    [style*="background-color:#c1cad4"] {
    	background-color: var(--yoshiko-color) !important;
    	color: #fff !important;
    }
    [style*="color:#f8c8c4"] {
    	color: var(--lanzhu-color) !important;
    }
    [style*="background-color:#f8c8c4"] {
    	background-color: var(--lanzhu-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;
    }
    [style*="color:#efefef"] {
    	color: var(--yuzuha-color) !important;
    }
    [style*="background-color:#efefef"] {
    	background-color: var(--yuzuha-color) !important;
    	color: #fff !important;
    }
    [style*="color:#ffec50"] {
    	color: var(--harukazesayaka-color) !important;
    }
    [style*="background-color:#ffec50"] {
    	background-color: var(--harukazesayaka-color) !important;
    	color: #fff !important;
    }
    [style*="color:#a2d7dd"] {
    	color: var(--ginko-color) !important;
    }
    [style*="background-color:#a2d7dd"] {
    	background-color: var(--ginko-color) !important;
    	color: #fff !important;
    }
    [style*="color:#fad764"] {
    	color: var(--kosuzu-color) !important;
    }
    [style*="background-color:#fad764"] {
    	background-color: var(--kosuzu-color) !important;
    	color: #fff !important;
    }
    [style*="color:#ffe840"] {
    	color: var(--5yncri5e-color) !important;
    }
    [style*="background-color:#ffe840"] {
    	background-color: var(--5yncri5e-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:#7aeeff"], [style*="color:#cebfbf"], [style*="color:#fff832"], [style*="color:#c1cad4"], [style*="color:#f8c8c4"], [style*="color:#a0fff9"], [style*="color:#fff442"], [style*="color:#b2ffdd"], [style*="color:#efefef"], [style*="color:#ffec50"], [style*="color:#a2d7dd"], [style*="color:#fad764"], [style*="color:#ffe840"] {
    	transition: all linear 0.2s;
    }
    .colorMod-tip {
    	font-size: 0.9em;
    }
    .colorMod-tip a {
    	display: block;
    	text-align: center;
    	margin-top: 0.5em;
    }
    /*