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;
}

.popup.popupWordArt {
  width: 50%;
	margin-left: -50%/2;
}

.popup.popupShape {
  width: 30%;
	margin-left: -30%/2;
}

.popupWordArt input[type="text"] {
	width: 100%;
}

.popupShape {
	// border: 2px solid black;
}

#shapePreview {
	// width: 150px;
	// height: 150px;
	border: 1px solid black;
	border-radius: 5px;
}

.lblShapeResolution {
	display: inline-block;
}

#btnShapeOk {
	position: absolute;
	bottom: 5%;
	right: 3%;
}

.columnRight {
	float: right;
}