@import 'mediawiki.skin.variables.less';

/*!
 * Styles for Codex Special:Block
 */

.mw-special-Block:not( .mw-special-Block--legacy ) {
	noscript {
		color: @color-error;
		font-weight: @font-weight-bold;
		display: block;
	}

	.mw-block-messages {
		margin-top: @spacing-100;
	}

	.mw-htmlform-submit-buttons {
		display: none;
	}

	// Hide the log and convenience links showing at the bottom of page.
	.mw-ipb-conveniencelinks,
	.mw-warning-with-logexcerpt {
		display: none;
	}

	// Match font-size of accordion labels. T383921.
	.mw-htmlform-codex legend {
		font-size: @font-size-medium;

		.cdx-label__label,
		.cdx-label__description {
			margin-bottom: @spacing-50;
		}
	}
}

/*!
 * Styles for both Codex and OOUI
 */

.mw-block-hideuser,
.mw-block-confirm {
	font-weight: bold;
}

/*!
 * Styles specific to legacy OOUI Special:Block
 */

.mw-special-Block--legacy {
	.mw-htmlform {
		> .oo-ui-panelLayout-framed {
			border: 0;
		}

		> .oo-ui-panelLayout-padded {
			padding: 0;
		}
	}

	// Affects sitewide/partial radio, partial action checkboxes, and block detail checkboxes
	.mw-block-editing-restriction.oo-ui-fieldLayout,
	.mw-block-action-restriction .oo-ui-checkboxMultioptionWidget,
	.mw-block-restriction.oo-ui-labelElement {
		margin-top: 12px;
	}

	.mw-block-partial-restriction.oo-ui-fieldLayout {
		// Match spacing of partial action checkboxes to block detail checkboxes
		.oo-ui-checkboxMultioptionWidget {
			padding: 0;
		}
	}

	#mw-input-wpReason {
		.oo-ui-dropdownInputWidget,
		.oo-ui-textInputWidget {
			display: block;
			max-width: 50em;
		}

		.oo-ui-textInputWidget {
			margin-top: 0.5em;
		}
	}

	.mw-ipb-conveniencelinks {
		font-size: 90%;
		text-align: right;
	}
}