Color time icons

Summary: Color time icons

Test Plan: Photoshop

Reviewers: epriestley

Reviewed By: epriestley

CC: Korvin, aran

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

resources/sprite/manifest/status.json

@@ -251,6 +251,26 @@
       "rule" : ".status-right-white",
       "hash" : "be2ffb65a7799cd9a5e00c2334e378b2"
     },
+    "status-time-green"     : {
+      "name" : "status-time-green",
+      "rule" : ".status-time-green",
+      "hash" : "5cb4771e10aaf79ac490bc93bd029d8f"
+    },
+    "status-time-orange"    : {
+      "name" : "status-time-orange",
+      "rule" : ".status-time-orange",
+      "hash" : "aa48043beff2c8576402dbccbe4ad3e2"
+    },
+    "status-time-red"       : {
+      "name" : "status-time-red",
+      "rule" : ".status-time-red",
+      "hash" : "e4dbf14f1ac16338b5e01aa04f2e267e"
+    },
+    "status-time-yellow"    : {
+      "name" : "status-time-yellow",
+      "rule" : ".status-time-yellow",
+      "hash" : "79756bcf7f2401d7e3a97ff03b981dcb"
+    },
     "status-up-blue"        : {
       "name" : "status-up-blue",
       "rule" : ".status-up-blue",

src/__celerity_resource_map__.php

@@ -702,15 +702,15 @@ celerity_register_resource_map(array(
   ),
   '/rsrc/image/sprite-status-X2.png' =>
   array(
-    'hash' => '6b9a56e989052bfb7139d637918cd227',
+    'hash' => '3c57299b04fc21bee8a20d2d019bf6b6',
-    'uri' => '/res/6b9a56e9/rsrc/image/sprite-status-X2.png',
+    'uri' => '/res/3c57299b/rsrc/image/sprite-status-X2.png',
     'disk' => '/rsrc/image/sprite-status-X2.png',
     'type' => 'png',
   ),
   '/rsrc/image/sprite-status.png' =>
   array(
-    'hash' => 'b0a100328351732903d86185b001f057',
+    'hash' => 'b76029c6bac69fd5bd9ab82d254f2ef1',
-    'uri' => '/res/b0a10032/rsrc/image/sprite-status.png',
+    'uri' => '/res/b76029c6/rsrc/image/sprite-status.png',
     'disk' => '/rsrc/image/sprite-status.png',
     'type' => 'png',
   ),
@@ -4135,7 +4135,7 @@ celerity_register_resource_map(array(
   ),
   'sprite-status-css' =>
   array(
-    'uri' => '/res/5c735469/rsrc/css/sprite-status.css',
+    'uri' => '/res/72b39c66/rsrc/css/sprite-status.css',
     'type' => 'css',
     'requires' =>
     array(

webroot/rsrc/css/sprite-status.css

@@ -175,85 +175,101 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 }
 
 .status-question-white {
-  background-position: 0px -75px;
+  background-position: -105px -60px;
 }
 
 .status-reject-blue {
-  background-position: -15px -75px;
+  background-position: 0px -75px;
 }
 
 .status-reject-dark {
-  background-position: -30px -75px;
+  background-position: -15px -75px;
 }
 
 .status-reject-green {
-  background-position: -45px -75px;
+  background-position: -30px -75px;
 }
 
 .status-reject-red {
-  background-position: -60px -75px;
+  background-position: -45px -75px;
 }
 
 .status-reject-white {
-  background-position: -75px -75px;
+  background-position: -60px -75px;
 }
 
 .status-right-blue {
-  background-position: -90px -75px;
+  background-position: -75px -75px;
 }
 
 .status-right-dark {
-  background-position: 0px -90px;
+  background-position: -90px -75px;
 }
 
 .status-right-green {
-  background-position: -15px -90px;
+  background-position: -105px -75px;
 }
 
 .status-right-red {
-  background-position: -30px -90px;
+  background-position: 0px -90px;
 }
 
 .status-right-white {
+  background-position: -15px -90px;
+}
+
+.status-time-green {
+  background-position: -30px -90px;
+}
+
+.status-time-orange {
   background-position: -45px -90px;
 }
 
-.status-up-blue {
+.status-time-red {
   background-position: -60px -90px;
 }
 
-.status-up-dark {
+.status-time-yellow {
   background-position: -75px -90px;
 }
 
-.status-up-green {
+.status-up-blue {
   background-position: -90px -90px;
 }
 
-.status-up-red {
+.status-up-dark {
+  background-position: -105px -90px;
+}
+
+.status-up-green {
   background-position: 0px -105px;
 }
 
-.status-up-white {
+.status-up-red {
   background-position: -15px -105px;
 }
 
-.status-warning-blue {
+.status-up-white {
   background-position: -30px -105px;
 }
 
-.status-warning-dark {
+.status-warning-blue {
   background-position: -45px -105px;
 }
 
-.status-warning-green {
+.status-warning-dark {
   background-position: -60px -105px;
 }
 
-.status-warning-red {
+.status-warning-green {
   background-position: -75px -105px;
 }
 
-.status-warning-white {
+.status-warning-red {
   background-position: -90px -105px;
 }
+
+.status-warning-white {
+  background-position: -105px -105px;
+}