fade in on hover, larger x on the welcome div

app/views/aspects/index.html.haml

@@ -10,7 +10,7 @@
   #welcome-to-diaspora
     .container{:style => "position: relative;"}
       .right
-        = link_to image_tag('deletelabel.png'), getting_started_completed_path, :id => "gs-skip-x"
+        = link_to image_tag('close_label.png'), getting_started_completed_path, :id => "gs-skip-x"
       .span-23
         %h1
           = t('.welcome_to_diaspora', :name => current_user.first_name)

public/stylesheets/sass/application.sass

@@ -3418,17 +3418,27 @@ a.toggle_selector
   h1,h3
     :color #fff
   :background orange
+  &:hover
+    #gs-skip-x
+      @include opacity(0.4)
+      @include transition(opacity, 0.25s)
+
+      &:hover
+        @include opacity(1)
 
 #gs-shim
   :position absolute
   :top 380px
 
 #gs-skip-x
-  @include opacity(0.5)
+  @include opacity(0)
-  @include transition(opacity)
+  @include transition(opacity, 0.25s)
+
+  img
+    :position relative
+    :right 4px
+    :height 20px
 
-  &:hover
-    @include opacity(1)
 
 .likes_list
   .avatar
@@ -3456,7 +3466,17 @@ a.toggle_selector
 
 .popover
   .close
+    @include opacity(0)
+    @include transition(opacity, 0.2s)
+
     :float right
     :position relative
     :top -9px
     :right -5px
+
+  &:hover
+    .close
+      @include opacity(0.5)
+
+      &:hover
+        @include opacity(1)