Inline validation errors on sign up page

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 67f04e55cce1b562c7926e19cfecc1a408947423..7eec371b4eb10b9a710d3304fc2bdf39fdf03b74 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1046,27 +1046,32 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 }
 
 /* Overrides for pages that use new layout conventions */
+.site-verifysignup,
 .site-copyright,
 .site-welcome {
   #content {
     max-width: 740px;
   }
 }
-.user-new #content.pad2 {
-    padding: 0;
+
+.user-new,
+.user-create {
+  .content-heading {
+    height: 200px;
   }
 
-.user-new .content-heading {
-  height: 200px;  
+  #content.pad2 {
+    padding: 0;
+  }
 }
 
-.new-user-illustration { 
+.header-illustration { 
   background-position: 0 0;
   background-repeat: no-repeat;
   position: absolute;
 }
 
-.new-user-illustration.new-user-main {
+.header-illustration.new-user-main {
   height: 200px;
   width: 100%;
   left: 0;
@@ -1074,10 +1079,10 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   background-image: image-url("sign-up-illustration.png");
 }
 
-.new-user-illustration.new-user-arm {
+.header-illustration.new-user-arm {
   height: 110px;
   width: 130px;
-  left: 230px;
+  left: 260px;
   top: 160px;
   background-image: image-url("sign-up-illustration-arm.png");
 }
@@ -1707,7 +1712,17 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 .field_with_errors {
   padding: 2px;
   background-color: #ff7070;
-  display: table;
+  display: inline-block;
+}
+
+.formError {
+  display: inline-block;
+  padding: 5px 10px;
+  margin-top: 5px;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #fff;
+  background-color: #ff7070;
 }
 
 /* Rules for rails validation error boxes */
@@ -2267,6 +2282,25 @@ a.button {
   background: #fff;
 }
 
+/* Rules for the "Verify signup" page */
+.site-verifysignup .content-heading { 
+  height: 200px;  
+}
+
+.header-illustration.verify-main { 
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  position: absolute;
+}
+
+.header-illustration.verify-main {
+  height: 200px;
+  width: 100%;
+  left: 0;
+  bottom: 0;
+  background-image: image-url("verify-illustration.png");
+}
+
 /* Rules for the "Welcome" page */
 .site-welcome {
   .center {
@@ -2319,7 +2353,7 @@ a.button {
     background-position: -150px 0;
   }
 
-  .sprite.changeset {
+  .sprite.tag {
     background-position: -200px 0;
   }