// login css

admin-dev/themes/default/css/admin-theme.css

@@ -9566,25 +9566,46 @@ textarea {
   font-size: 1.5em; }
 
 /* line 1, admin-theme/_admin-login.sass */
+#login {
+  height: 100%;
+  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 40, color-stop(10%, rgba(104, 128, 138, 0.4)), color-stop(40%, rgba(138, 114, 76, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(57, 173, 219, 0.25)), color-stop(100%, rgba(42, 60, 87, 0.4))), -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #670d10), color-stop(100%, #092756));
+  background: -webkit-radial-gradient(top left, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), -webkit-linear-gradient(top, rgba(57, 173, 219, 0.25), rgba(42, 60, 87, 0.4)), -webkit-linear-gradient(left top, #670d10, #092756);
+  background: -moz-radial-gradient(top left, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), -moz-linear-gradient(top, rgba(57, 173, 219, 0.25), rgba(42, 60, 87, 0.4)), -moz-linear-gradient(left top, #670d10, #092756);
+  background: -o-radial-gradient(top left, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), -o-linear-gradient(top, rgba(57, 173, 219, 0.25), rgba(42, 60, 87, 0.4)), -o-linear-gradient(left top, #670d10, #092756);
+  background: radial-gradient(top left, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(top, rgba(57, 173, 219, 0.25), rgba(42, 60, 87, 0.4)), linear-gradient(left top, #670d10, #092756); }
+
+/* line 5, admin-theme/_admin-login.sass */
+#login-header {
+  margin: 0;
+  color: white; }
+
+/* line 9, admin-theme/_admin-login.sass */
 #login-panel {
   margin: 0 auto;
   width: 420px; }
-/* line 5, admin-theme/_admin-login.sass */
+/* line 12, admin-theme/_admin-login.sass */
+#login-panel .panel, #login-panel #header_notifs_icon_wrapper .notifs_panel, #header_notifs_icon_wrapper #login-panel .notifs_panel, #login-panel #dash_version {
+  -webkit-box-shadow: rgba(255, 255, 255, 0.45) 0 0 0 6px;
+  box-shadow: rgba(255, 255, 255, 0.45) 0 0 0 6px; }
+/* line 14, admin-theme/_admin-login.sass */
+#login-panel .panel-footer, #login-panel #header_notifs_icon_wrapper .notifs_panel .notifs_panel_footer, #header_notifs_icon_wrapper .notifs_panel #login-panel .notifs_panel_footer {
+  margin: 0 -20px -20px; }
+/* line 17, admin-theme/_admin-login.sass */
 #login-panel .flip-container {
-  height: 500px;
   -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   -ms-perspective: 1000px;
   -o-perspective: 1000px;
-  perspective: 1000px; }
+  perspective: 1000px;
-/* line 8, admin-theme/_admin-login.sass */
+  height: 370px; }
+/* line 20, admin-theme/_admin-login.sass */
 #login-panel .flip-container.flip .flipper {
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg); }
-/* line 13, admin-theme/_admin-login.sass */
+/* line 23, admin-theme/_admin-login.sass */
 #login-panel .flipper {
   -webkit-transition-duration: 0.6s;
   transition-duration: 0.6s;
@@ -9594,7 +9615,7 @@ textarea {
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   position: relative; }
-/* line 18, admin-theme/_admin-login.sass */
+/* line 28, admin-theme/_admin-login.sass */
 #login-panel .front, #login-panel .back {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
@@ -9602,10 +9623,10 @@ textarea {
   position: absolute;
   top: 0;
   left: 0; }
-/* line 24, admin-theme/_admin-login.sass */
+/* line 34, admin-theme/_admin-login.sass */
 #login-panel .front {
   z-index: 2; }
-/* line 27, admin-theme/_admin-login.sass */
+/* line 37, admin-theme/_admin-login.sass */
 #login-panel .back {
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
@@ -9613,6 +9634,10 @@ textarea {
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg); }
 
