Replace sign up and terms illustrations with SVG

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

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 2cdb617bec83fa6a52d9c4ac71e8412ea26aae1b..7bfe8917151666f93d67abce8486c6a6d130800e 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -79,7 +79,7 @@ time[title] {
   position: absolute;
   top: 0;
   right: 0;
   position: absolute;
   top: 0;
   right: 0;

-  background: image-url("menu-icon.png") no-repeat;
+  background: image-url("menu-icon.svg") no-repeat;

   background-size: 30px 30px;
   width: 30px;
   height: 30px;
   background-size: 30px 30px;
   width: 30px;
   height: 30px;


@@ -713,7 +713,7 @@ tr.turn {
 /* Overrides for pages that use new layout conventions */
 
 .header-illustration {
 /* Overrides for pages that use new layout conventions */
 
 .header-illustration {

-  background-position: 0 0;
+  background-position: right;

   background-repeat: no-repeat;
   position: relative;
   min-height: 200px;
   background-repeat: no-repeat;
   position: relative;
   min-height: 200px;


@@ -722,16 +722,15 @@ tr.turn {
   bottom: 0;
 
   &.new-user-main {
   bottom: 0;
 
   &.new-user-main {

-    background-image: image-url("sign-up-illustration.png");
-    background-position-x: 50px;
+    background-image: image-url("sign-up-illustration.svg");

   }
 
   &.confirm-main {
   }
 
   &.confirm-main {

-    background-image: image-url("confirm-illustration.png");
+    background-image: image-url("confirm-illustration.svg");

   }
 
   &.new-user-terms {
   }
 
   &.new-user-terms {

-    background-image: image-url("terms-illustration.png");
+    background-image: image-url("terms-illustration.svg");

   }
 }
 
   }
 }
 


@@ -894,7 +893,7 @@ div.secondary-actions {
 /* Rules for the "Welcome" page */
 .site-welcome, .site-fixthemap {
   .sprite {
 /* Rules for the "Welcome" page */
 .site-welcome, .site-fixthemap {
   .sprite {

-    background-image: image-url("welcome-sprite.png");
+    background-image: image-url("welcome-sprite.svg");

     background-size: 500px 250px;
     display: block;
   }
     background-size: 500px 250px;
     display: block;
   }


@@ -911,6 +910,7 @@ div.secondary-actions {
   .sprite.term {
     margin-right: 10px;
     vertical-align: middle;
   .sprite.term {
     margin-right: 10px;
     vertical-align: middle;

+    display: inline-block;

   }
 
   .sprite.node {
   }
 
   .sprite.node {