@import "../default-skin.less";
@import "../../global/mixin.less";

// 对话框组件
.c_dialog {
	.x_full; overflow:auto; text-align:center; background:@fg-op-3; z-index:1100;
	> .wrapper {
		overflow:hidden; position:relative; background:@bg; display:inline-block; vertical-align:middle; width:50em; box-shadow:0 0.25em 0.25em rgba(0,0,0,0.3);
		> .content { width:100%; text-align:left;}
		> .header { 
			background:@primary; color:@bg; overflow:hidden; 
			.text { padding-left:@gap; float:left; font-size:116.67%; line-height:1+2*@gap; height:1+2*@gap;}
			.fn {
				float:right;
				.close { font-size:116.67%; display:block; line-height:1+2*@gap; width:1+2*@gap; height:1+2*@gap; color:@fg-light-8; cursor:default; background:@primary;}
				.close:after { font-family:"ico"; content:"\e01b";}
			}
			&-white {
				background:@bg; color:@primary-dark-1;
				.fn {
					.close { background:@bg;}
				}
			}
		}
	}
	&:before { display:inline-block; content:""; height:100%; width:1px; vertical-align:middle; margin-right:-1px;}
}



// 无背景
.c_dialog-nobg {
	background:none;
	> .wrapper {
		box-shadow:none;
	}
}