Clean up UI a little.

Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons.

Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: vrana, aran, Korvin

Differential Revision: https://secure.phabricator.com/D3955

webroot/rsrc/css/aphront/panel-view.css

@@ -20,9 +20,9 @@
 }
 
 .aphront-panel-view h1 {
-  font-size:        14px;
-  font-weight:      bold;
-  padding:          4px 0 0 0;
+  font-size: 14px;
+  font-weight: bold;
+  padding: 4px 0 0 0;
 }
 
 .aphront-panel-view-caption {
@@ -54,13 +54,15 @@
 }
 
 .aphront-panel-accent {
-  background: #efefdf;
-  border: 1px solid #666622;
+  background: #f1f1f1;
+  border: 1px solid #ddd;
+  border-radius: 3px;
 }
 
 .aphront-panel-accent .aphront-form-view {
-  background: #fffff5;
+  background: #f7f7f7;
   border: 1px solid #c4c4c0;
+  border-radius: 3px;
 }
 
 .aphront-panel-preview {

webroot/rsrc/css/aphront/side-nav-view.css

@@ -12,9 +12,9 @@ td.aphront-side-nav-content {
 }
 
 th.aphront-side-nav-navigation {
-  border-right: 1px solid #99c4d7;
+  border-right: 1px solid #ccc;
   padding-bottom: 8em;
-  background: #fbfbff;
+  background: #f7f7f7;
 }
 
 th.aphront-side-nav-navigation a,
@@ -31,22 +31,24 @@ th.aphront-side-nav-navigation span {
 th.aphront-side-nav-navigation span {
   padding-left: 12px;
   padding-top: 6px;
-  color: #333333;
+  color: #333;
+  text-transform: uppercase;
+  font-size: 11px;
 }
 
 th.aphront-side-nav-navigation a:hover {
   text-decoration: none;
-  background:     #e9e9f6;
+  background: #e7e7e7;
 }
 
 th.aphront-side-nav-navigation hr {
-  height:         1px;
-  background:     #eeeeee;
-  border:         0px;
-  margin:         12px 0px;
+  height: 1px;
+  background: #eee;
+  border: 0;
+  margin: 12px 0px;
 }
 
 th.aphront-side-nav-navigation a.aphront-side-nav-selected,
 th.aphront-side-nav-navigation a.aphront-side-nav-selected:hover {
-  background:     #d8d8e6;
+  background: #d7d7d7;
 }

webroot/rsrc/css/aphront/tokenizer.css

@@ -5,9 +5,9 @@
 
 div.jx-tokenizer {
   background: transparent;
-  position:   relative;
-  display:    block;
-  width:      100%;
+  position: relative;
+  display: block;
+  width: 100%;
 }
 
 div.jx-tokenizer-container {
@@ -27,7 +27,7 @@ var.jx-tokenizer-metrics {
 input.jx-tokenizer-input {
   border: 1px solid transparent;
   border-width: 1px 0px;
-  padding: 4px 4px 4px 3px;
+  padding: 3px;
   outline: none;
   float: left;
 }
@@ -37,13 +37,17 @@ span.jx-tokenizer-x-placeholder {
 }
 
 a.jx-tokenizer-token {
-  padding: 1px 0 1px 4px;
+  padding: 2px 0 2px 5px;
   border:  1px solid #a4bdec;
   margin: 3px 2px 0 4px;
   background: #dee7f8;
   float: left;
   cursor: text;
   font-size: 12px;
+
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
 }
 
 a.jx-tokenizer-token:hover {

webroot/rsrc/css/application/differential/changeset-view.css

@@ -61,8 +61,6 @@
   border-style:       solid;
   border-width:       0px 1px;
   border-color:       #eeeeee #999999 #eeeeee #dddddd;
-  font-weight:        bold;
-  font-family:        "Verdana";
   font-size:          11px;
   overflow:           hidden;
 

webroot/rsrc/css/core/core.css

@@ -59,27 +59,16 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 body {
-  font: 13px/1.231 'lucida grande', tahoma, verdana, arial, sans-serif;
+  font: 13px/1.231 'Helvetica Neue', Arial, sans-serif;
   direction: ltr;
   text-align: left;
   unicode-bidi: embed;
-  *font-size: small;
 }
 
 body.phabricator-chromeless-page {
   background: #ffffff;
 }
 
-select, input, button, textarea, button {
-  font: 99% 'lucida grande', tahoma, verdana, arial, clean, sans-serif;
-}
-
-select {
-  /* NOTE: In Safari, specifying a border color makes the browser respect
-     "font-size" settings. */
-  border: 1px solid #999999;
-}
-
 table {
   font-size: inherit;
   font: 100%;
@@ -100,11 +89,11 @@ a {
 }
 
 a:visited {
-  color: #3b5998;
+  color: #18559D;
 }
 
 a:link {
-  color: #3b5998;
+  color: #18559D;
 }
 
 a:hover {