+/* line 41, admin-theme/_admin-login.sass */
+#login-footer a {
+  color: #a0aab5; }
+
 /* line 1, admin-theme/_admin-carrier-wizard.sass */
 #carrier_wizard {
   position: relative;

admin-dev/themes/default/css/admin-theme/_admin-login.sass

@@ -1,15 +1,25 @@
+#login
+	height: 100%	
+	@include background(radial-gradient(color-stops(rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), top left),linear-gradient(top,rgba(57,173,219,.25),rgba(42,60,87,.4)),linear-gradient(left top,#670D10,#092756))
+
+#login-header
+	margin: 0
+	color: white
+
 #login-panel
 	margin: 0 auto
 	width: 420px
+	.panel
+		@include box-shadow(rgba(white,0.45) 0 0 0 6px)
+	.panel-footer
+		margin: 0 -20px -20px
 
 	.flip-container
-		height: 500px
 		@include perspective(1000px)
+		height: 370px
 		&.flip .flipper
 			@include rotateY(180deg)
 
-	.flip-container, .front, .back
-
 	.flipper
 		@include transition-duration(0.6s)
 		@include transform-style(preserve-3d)
@@ -25,4 +35,8 @@
 		z-index: 2
 
 	.back
-		@include rotateY(180deg)
+		@include rotateY(180deg)
+
+#login-footer
+	a
+		color: #A0AAB5

admin-dev/themes/default/template/controllers/login/content.tpl

@@ -29,13 +29,14 @@
 	var label_error = '{l s='error'}';
 </script>
 	<div id="login-panel">
-		<div id="login-header" class="panel">
+		<div id="login-header">
 			<h1 class="text-center">
 				<img width="40px" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjEycHgiIGhlaWdodD0iNzkycHgiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MTIgNzkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMjA0LDg2Yy0zNiwyMy00Nyw2MS00MiwxMjBsLTI3LDNDMTMxLDE0NywxNjEsOTgsMjA0LDg2eiBNMjQ1LDc4YzY0LDgsMTAwLDM1LDExNSwxMDVsLTE2OSwyMEMxODUsMTQwLDE5OSwxMDUsMjQ1LDc4eg0KCSBNMjgwLDY0YzcyLDAsMTIwLDI1LDEzNSwxMTJsLTI3LDNDMzc1LDExMiwzNDEsNzYsMjgwLDY0eiBNNDQyLDE3NEM0MjksNTQsMzE0LDE5LDI0MCw1NmMtODMtMi0xNDAsNzMtMTMzLDE1N2wtOTYsMTBsNTgsNTUwDQoJbDI2MS0yNmMtNDctNTMtMTAwLTEzMy0xMjQtMTUyYy0yNy0yMy0zMC0zMS0yMy00NWMxMi0xNCwyNC0xMiw0NSw0bDQ4LDM3bDcsMzZsMTQtMWwtMzctMjMxYy00LTI0LDEtMzUsMTktNDBjMTgtMiwyNyw3LDMxLDM0DQoJbDIzLDE0MWwxOC0yYy03LTUwLTMtNTcsMTctNjJjMTktMywyOCwxMCwzNSw2NGwxNy0xYy01LTUwLTEtNTcsMTktNjBjMjItMSwyNSwxMiwzMiw2NWwxNiwyYy00LTQwLTQtNTEsMTgtNTNjMjEsMCwyNSwxNCwzMSw1OA0KCWMxNSwxMDAsMTMsMTU0LTYsMTgzbDcyLTdsLTU4LTU1NUw0NDIsMTc0eiIvPg0KPC9zdmc+DQo="/>
 							PRESTASHOP
 			</h1>
 			<hr/>
 			<h4 class="text-center">{$shop_name}</h4>
+			<hr/>
 			<div id="error" class="hide alert alert-danger">
 			{if isset($errors)}
 				<h4>
@@ -49,7 +50,7 @@
 					<li>{$error}</li>
 					{/foreach}
 				</ol>
-				{/if}
+			{/if}
 			</div>
 
 			{if isset($warningSslMessage)}
@@ -117,7 +118,7 @@
 				</div>
 
 				<div class="back panel">
-					<form action="#" id="forgot_password_form" method="post" class="hide">
+					<form action="#" id="forgot_password_form" method="post">
 						<div class="alert alert-info">
 							<h4 class="text-center">
 								<i class="icon-exclamation-sign"></i>

js/login.js

@@ -1,45 +1,63 @@
 $(document).ready(function() {
 	// Initialize events
-	$("#login_form, #forgot_password_form").validate({
+	$("#login_form").validate({
 		rules: {
 			"email":{
-				"email": true,
-				"required": true },
-			"passwd": {
-				"required": true }
-			},
-			submitHandler: function(form) {
-				doAjaxLogin($('#redirect').val());
-			},
-			// override jquery validate plugin defaults for bootstrap 3
-			highlight: function(element) {
-				$(element).closest('.form-group').addClass('has-error');
-			},
-			unhighlight: function(element) {
-				$(element).closest('.form-group').removeClass('has-error');
-			},
-			errorElement: 'span',
-			errorClass: 'help-block',
-			errorPlacement: function(error, element) {
-				if(element.parent('.input-group').length) {
-					error.insertAfter(element.parent());
-				} else {
-					error.insertAfter(element);
-				}
-			}
-		});
-
-	$("#forgot_password_form").validate({
-		  rules: {
-			 "email_forgot": {
 				"email": true,
 				"required": true
-			 }
+			},
+			"passwd": {
+				"required": true
+			}
 		},
 		submitHandler: function(form) {
-			  doAjaxForgot();
+			doAjaxLogin($('#redirect').val());
+		},
+		// override jquery validate plugin defaults for bootstrap 3
+		highlight: function(element) {
+			$(element).closest('.form-group').addClass('has-error');
+		},
+		unhighlight: function(element) {
+			$(element).closest('.form-group').removeClass('has-error');
+		},
+		errorElement: 'span',
+		errorClass: 'help-block',
+		errorPlacement: function(error, element) {
+			if(element.parent('.input-group').length) {
+				error.insertAfter(element.parent());
+			} else {
+				error.insertAfter(element);
 			}
-	  });
+		}
+	});
+
+	$("#forgot_password_form").validate({
+		rules: {
+			"email_forgot": {
+				"email": true,
+				"required": true
+			}
+		},
+		submitHandler: function(form) {
+		  doAjaxForgot();
+		},
+		// override jquery validate plugin defaults for bootstrap 3
+		highlight: function(element) {
+			$(element).closest('.form-group').addClass('has-error');
+		},
+		unhighlight: function(element) {
+			$(element).closest('.form-group').removeClass('has-error');
+		},
+		errorElement: 'span',
+		errorClass: 'help-block',
+		errorPlacement: function(error, element) {
+			if(element.parent('.input-group').length) {
+				error.insertAfter(element.parent());
+			} else {
+				error.insertAfter(element);
+			}
+		}
+	});
 
 	$('.show-forgot-password').click(function(e) {
 		// Kill default behaviour
@@ -72,20 +90,15 @@ function feedbackSubmit() {
 	l = Ladda.create( document.querySelector( 'button[type=submit]' ) );
 }
 
-
 function displayForgotPassword() {
-
 	$('#error').hide();
 	$("#login").find('.flip-container').toggleClass("flip");
-	$("#forgot_password_form").removeClass('hide');
 	$('#email_forgot').select();
 }
 
 function displayLogin() {
-
 	$('#error').hide();
 	$("#login").find('.flip-container').toggleClass("flip");
-	//$('#login_form').fadeIn('fast');
 	$('#email').select();
 	return false;
 }
@@ -126,6 +139,7 @@ function doAjaxLogin(redirect) {
 					window.location.assign(jsonData.redirect);
 			},
 			error: function(XMLHttpRequest, textStatus, errorThrown) {
+				l.stop();
 				$('#error').html('<h3>TECHNICAL ERROR:</h3><p>Details: Error thrown: ' + XMLHttpRequest + '</p><p>Text status: ' + textStatus + '</p>').removeClass('hide');
 				$('#login_form').fadeOut('slow');
 			}