Add webui handler for promotions on Android NTP.

chrome/browser/resources/ntp_android/ntp_android.css

Index: chrome/browser/resources/ntp_android/ntp_android.css
diff --git a/chrome/browser/resources/ntp_android/ntp_android.css b/chrome/browser/resources/ntp_android/ntp_android.css
index 0245152507180d3e5f9e9b33d7cfa572d4496259..c183998462b1b672c91b2f51974bac9ada8de170 100644
--- a/chrome/browser/resources/ntp_android/ntp_android.css
+++ b/chrome/browser/resources/ntp_android/ntp_android.css
@@ -37,32 +37,51 @@ body {
   width: 275px;
 }
 
+.promo-action-target {
+  -webkit-tap-highlight-color: transparent;
+}
+
 .promo-message {
   font-family: Arial, sans-serif;
-  font-size: 14pt;
-  margin-bottom: 16px;
-  margin-top: 16px;
+  font-size: 12pt;
+  margin: 16px 24px;
+  text-align: center;
+}
+
+.promo-button {
+  background: -webkit-gradient(
+      linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08),
+      inset 0 0 2px rgba(255, 255, 255, 0.6);
+  font-size: 12pt;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 10px;
   text-align: center;
 }
 
+.promo-button-active {
+  -webkit-tap-highlight-color: transparent;
+  background: rgba(51, 181, 229, 0.4);
+}
+
 .promo-sync-graphic {
-  background-image: url(images/syncfographic_mdpi.png);
+  background-image: -webkit-image-set(
+      url('images/syncfographic_mdpi.png') 1x,
+      url('images/syncfographic_hdpi.png') 1.5x,
+      url('images/syncfographic_xhdpi.png') 2x);
   background-repeat: no-repeat;
   height: 130px;
 }
 
-@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
-  .promo-sync-graphic {
-    background-image: url(images/syncfographic_hdpi.png);
-    height: 195px;
-    zoom: 0.66;
-  }
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 2.0) {
-  .promo-sync-graphic {
-    background-image: url(images/syncfographic_xhdpi.png);
-    height: 260px;
-    zoom: 0.5;
-  }
+body[device='tablet'] .promo-sync-graphic {
+  background-image: -webkit-image-set(
+      url('images/syncfographic_sw600dp_mdpi.png') 1x,
+      url('images/syncfographic_sw600dp_hdpi.png') 1.5x,
+      url('images/syncfographic_sw600dp_xhdpi.png') 2x);
+  background-repeat: no-repeat;
+  height: 260px;
+  zoom: 0.5;
 }