Upstream Android NTP resources.

chrome/browser/resources/ntp_android/mostvisited.css

Index: chrome/browser/resources/ntp_android/mostvisited.css
diff --git a/chrome/browser/resources/ntp_android/mostvisited.css b/chrome/browser/resources/ntp_android/mostvisited.css
new file mode 100644
index 0000000000000000000000000000000000000000..abee171b9d51e80ad32a2b017bcc27adf01482d4
--- /dev/null
+++ b/chrome/browser/resources/ntp_android/mostvisited.css
@@ -0,0 +1,107 @@
+/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+
+/* begin: show/hide selected ntp section */
+body[device='phone'] .main-section {
+  display: none;
+}
+
+body[device='phone'] .main-section.selected {
+  display: block;
+}
+/* end: show/hide selected ntp section */
+
+.thumbnail-cell {
+  -webkit-tap-highlight-color: transparent;
+  position: relative;
+}
+
+.thumbnail-cell-shade {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.thumbnail-cell-shade-active {
+  background: rgba(51, 181, 229, 0.4);
+}
+
+body[device='phone'] .thumbnail-cell {
+  display: inline-block;
+  position: relative;
+  text-align: center;
+  vertical-align: top;
+}
+
+body[device='phone'] #most_visited_list .thumbnail-container {
+  border: 1px solid #999;
+}
+
+body[device='phone'] #most_visited_list:active .thumbnail-container {
+  -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
+  background:
+    -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      from(rgba(0, 0, 0, 0.05)),
+      to(rgba(0, 0, 0, 0.05))),
+    -webkit-gradient(
+      linear,
+      32 top,
+      left bottom,
+      from(rgba(255, 255, 255, 0)),
+      to(rgba(255, 255, 255, 1.0))),
+    -webkit-gradient(
+      linear,
+      left 150,
+      left 155,
+      from(rgba(255, 255, 255, 0)),
+      to(rgba(255, 255, 255, 1.0)));
+}
+
+/* This is the div that gets the background set as a thumbnail */
+body[device='phone'] #most_visited_list .thumbnail {
+  background-image: url(images/default_thumbnail.png);
+  background-position: center top;
+  background-repeat: no-repeat;
+  background-size: cover;
+  cursor: pointer;
+}
+
+body[device='phone'] #most_visited_list .inner-border {
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    from(rgba(0, 0, 0, 0)),
+    to(rgba(0, 0, 0, 0.05)));
+  border: 1px solid rgba(255, 255, 255, .8);
+  left: 1px;
+  position: absolute;
+  top: 1px;
+}
+
+body[device='phone'] #most_visited_list .title-spacer {
+  height: 20px;
+  width: 0;
+}
+
+body[device='phone'] #most_visited_list .title {
+  overflow-x: hidden;
+  overflow-y: visible;
+  position: absolute;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+body[device='phone'] .recently-closed-title-container {
+  border-bottom: 1px solid #c1c1c1;
+  color: rgba(0, 0, 0, 0.5);
+  font-size: 16px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+}