MediaWiki:Gadget-RightToolbar.v2.css

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

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

.mw-right-toolbar {
	position: fixed;
	right: 24px;
	bottom: 96px;
	z-index: 2147483647;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 160ms ease, transform 160ms ease;
}

.mw-right-toolbar.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.mw-right-toolbar .mw-rt-button,
.mw-right-toolbar .mw-rt-clock {
	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;
	backdrop-filter: blur(6px);
}

.mw-right-toolbar .mw-rt-button {
	min-width: 48px;
	padding: 6px 10px;
	cursor: pointer;
	opacity: 0.86;
	transition: background 120ms ease, opacity 120ms ease, transform 120ms ease;
}

.mw-right-toolbar .mw-rt-button:hover,
.mw-right-toolbar .mw-rt-button:focus-visible {
	opacity: 1;
	background: var(--background-color-progressive-subtle, #eaecf0);
}

.mw-right-toolbar .mw-rt-button:active {
	transform: translateY(1px);
}

.mw-right-toolbar .mw-rt-button[hidden] {
	display: none;
}

.mw-right-toolbar .mw-rt-clock {
	min-width: 132px;
	padding: 7px 10px;
	text-align: right;
}

.skin-theme-clientpref-night .mw-right-toolbar .mw-rt-button,
.skin-theme-clientpref-night .mw-right-toolbar .mw-rt-clock {
	border-color: #54595d;
	background: rgba(32, 33, 34, 0.92);
	color: #f8f9fa;
}

@media (max-width: 768px) {
	.mw-right-toolbar {
		display: none !important;
	}
}