flask-map/static/css/moveitem.css

body {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	.moveItem_title {
		margin: 0;
		display: inline-block;
		width: calc(100% - 95px);
		padding: 10px;
		cursor: move;
	}
	.myMoveItem {
		width: 560px;
		height: 380px;
		background-color: white;
		box-shadow: 1px 1px 6px rgba(0,0,0,.2);
		position: absolute;
		z-index: 20;
		border-radius: 2px;
	}
	.moveItem_oper {
		position: absolute;
		right: 10px;
		display: inline;
		padding: 10px 0;
	}
	.moveItem_header {
		display: flex;
		background-color: #F8F8F8;
	}
	.moveItem_body {
		/* height: calc(100% - 179px); */
		height: calc(100% - 97px);
		padding: 8px;
		background-color: #eee;
		overflow: hidden;
	}
	.moveItem_footer {
		display: flex;
		padding: 8px;
	}
	.moveItem_do {
		color: #FFF;
		background-color: #1E9FFF;
		padding: 4px 15px;
		border: 0;
		cursor: pointer;
		position: absolute;
		right: 73px;
	}
	.moveItem_do:hover {
		color: #6698FF;
		background-color: transparent;
		border: 1px solid #6698FF;
		padding: 3px 14px;
	}
	.moveItem_cancel {
		color: #FFF;
		background-color: rgba(0, 0, 0, .2);
		padding: 4px 15px;
		border: 0;
		cursor: pointer;
		position: absolute;
		right: 10px;
	}
	.moveItem_cancel:hover {
		color: rgba(0, 0, 0, .3);
		background-color: transparent;
		border: 1px solid rgba(0, 0, 0, .3);
		padding: 3px 14px;
	}
	.moveItem_resize {
		cursor: se-resize;
		position: absolute;
		right: -2px;
		bottom: -2px;
		height: 10px;
		width: 10px;
	}
	.moveItem_fullScreen, .moveItem_normalScreen, .moveItem_close {
		background-color: transparent;
		border: 0;
		cursor: pointer;
	}
	.moveItem_close:hover {
		color: red;
	}
	.moveItem_fullScreen:hover, .moveItem_normalScreen:hover {
		color: #3280fc;
	}
	.moveItem_fullScreen {
		right: 40px;
	}
	.moveItem_normalScreen {
		display: none;
	}