doodle3d-client/less/popup.less

// @popup-width: 60%;

#popupMask {
  background-color: rgba(255, 255, 255, 0.65);
  // z-index: 20;
  // border: 10px solid red;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display:none;
  user-select: text;
}

.popup {
	background-color: white;
	border: 2px solid black;
	border-radius: 15px;
	top: 30%;	
	position: absolute;
	left: 50%;
  // margin-left: -@popup-width/2;
  // width: @popup-width;
}

.popup .content {
	margin: 5%;
}

.popup {
	display: none;
}

#popupWordArt {
  width: 50%;
	margin-left: -50%/2;
	
	input[type="text"] {
		width: 100%;
	}
	#btnWordArtOk {
		float: right;
		margin: 15px 0 18px 0;
	}
}

#popupShape {
	width: 30%;
	margin-left: -30%/2;
	
	#shapePreview {
		// width: 150px;
		// height: 150px;
		border: 1px solid black;
		border-radius: 5px;
	}
	
	.lblShapeResolution {
		display: inline-block;
	}
	#iconShapeLessPoints, #iconShapeMorePoints {
		margin: 0 0 7px 0;
	}
	
	#btnShapeOk {
		position: absolute;
		bottom: 5%;
		right: 3%;
	}
}

.columnRight {
	float: right;
}