Use more common styles for setup issue CSS

Summary: Updates setup CSS to use more common colors, spacing.

Test Plan: review a fatal, a common error, and uiexample

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

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

resources/celerity/map.php

@@ -46,7 +46,7 @@ return array(
     'rsrc/css/application/chatlog/chatlog.css' => '0cd2bc78',
     'rsrc/css/application/config/config-options.css' => '7fedf08b',
     'rsrc/css/application/config/config-template.css' => '25d446d6',
-    'rsrc/css/application/config/setup-issue.css' => '5ec39ee1',
+    'rsrc/css/application/config/setup-issue.css' => '1bb81c53',
     'rsrc/css/application/conpherence/menu.css' => '561348ac',
     'rsrc/css/application/conpherence/message-pane.css' => '2aedca89',
     'rsrc/css/application/conpherence/notification.css' => 'f9ba9914',
@@ -277,6 +277,7 @@ return array(
     'rsrc/image/icon/tango/log.png' => 'b08cc63a',
     'rsrc/image/icon/tango/upload.png' => '7bbb7984',
     'rsrc/image/icon/unsubscribe.png' => '25725013',
+    'rsrc/image/lightblue-header.png' => '5c168b6d',
     'rsrc/image/loading.gif' => '75d384cc',
     'rsrc/image/loading/boating_24.gif' => '5c90f086',
     'rsrc/image/loading/compass_24.gif' => 'b36b4f46',
@@ -770,7 +771,7 @@ return array(
     'releeph-request-differential-create-dialog' => '8d8b92cd',
     'releeph-request-typeahead-css' => '667a48ae',
     'releeph-status' => 'a20631d9',
-    'setup-issue-css' => '5ec39ee1',
+    'setup-issue-css' => '1bb81c53',
     'sprite-actions-css' => '4557baf8',
     'sprite-apps-css' => 'a09ca329',
     'sprite-apps-large-css' => 'e37c2ff1',

webroot/rsrc/css/application/config/setup-issue.css

@@ -4,24 +4,22 @@
 
 
 .setup-issue-background {
-  background-color: #edecef;
-  padding: 1em 0;
+  padding: 12px 0;
 }
 
 .setup-issue-shell {
   max-width: 760px;
-  margin: 15px auto;
+  margin: 16px auto;
 }
 
-
 .setup-issue {
-  border: 1px solid #35393d;
-  background: #ffffff;
-  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
+  background: #fff;
+  border: 1px solid #BFCFDA;
+  border-bottom: 1px solid #8C98B8;
 }
 
 .setup-issue p {
-  margin: 1em 0;
+  margin: 12px 0;
 }
 
 .setup-issue table {
@@ -54,7 +52,7 @@
 }
 
 .setup-issue tt {
-  color: {$greytext};
+  color: #74777D;
 }
 
 .setup-issue em {
@@ -62,36 +60,45 @@
 }
 
 .setup-issue-instructions {
-  font-size: 15px;
-  padding: 20px;
-  line-height: 1.4em;
-  background: #efefef;
-  border-bottom: 1px solid #bfbfbf;
+  font-size: 14px;
+  padding: 12px 0;
+  line-height: 20px;
+  background: #fff;
+  border-bottom: 1px solid #BFCFDA;
+  margin: 0 12px;
 }
 
 .setup-fatal .setup-issue-instructions {
-  background: #ffdfdf;
+  color: #c0392b;
+  background: #f4dddb;
+  padding: 12px;
+  margin: 0 0 12px;
+  border-bottom: 1px solid #c0392b;
 }
 
 .setup-issue-name {
-  padding: 15px;
-  background: #35393d;
-  color: #ffffff;
+  color: #6B748C;
+  text-shadow: 0 1px #fff;
+  padding: 16px 12px;
+  border-bottom: 1px solid #BFCFDA;
   font-size: 15px;
   font-weight: bold;
+  background-image: url(/rsrc/image/lightblue-header.png);
+  background-repeat: repeat-x;
 }
 
 .setup-issue-next {
-  padding: 15px;
-  background: #35393d;
+  padding: 12px;
+  border-top: 1px solid #BFCFDA;
+  background: #daeaf3;
   text-align: center;
-  font-size: 16px;
-  color: #ffffff;
+  font-size: 15px;
+  color: #2980b9;
 }
 
 .setup-issue-config {
-  margin: 15px 0;
-  padding: 0 20px;
+  padding: 0 12px;
+  background: #fff;
 }
 
 .setup-issue ul {
@@ -104,5 +111,5 @@
   margin-top: 8px;
   padding: 4px;
   text-align: right;
-  color: {$greytext};
+  color: #74777D;
 }