Update 1.2.2

assets/css/um-modal.css

@@ -1,3 +1,36 @@
+.um-popup-overlay {
+	background: rgba(0,0,0, 0.7);
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1564;
+}
+
+.um-popup {
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	position: fixed;
+	left: 50%;
+	top: 10%;
+	margin-left: -250px;
+	width: 500px;
+	background: #fff;
+	box-shadow: 0 1px 3px #111;
+	z-index: 1565;
+	box-sizing: border-box;
+	overflow: auto;
+	color: #888;
+	padding: 10px 0;
+}
+
+.um-popup.loading {
+	background: #fff url(../img/loading.gif) no-repeat center;
+	min-height: 100px;
+}
+
 /*
 	- Overlay
 */

assets/css/um-styles.css

@@ -194,6 +194,13 @@ p.um-notice.err {
 	background: #C74A4A;
 }
 
+p.um-notice.warning {
+	background: #f9f9d1;
+	color: #666;
+	border: 1px solid #efe4a2;
+	padding: 8px 15px !important;
+}
+
 /*
 	- Errors
 */
@@ -391,11 +398,9 @@ p.um-notice.err {
 	outline: none !important;
 }
 
-.um-form input[type=text]:focus ,
+.um-form input[type=text]:focus,
 .um-form input[type=password]:focus,
 .um-form textarea:focus {
-	border-color: #ccc;
-	background-color: #fff !important;
 	box-shadow: none !important;
 	outline: none !important;
 }
@@ -708,9 +713,9 @@ div.um-photo img {max-height: 300px; max-width: 100%;}
 
 span.um-req {
 	margin: 0 0 0 8px;
-	font-size: xx-large;
+	font-size: x-large;
 	display: inline-block;
 	font-weight: bold;
 	position: relative;
-	top: 10px;
+	top: 8px;
 }

assets/dynamic_css/dynamic_global.php

@@ -148,6 +148,16 @@ print "
 ";
 }
 
+if ( $form_border_hover ) {
+print "
+.um-$form_id.um .um-form input[type=text]:focus,
+.um-$form_id.um .um-form input[type=password]:focus,
+.um-$form_id.um .um-form textarea:focus {
+	border: $form_border_hover !important;
+}
+";
+}
+
 if ( $form_bg_color ) {
 print "
 .um-$form_id.um .um-form input[type=text],
@@ -161,6 +171,16 @@ print "
 ";
 }
 
+if ( $form_bg_color_focus ) {
+print "
+.um-$form_id.um .um-form input[type=text]:focus,
+.um-$form_id.um .um-form input[type=password]:focus,
+.um-$form_id.um .um-form textarea:focus {
+	background-color: $form_bg_color_focus;
+}
+";
+}
+
 if ( $form_placeholder ) {
 print "
 

assets/js/um-functions.js

@@ -750,4 +750,36 @@ function um_modal_size( aclass ) {
 
 function um_modal_add_attr( id, value ) {
 	jQuery('.um-modal:visible').data( id, value );
+}
+
+function prepare_Modal() {
+	if ( jQuery('.um-popup-overlay').length == 0 ) {
+		jQuery('body').append('<div class="um-popup-overlay"></div>');
+		jQuery('body').append('<div class="um-popup"></div>');
+		jQuery('.um-popup').addClass('loading');
+	}
+}
+
+function remove_Modal() {
+	if ( jQuery('.um-popup-overlay').length ) {
+		jQuery('.um-popup').empty().remove();
+		jQuery('.um-popup-overlay').empty().remove();
+	}
+}
+
+function show_Modal( contents ) {
+	if ( jQuery('.um-popup-overlay').length ) {
+		jQuery('.um-popup').removeClass('loading').html( contents );
+		jQuery('.um-popup').mCustomScrollbar({
+			theme:"dark-3"
+		});
+	}
+}
+
+function responsive_Modal() {
+	if ( jQuery('.um-popup-overlay').length ) {
+		jQuery('.um-popup').css({
+			'max-height': ( 80 / 100 ) * jQuery(window).height() + 'px'
+		});
+	}
 }

assets/js/um-modal.js

@@ -1,5 +1,9 @@
 jQuery(document).ready(function() {
 	
+	jQuery(document).on('click', '.um-popup-overlay', function(){
+		remove_Modal();
+	});
+	
 	jQuery(document).on('click', '.um-modal-overlay, a[data-action="um_remove_modal"]', function(){
 		um_remove_modal();
 	});

assets/js/um-scripts.js

@@ -30,7 +30,7 @@ jQuery(document).ready(function() {
 	jQuery('.um-tip-e').tipsy({gravity: 'e', opacity: 1, live: 'a.live', offset: 3 });
 	jQuery('.um-tip-s').tipsy({gravity: 's', opacity: 1, live: 'a.live', offset: 3 });
 
-	jQuery('.um-field input[type=radio]').change(function(){
+	jQuery(document).on('change', '.um-field input[type=radio]', function(){
 		var field = jQuery(this).parents('.um-field');
 		var this_field = jQuery(this).parents('label');
 		field.find('.um-field-radio').removeClass('active');
@@ -39,7 +39,7 @@ jQuery(document).ready(function() {
 		this_field.find('i').removeClass().addClass('um-icon-android-radio-button-on');
 	});
 
-	jQuery('.um-field input[type=checkbox]').change(function(){
+	jQuery(document).on('change', '.um-field input[type=checkbox]', function(){
 		
 		var field = jQuery(this).parents('.um-field');
 		var this_field = jQuery(this).parents('label');