MediaWiki:Gadget-MarkBLocked-core.css

/* Config */
#mblc-container {
	position: relative;
}
#mblc-container-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#mblc-optionfield {
	padding: 1em;
	margin: 0;
	border: 1px solid var(--border-color-subtle, #c8ccd1);
}
.mblc-exclamation {
	display: inline-block;
	width: 0.5em;
	text-align: center;
	color: var(--color-destructive, red);
}
#mblc-save {
	margin-top: 0.5em;
}

/* Block tooltips */
.mbl-tooltip {
	background: var(--background-color-base, #fff);
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-width: 1px !important;
	border-radius: 0;
	color: var(--color-base, #202122);
	box-shadow: 0 3px 8px rgba(50, 50, 50, 0.35);
	font-size: 11px;
	padding: 4px;
}

/* General */
.mbl-userlink {
	opacity: 1;
}

/**
 * Classes for locally blocked users. These classes are mutually exclusive.
 */
.mbl-blocked-indef {
	opacity: 0.6;
	text-decoration: line-through;
	/**
	 * Below might not be supported by the user's browser, hence defined separately.
	 * This ensures that the user link is at least struck through.
	 */
	text-decoration-style: double;
}
.mbl-blocked-temp {
	text-decoration: line-through;
}
.mbl-blocked-partial {
	text-decoration: underline;
	text-decoration-style: dotted;
}

/**
 * Classes for globally (b)locked users. The classes for global block can
 * overlap with the class for global lock.
 */
.mbl-globally-locked {
	opacity: 0.6;
	border-bottom: red double;
}
.mbl-globally-blocked-indef:not(.mbl-globally-locked) {
	opacity: 0.6;
	border-bottom: 2px red dashed;
}
.mbl-globally-blocked-temp:not(.mbl-globally-locked) {
	border-bottom: 2px red dashed;
}

/* Increase opacity on dark mode for better readability */
@media screen {
	html.skin-theme-clientpref-night .mbl-blocked-indef,
	html.skin-theme-clientpref-night .mbl-globally-locked,
	html.skin-theme-clientpref-night .mbl-globally-blocked-indef:not(.mbl-globally-locked) {
		opacity: 0.8;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mbl-blocked-indef,
	html.skin-theme-clientpref-os .mbl-globally-locked,
	html.skin-theme-clientpref-os .mbl-globally-blocked-indef:not(.mbl-globally-locked) {
		opacity: 0.8;
	}
}