Add new Payment Icons

Summary: Fixes T6244, adds icons for payment providers. May split into different sprites down the road.

Test Plan: Photoshop

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T6244

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

resources/celerity/map.php

@@ -150,7 +150,7 @@ return array(
     'rsrc/css/sprite-conpherence.css' => '3b4a0487',
     'rsrc/css/sprite-docs.css' => '5f65d0da',
     'rsrc/css/sprite-gradient.css' => '4bdb98a7',
-    'rsrc/css/sprite-login.css' => '878ee4d8',
+    'rsrc/css/sprite-login.css' => 'cf08ac44',
     'rsrc/css/sprite-main-header.css' => '92720ee2',
     'rsrc/css/sprite-menu.css' => '28281e16',
     'rsrc/css/sprite-payments.css' => 'cc085d44',
@@ -326,8 +326,8 @@ return array(
     'rsrc/image/sprite-docs-X2.png' => '6dc1adad',
     'rsrc/image/sprite-docs.png' => '4636297f',
     'rsrc/image/sprite-gradient.png' => 'ec15a417',
-    'rsrc/image/sprite-login-X2.png' => '3b2182c4',
+    'rsrc/image/sprite-login-X2.png' => '46f95dcc',
-    'rsrc/image/sprite-login.png' => '9effdc71',
+    'rsrc/image/sprite-login.png' => '4e0e66ee',
     'rsrc/image/sprite-main-header.png' => '83521873',
     'rsrc/image/sprite-menu-X2.png' => '39d78f97',
     'rsrc/image/sprite-menu.png' => '259dab45',
@@ -817,7 +817,7 @@ return array(
     'sprite-conpherence-css' => '3b4a0487',
     'sprite-docs-css' => '5f65d0da',
     'sprite-gradient-css' => '4bdb98a7',
-    'sprite-login-css' => '878ee4d8',
+    'sprite-login-css' => 'cf08ac44',
     'sprite-main-header-css' => '92720ee2',
     'sprite-menu-css' => '28281e16',
     'sprite-payments-css' => 'cc085d44',

resources/sprite/manifest/login.json

@@ -11,6 +11,11 @@
       "rule" : ".login-Asana",
       "hash" : "30df492eab339fa64c9ae9b21bb46a18"
     },
+    "login-Balanced"     : {
+      "name" : "login-Balanced",
+      "rule" : ".login-Balanced",
+      "hash" : "46bbf6e8329889b1ad55a96beacfd2f3"
+    },
     "login-Bitbucket"    : {
       "name" : "login-Bitbucket",
       "rule" : ".login-Bitbucket",
@@ -76,6 +81,11 @@
       "rule" : ".login-Openid",
       "hash" : "9267ffbb8d4e6dee409c4d8fa2d50c0a"
     },
+    "login-PayPal"       : {
+      "name" : "login-PayPal",
+      "rule" : ".login-PayPal",
+      "hash" : "60dc511206dd2923418fa07f84bf2db3"
+    },
     "login-Persona"      : {
       "name" : "login-Persona",
       "rule" : ".login-Persona",
@@ -86,6 +96,16 @@
       "rule" : ".login-Phabricator",
       "hash" : "fad258eb347a1ccf5800b0ee2d8e6e49"
     },
+    "login-Stripe"       : {
+      "name" : "login-Stripe",
+      "rule" : ".login-Stripe",
+      "hash" : "6a71ba00ed2325012650b4bf63bb064d"
+    },
+    "login-TestPayment"  : {
+      "name" : "login-TestPayment",
+      "rule" : ".login-TestPayment",
+      "hash" : "9783485db2b5f5035265f4e6d2bc6cd0"
+    },
     "login-TwitchTV"     : {
       "name" : "login-TwitchTV",
       "rule" : ".login-TwitchTV",
@@ -96,6 +116,11 @@
       "rule" : ".login-Twitter",
       "hash" : "0b64983507a720b365474b778a966bab"
     },
+    "login-WePay"        : {
+      "name" : "login-WePay",
+      "rule" : ".login-WePay",
+      "hash" : "7dd33f6271e948b86df5a642d504c995"
+    },
     "login-WordPressCOM" : {
       "name" : "login-WordPressCOM",
       "rule" : ".login-WordPressCOM",

webroot/rsrc/css/sprite-login.css

@@ -13,7 +13,7 @@ only screen and (min-device-pixel-ratio: 1.5),
 only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   .sprite-login {
     background-image: url(/rsrc/image/sprite-login-X2.png);
-    background-size: 175px 175px;
+    background-size: 175px 210px;
   }
 }
 
@@ -26,34 +26,38 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   background-position: -35px 0px;
 }
 
-.login-Bitbucket {
+.login-Balanced {
   background-position: -70px 0px;
 }
 
-.login-Disqus {
+.login-Bitbucket {
   background-position: -105px 0px;
 }
 
-.login-Dropbox {
+.login-Disqus {
   background-position: -140px 0px;
 }
 
-.login-Facebook {
+.login-Dropbox {
   background-position: 0px -35px;
 }
 
-.login-Generic {
+.login-Facebook {
   background-position: -35px -35px;
 }
 
-.login-Github {
+.login-Generic {
   background-position: -70px -35px;
 }
 
-.login-Google {
+.login-Github {
   background-position: -105px -35px;
 }
 
+.login-Google {
+  background-position: -140px -35px;
+}
+
 .login-HTTP {
   background-position: 0px -70px;
 }
@@ -71,10 +75,14 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 }
 
 .login-MediaWiki {
-  background-position: 0px -105px;
+  background-position: -140px -70px;
 }
 
 .login-Openid {
+  background-position: 0px -105px;
+}
+
+.login-PayPal {
   background-position: -35px -105px;
 }
 
@@ -86,18 +94,30 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   background-position: -105px -105px;
 }
 
-.login-TwitchTV {
+.login-Stripe {
+  background-position: -140px -105px;
+}
+
+.login-TestPayment {
   background-position: 0px -140px;
 }
 
-.login-Twitter {
+.login-TwitchTV {
   background-position: -35px -140px;
 }
 
-.login-WordPressCOM {
+.login-Twitter {
   background-position: -70px -140px;
 }
 
-.login-Yahoo {
+.login-WePay {
   background-position: -105px -140px;
 }
+
+.login-WordPressCOM {
+  background-position: -140px -140px;
+}
+
+.login-Yahoo {
+  background-position: 0px -175px;
+}