跳转到内容

MediaWiki:Gadget-SelectionCounter.css

来自陋室

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
  • Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
.mw-selection-counter {
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	bottom: max(16px, env(safe-area-inset-bottom));
	z-index: 2147483647;
	min-width: 4.5em;
	padding: 6px 10px;
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-radius: 4px;
	background: var(--color-surface-0, rgba(255, 255, 255, 0.92));
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	color: var(--color-base, #202122);
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	pointer-events: none;
	backdrop-filter: blur(6px);
	transition: opacity 120ms ease, transform 120ms ease;
}

.mw-selection-counter[hidden] {
	display: block;
	opacity: 0;
	transform: translateY(4px);
	visibility: hidden;
}

.skin-theme-clientpref-night .mw-selection-counter {
	border-color: #54595d;
	background: rgba(32, 33, 34, 0.92);
	color: #f8f9fa;
}

@media (min-width: 769px) {
	.mw-selection-counter {
		right: 24px;
		bottom: 24px;
	}
}