styling to github oauth error page and added travis-crying icon

assets/scripts/app/templates/insufficient_oauth_permissions.hbs

@@ -1,5 +1,30 @@
-<p>We need more permissions to allow you to use Travis.</p>
+<div id="insufficient-permissions">
+  <img src="/images/travis-crying.png" class="sad-travis" width="150">
 
-{{#if existingUser}}
+  <p class="insufficient-permissions-head">
-  <p> This will be shown if #existing-user is added to the url</p>
+  	Oops, looks like something went wrong!
-{{/if}}
+  </p>
+  <p class="insufficient-permissions-more">
+  	It looks like we don't have authorization to access your GitHub account.<br>
+  	Please review your GitHub settings and try again.
+  </p>
+
+  <div class="insufficient-permissions-row">
+    <div class="insufficient-permissions-column">
+      <p class="align-right">
+        More information on GithubAuth
+      </p>
+    </div>
+
+    <div class="insufficient-permissions-column">
+      <p>
+        More information on GithubAuth
+      </p>
+    </div>
+  </div>
+  <div class="insufficient-permissions-row">
+    {{#if existingUser}}
+  	<p>This will be shown if #existing-user is added to the url</p>
+	{{/if}}
+  </div>
+</div>

assets/styles/auth.sass

@@ -50,4 +50,46 @@
       margin: 0 0 50px 0
       height: 150px
       background: inline-image('travis-mascot-150.png') 50% 0 no-repeat
-      background-size: 150px 150px
+      background-size: 150px 150px
+
+#insufficient-permissions
+  width: 850px
+  margin: 0 auto
+  padding-top: 30px
+  font-family: 'Source Sans Pro', Helvetica, sans-serif
+  font-size: 17px
+  line-height: 26px
+  text-align: center
+
+  .insufficient-permissions-head
+    font-size: 35px
+    color: #337389
+    font-weight: 800
+    text-align: center
+    padding-bottom: 20px
+    margin: 0
+
+  .insufficient-permissions-more
+    color: #919191
+    font-size: 20px
+    font-weight: 400
+    text-align: center
+    padding: 0
+    margin: 0
+
+  .sad-travis
+    border: 0px
+    padding-bottom: 30px
+    align: center
+
+  .insufficient-permissions-row
+    display: inline-block
+    clear: all
+    padding-top: 30px
+
+  .insufficient-permissions-column
+    padding-right: 28px
+    max-width: 380px
+    display: block
+    float: left
+    clear: all