MediaWiki:Gadget-AdvancedSiteNotices.css

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

#siteNotice #asn-dismissable-notice {
	margin-top: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Align on Minerva */
@media screen and (max-width: 992px) {
	.skin-minerva #siteNotice #asn-dismissable-notice {
		margin-left: 16px;
		margin-right: 16px;
	}
}

#advancedSiteNotices {
	flex: 1;
}

.asn-close-button {
	margin-right: -6px; /* Visually align */
	display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 28rem;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-transform: none;
    transition-property: background-color, color, border-color, box-shadow;
    transition-duration: .1s;
    color: var(--color-base, #202122);
    background-color: var(--background-color-transparent, transparent);
    border-color: var(--border-color-transparent, transparent);
}

.asn-close-button:hover {
	background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
    mix-blend-mode: var(--mix-blend-mode-blend, multiply);
}

.asn-close-button:active {
	background-color: var(--background-color-interactive-subtle--active, #dadde3);
}

.asn-close-button:focus:not(:active) {
	border-color: var(--border-color-progressive--focus, #36c);
    box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}

.asn-close-button::before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: currentColor;
	mask: url(https://upload.wikimedia.org/wikipedia/commons/8/82/Codex_icon_close.svg) no-repeat center / contain;
	-webkit-mask: url(https://upload.wikimedia.org/wikipedia/commons/8/82/Codex_icon_close.svg) no-repeat center / contain;
}