admiraljs/admiraljs/themes/metroid/ui/popup.css

Lightweight plug and play admin interface

.AJSpopup {

	width: 570px;
	height: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -285px;
	background: rgb(240, 240, 240);
	-webkit-box-shadow: 1px 1px 12px 0px rgba(30, 30, 30, 0.93);
	-moz-box-shadow:    1px 1px 12px 0px rgba(30, 30, 30, 0.93);
	box-shadow:         1px 1px 12px 0px rgba(30, 30, 30, 0.93);
	padding: 30px 15px 10px;

	z-index: 50000;
}
.AJSpopup .closeme {
	background: url('../images/glyphicons_207_remove_2.png') no-repeat ;
	width: 10px;
	height: 10px;
	background-size:100% 100%;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
.AJSpopup .contentWrapper {
  overflow-y: auto;
  height: 370px;
  height: 90%;
  overflow-x: hidden;
  border: 1px solid rgb(227, 227, 227);
  background: rgb(249, 249, 249);
}
.AJSpopup .content {
	padding:10px;
}
.AJSpopup .content label{
	font-size:10px;
	color:grey;
}
.AJSpopup .footer {
	position:absolute;
	left:0px;
	bottom: 4px;
	width:100%;
	text-align:center;
}

.AJSpopup  .form-group > div:first-of-type {

margin-bottom: 10px;
}
.AJSpopup  input[type=text] {
	width: 400px;
	max-width: 100%;	
}

.AJSpopup .editview .form-group > label {
width: 11.666667% !important;
}
/*.ui-resizable {
	position: relative;
}*/
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}