User:SunAfterRain/js/invertBlock.css

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。

/* 清除 <mark> 的底色 */
.inline-text-block-js,
.inline-text-block-js-disabled {
	background: initial;
}

/* 讓懸浮時文字逐漸出現 */
.inline-text-block-js,
.inline-text-block-js * {
	transition: 0.15s linear;
}

/* 設定底色（也就是當這個 class 不存在時就不會有底色，可以達成暫時徹底去除 block 的效果） */
.inline-text-block-js-blocked {
	background: var(--inline-text-background, #000000);
}


/* 讓文字看不到 */
.inline-text-block-js-blocked:not(:hover) {
	color: transparent !important;
}

.inline-text-block-js-blocked:not(:hover) * {
	color: transparent !important;
	background-color: transparent !important;
	cursor: default !important;
	text-decoration: none !important;
	border-color: transparent !important;
}

/* 讓圖片也看不到 */
.inline-text-block-js-blocked:not(:hover) img {
    opacity: 0 !important;
}

/* 暗黑模式下反轉圖片顏色 */
html.skin-theme-clientpref-night .inline-text-block-js-blocked img {
    filter: invert(1) hue-rotate(180deg);
}

/* 對於深色底色調整一下文字與連結的顏色 */
.inline-text-block-js-blocked.inline-text-block-js-dark:hover,
.inline-text-block-js-blocked.inline-text-block-js-dark:active {
	color: #ffffff;
}

.inline-text-block-js-blocked.inline-text-block-js-dark:hover a,
.inline-text-block-js-blocked.inline-text-block-js-dark:active a,
.inline-text-block-js-blocked.inline-text-block-js-dark a::selection {
	color: #88bbff;
}

.inline-text-block-js-blocked.inline-text-block-js-dark:hover a.new,
.inline-text-block-js-blocked.inline-text-block-js-dark:active a.new,
.inline-text-block-js-blocked.inline-text-block-js-dark a.new::selection {
	color: #ffbb88;
}