adding new verify page, updating graphics.

[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 13a4d1986545eba37fefe5eccfb711688efcf218..78126bb8878691a7428e0b2ce7e2cc274c65df37 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1046,6 +1046,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 }
 
 /* Overrides for pages that use new layout conventions */
+.site-verifysignup,
 .site-copyright,
 .site-welcome {
   #content {
@@ -1060,13 +1061,13 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   height: 200px;  
 }
 
-.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 +1075,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");
 }
@@ -2267,6 +2268,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 {
@@ -2288,14 +2308,15 @@ a.button {
     float: left;
   }
 
-  .icon-list div { 
+  .icon-list { 
+    padding-bottom: 20px;
+  div { 
     margin-bottom: 10px;
+      p {
+        padding-top: 10px;
+      }
+    }
   }
-  
-  .icon-list div p { 
-    padding-top: 10px;
-  }
-  
   .sprite.small {
     width: 50px;
     height: 50px;