retina-ify icons; fix 404 scrolling issue; serif -> san-serif in some style [ci skip]

app/assets/stylesheets/new_styles/_profile.scss

@@ -65,6 +65,11 @@
     @include transition(opacity);
     @include opacity(0.4);
 
+    &.small img {
+      height : 40px;
+      width : 40px;
+    }
+
     &:hover {
       @include opacity(1);
       text-decoration : none;
@@ -126,6 +131,9 @@
   .cake {
     @include opacity(0.63);
 
+    width : 11px;
+    height : 15px;
+
     margin-right : 2px;
     position : relative;
     top : -3px;

app/assets/stylesheets/new_styles/_typography.scss

@@ -1,16 +1,19 @@
 /* Roboto */
 @font-face {
   font-family : Roboto;
-  src : image-url('fonts/Roboto-Regular.ttf')
+  src : image-url('fonts/Roboto-Regular.ttf');
+  weight : normal;
 }
 
 @font-face {
   font-family : Roboto-Bold;
-  src : image-url('fonts/Roboto-Bold.ttf')
+  src : image-url('fonts/Roboto-Bold.ttf');
+  weight : normal;
 }
 
 body, p, h1, h2, h3, h4, h5, h6, textarea, input, * {
-  font-family : Roboto, Helvetica, sans;
+  font-family : Roboto, Helvetica, sans-serif;
+  font-weight : normal;
 }
 
 a {

app/assets/templates/profile-info.jst.hbs

@@ -15,10 +15,9 @@
             <span class="divider">•</span>
         {{/if}}
 
-
         {{#if birthday}}
             <span class="stat">
-                <img src='{{imageUrl "buttons/bday.png"}}' class="cake" />
+                <img src='{{imageUrl "buttons/bday@2x.png"}}' class="cake" />
                 {{birthday}}
             </span>
             <span class="divider">•</span>
@@ -26,17 +25,16 @@
 
         <span class="stat services">
             <a href="https://facebook.com" class="service" target="_blank">
-                <img src='{{imageUrl "buttons/service-icons/fb.png"}}' />
+                <img src='{{imageUrl "buttons/service-icons/fb@2x.png"}}' />
             </a>
             <a href="https://twitter.com" class="service" target="_blank">
-                <img src='{{imageUrl "buttons/service-icons/twitter.png"}}' />
+                <img src='{{imageUrl "buttons/service-icons/twitter@2x.png"}}' />
             </a>
             <a href="https://tumblr.com" class="service" target="_blank">
-                <img src='{{imageUrl "buttons/service-icons/tumblr.png"}}' />
+                <img src='{{imageUrl "buttons/service-icons/tumblr@2x.png"}}' />
             </a>
         </span>
     </div>
-
 </div>
 
 <!--<dl>-->

app/assets/templates/profile.jst.hbs

@@ -19,11 +19,11 @@
 
 <section id="profile-controls">
     {{#if isOwnProfile}}
-        <a href="#composer" title="New Post" class="control" rel="facebox">
-            <img src='{{imageUrl "buttons/pub.png"}}' />
+        <a href="#composer" title="New Post" class="control small" rel="facebox">
+            <img src='{{imageUrl "buttons/pub@2x.png"}}' />
         </a>
-        <a href="#" title="Edit Layout" id="edit-mode-toggle" class="control">
-            <img src='{{imageUrl "buttons/editgear.png"}}' />
+        <a href="#" title="Edit Layout" id="edit-mode-toggle" class="control small">
+            <img src='{{imageUrl "buttons/edit@2x.png"}}' />
         </a>
     {{else}}
         <a href="#" class="control">

public/404.html

@@ -8,13 +8,13 @@
 
     body,
     html {
-      height: 100%;
+      overflow-y : hidden;
     }
 
     body {
       margin-bottom: 0;
       padding-bottom: 0;
-      margin-top: 10%;
+      margin-top: 5%;
       background-color: #fff;
       color: #666;
       text-align: center;