added new default avatar and changed tab appearances between #left and #main

assets/images/ui/default-avatar.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+<circle fill="#B1B1A7" cx="25" cy="25" r="24"/>
+<circle fill="#E7EAE8" cx="24.998" cy="25" r="12"/>
+</svg>

assets/scripts/travis.coffee

@@ -87,7 +87,7 @@ $.extend Travis,
     code_climate_url: $('meta[name="travis.code_climate_url"]').attr('value')
     caches_enabled: $('meta[name="travis.caches_enabled"]').attr('value') == 'true'
     show_repos_hint: 'private'
-    avatar_default_url: 'https://travis-ci.org/images/mailer/mascot-avatar-40px.png'
+    avatar_default_url: 'https://travis-ci.org/images/ui/default-avatar.svg'
     pusher_log_fallback:  $('meta[name="travis.pusher_log_fallback"]').attr('value') == 'true'
 
   CONFIG_KEYS_MAP: {

assets/styles/main/summary.sass

@@ -95,16 +95,16 @@
     font-size: 13px
     display: block
     width: 100%
-    height: 20px
+    height: 24px
     text-align: left
-    line-height: 20px
+    line-height: 24px
     margin-left: 12px
 
   .commit-changes
     div
       display: inline
       clear: none
-      height: 20px
+      height: 24px
 
     a
       text-overflow: ellipsis
@@ -112,7 +112,7 @@
       overflow: hidden
       display: inline-block
       max-width: 175px
-      line-height: 20px
+      line-height: 24px
 
   .right
     margin-top: 10px

assets/styles/tabs.sass

@@ -1,24 +1,25 @@
 @import "_mixins/all"
 
 .tabs
-  height: 30px
-  border-bottom: 2px solid #f5f5f6
+  height: 29px
 
   li
     display: inline-block
-    height: 30px
-    padding-right: 10px
+    height: 28px
+    margin-right: 10px
     vertical-align: top
-    background-color: #f5f5f6
+    background-color: #f8f8f8
+    border-top-right-radius: 4px
+    border-top-left-radius: 4px
     white-space: nowrap
     cursor: pointer
 
     &:hover
-      background-color: #e1e8eb
+      background-color: $color-bg-tab-hover
 
   .active
-    background-color: #d8e2e6
-    border-bottom-color: #d8e2e6
+    background-color: $color-bg-tab-active
+    border-bottom-color: $color-bg-tab-active
 
   h5
     margin: 0
@@ -34,7 +35,7 @@
 #left
   .tabs
     padding-left: 20px
-    margin-top: -29px
+    margin-top: -28px
 
   #tab_search:not(.active)
     display: none
@@ -47,6 +48,7 @@
     display: none
     height: 25px
     width: 26px
+    margin-top: 3px
     float: right
 
     h5
@@ -57,12 +59,23 @@
 
 #main
   .tabs
-    margin-top: 35px
+    li
+      height: 30px
+      padding-right: 10px
+      background-color: #f5f5f6
+
+      &:hover
+        background-color: #e1e8eb
+
     h5
       min-width: 65px
     a
       text-decoration: none
 
+    .active
+      background-color: #d8e2e6
+      border-bottom-color: #d8e2e6
+
   .tab
     margin-top: 20px