Current File : /home/jvzmxxx/wiki/extensions/Flow/modules/styles/mediawiki.ui/modal.less

@import 'mediawiki.mixins';
@import 'flow.colors';
@import 'flow.helpers';

.flow-ui-modal {
	.box-sizing( border-box );
	// make content centered
	display: block; // nonflex
	display: flex; // flexbox
	align-items: center; // flexbox
	justify-content: center; // flexbox
	text-align: center;
	// affix
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	// background styling
	width: 100%;
	height: 100%;
	background: fade( @colorWhite, 75% );

	// fix content centering for nonflex
	&:before {
		.box-sizing( border-box );
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
}

.flow-ui-modal-layout {
	.box-sizing( border-box );
	// center in viewport
	vertical-align: middle;
	display: inline-block; // nonflex center fix
	min-width: 320px;
	// scroll content if too big
	overflow: auto;
	max-width: 97%;
	max-height: 97%;
	// box styling
	position: relative;
	background: @colorWhite;
	box-shadow: 0 4px 0 0 @colorGrayLighter, 0 0 0 1px @colorGrayLighter;
	border-radius: 3px;
	color: @colorText;
	text-align: left;
}

.flow-ui-modal-heading {
	.box-sizing( border-box );
	margin: 0.3em 0.3em 0;
	padding: 0 0.3em;
	font-weight: bold;
	color: @colorText;
	line-height: 2.2;
	border-bottom: 1px solid @colorGrayLight;
}

.flow-ui-modal-heading-prev {
	float: left;
	display: inline-block;
	padding: 0 0.3em;
	margin: 0 0.6em 0 -0.3em;
	height: 100%;
	border-right: 1px solid @colorGrayLight;
	color: @colorTextLight;
}
.flow-ui-modal-heading-next {
	float: right;
	display: inline-block;
	padding: 0 0.3em;
	margin: 0 -0.3em 0 0.6em;
	height: 100%;
	border-left: 1px solid @colorGrayLight;
	color: @colorTextLight;
}

.flow-ui-modal-content {
	overflow: hidden;
	margin: 1.3em;
}