Merge branch 'signup-screen' of https://gitlab.com/juniorsilva1001/noosfero into…

… juniorsilva1001/noosfero-signup-screen

Merge branch 'signup-screen' of https://gitlab.com/juniorsilva1001/noosfero into…
… juniorsilva1001/noosfero-signup-screen
Rodrigo Souto
2 parents 2325237c d40ffa50
Showing 2 changed files with 27 additions and 18 deletions Show diff stats
app/views/account/_signup_form.rhtml
public/stylesheets/application.css
@@ -128,8 +128,6 @@
 <script type="text/javascript">
 jQuery(function($) {
-  $('#signup-form #user_login').css('width', 335 - $('#signup-domain').outerWidth());
-
   $('#signup-form input[type=text], #signup-form textarea').each(function() {
     $(this).bind('blur', function() {
       if ($(this).val() == '') {
@@ -6049,8 +6049,13 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   clear: both;
 }
+.action-account-signup #content {
+  text-align: center;
+}
+
 #signup-form {
   color: #4A4A4A;
+  display: inline-block;
 }
 #signup-form small {
@@ -6066,26 +6071,24 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
 }
 #signup-form input.invalid_input {
-  border: 2px solid #7f0000;
+  border: 1px solid #7f0000;
   background: #FFF;
-  padding: 5px 30px 8px 5px;
+  box-shadow: 0 0 7px red;
 }
 #signup-form input.valid_input {
-  border: 2px solid #005000;
+  border: 1px solid #005000;
   background: #FFF;
-  padding: 5px 30px 8px 5px;
 }
 #signup-form select,
 #signup-form textarea,
 #signup-form input {
-  padding: 7px 30px 10px 7px;
+  padding: 7px 7% 10px 3%;
   height: 20px;
-  width: 335px;
+  width: 90%;
   color: #6d786e;
   font-size: 18px;
-  margin: 1px 14px 5px;
 }
 #signup-form #profile_data_login {
@@ -6096,13 +6099,18 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
 #signup-form .invalid,
 #signup-form input.validated,
 #signup-form .checking {
-  border-width: 2px;
+  border-width: 1px;
   border-style: solid;
   background-color: #fff;
   background-position: right center;
   background-repeat: no-repeat;
-  padding: 5px 30px 8px 5px;
+  padding: 7px 7% 8px 3%;
   color: #4A4A4A;
+  box-shadow: 0 0 7px green;
+}
+
+#signup-form input.checking {
+  box-shadow: none;
 }
 #signup-form select {
@@ -6172,6 +6180,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
 #signup-form .invalid {
   border-color: #7f0000;
   background-image: url(/images/passwords_nomatch.png);
+  box-shadow: 0 0 7px red;
 }
 #signup-form span.invalid {
@@ -6179,6 +6188,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   padding: 0px;
   background: transparent;
   color: #7f0000;
+  box-shadow: none;
 }
 #signup-form .checking {
@@ -6191,6 +6201,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   padding: 0px;
   background: transparent;
   color: #4A4A4A;
+  box-shadow: none;
 }
 #signup-form .validated {
@@ -6214,18 +6225,23 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   color: #4A4A4A;
   font-size: 20px;
   text-transform: lowercase;
-  margin-left: 14px;
+  min-width: 190px;
 }
 #signup-form #signup-form-header #user_login {
   margin: 0;
   padding-right: 30px;
+  width: 150px;
 }
 #signup-login-field {
   float: left;
 }
+#signup-form #signup-login {
+  display: inline-block;
+}
+
 #signup-form #signup-password,
 #signup-form #signup-password-confirmation,
 #signup-form #signup-email,
@@ -6270,7 +6286,7 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   color: #4A4A4A;
   font-size: 20px;
   font-weight: normal;
-  margin-left: 15px;
+  text-align: left;
 }
 #signup-form .required-field label::after {
@@ -6327,11 +6343,6 @@ li.profile-activity-item.upload_image .activity-gallery-images-count-1 img {
   margin-right: 0px;
 }
-.action-account-signup .no-boxes form {
-  margin-left: 247px;
-  margin-right: 247px;
-}
-
 .select-birth-date {
   margin-left: 14px;
 }