From 33edf8bfcba4b2a58c3135ce830bbee7cf0a2833 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Mon, 12 Nov 2012 13:15:46 -0800
Subject: [PATCH] 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       | 14 +++++++------
 webroot/rsrc/css/aphront/side-nav-view.css    | 20 ++++++++++---------
 webroot/rsrc/css/aphront/tokenizer.css        | 14 ++++++++-----
 .../differential/changeset-view.css           |  2 --
 webroot/rsrc/css/core/core.css                | 17 +++-------------
 5 files changed, 31 insertions(+), 36 deletions(-)

diff --git a/webroot/rsrc/css/aphront/panel-view.css b/webroot/rsrc/css/aphront/panel-view.css
index 344a613370..2a27f22577 100644
--- a/webroot/rsrc/css/aphront/panel-view.css
+++ b/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 {
diff --git a/webroot/rsrc/css/aphront/side-nav-view.css b/webroot/rsrc/css/aphront/side-nav-view.css
index f334dd87c0..3349744bfc 100644
--- a/webroot/rsrc/css/aphront/side-nav-view.css
+++ b/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;
 }
diff --git a/webroot/rsrc/css/aphront/tokenizer.css b/webroot/rsrc/css/aphront/tokenizer.css
index fb5dca87d0..2c94b8dc10 100644
--- a/webroot/rsrc/css/aphront/tokenizer.css
+++ b/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 {
diff --git a/webroot/rsrc/css/application/differential/changeset-view.css b/webroot/rsrc/css/application/differential/changeset-view.css
index b67c8f0867..2c94185893 100644
--- a/webroot/rsrc/css/application/differential/changeset-view.css
+++ b/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;
 
diff --git a/webroot/rsrc/css/core/core.css b/webroot/rsrc/css/core/core.css
index ca418ee9cb..a57293636e 100644
--- a/webroot/rsrc/css/core/core.css
+++ b/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 {