Upstream Android NTP resources.

chrome/browser/resources/ntp_android/opentabs.css

Index: chrome/browser/resources/ntp_android/opentabs.css
diff --git a/chrome/browser/resources/ntp_android/opentabs.css b/chrome/browser/resources/ntp_android/opentabs.css
new file mode 100644
index 0000000000000000000000000000000000000000..53bc0a5662654ce35eb706d1c0578633884443f0
--- /dev/null
+++ b/chrome/browser/resources/ntp_android/opentabs.css
@@ -0,0 +1,177 @@
+/* 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. */
+
+.list-item {
+  -webkit-tap-highlight-color: transparent;
+  -webkit-transition: 300ms linear;
+  -webkit-transition-property: background;
+  background: transparent;
+  height: 50px;
+  padding-bottom: auto;
+  padding-top: auto;
+  position: relative; /* So the fader can be positioned at the end */
+}
+
+.list-item-active,
+.session-header .list-item.list-item-active {
+  -webkit-tap-highlight-color: transparent;
+  background: rgba(51, 181, 229, 0.4);
+}
+
+.list-item-active.no-active-delay {
+  -webkit-transition: none;
+}
+
+.list-item.standard-divider {
+  border-bottom: 1px solid #c1c1c1;
+}
+
+.list-item .section-divider {
+  background-color: #777;
+  bottom: 0;
+  height: 2px;
+  position: absolute;
+  width: 100%;
+}
+
+.list-item .icon {
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+  height: 48px;
+  left: 0;
+  position: absolute;
+  width: 48px;
+}
+
+.list-item .title {
+  -webkit-box-align: center;
+  -webkit-mask-image: -webkit-gradient(
+    linear,
+    left center,
+    right center,
+    from(rgba(0,0,0,1)),
+    color-stop(0.85, rgba(0,0,0,1)),
+    color-stop(0.95, rgba(0,0,0,0)),
+    to(rgba(0,0,0,0))
+  );
+  color: #4c4c4c;
+  display: -webkit-box;
+  font-size: 16px;
+  height: 100%;
+  left: 50px;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  top: 0;
+  white-space: nowrap;
+}
+
+.session-header .list-item {
+  background: #ebebeb;
+}
+
+.title .session-name {
+  color: #4c4c4c;
+  font-weight: bold;
+}
+
+.title .session-last-synced {
+  color: #8f8f8f;
+  font-weight: bold;
+}
+
+.session-children-container {
+  -webkit-transition: height 200ms ease-in-out;
+  height: 100%; /* needed for collapse animation */
+  overflow: hidden;
+}
+
+.session-header {
+  position: relative;
+}
+
+.expando {
+  background-size: 100%;
+  height: 13px;
+  margin-top: -6.5px;
+  position: absolute;
+  right: 18.5px;
+  top: 50%;
+  width: 14px;
+}
+
+.expando.open {
+  background-image: url(images/disclosure_open_mdpi.png);
+}
+
+.expando.closed {
+  background-image: url(images/disclosure_closed_mdpi.png);
+}
+
+.session-icon.laptop {
+  background-image: url(images/laptop_mdpi.png);
+}
+
+.session-icon.tablet {
+  background-image: url(images/tablet_mdpi.png);
+}
+
+.session-icon.phone {
+  background-image: url(images/phone_mdpi.png);
+}
+
+.session-icon.documents {
+  background-image: url(images/sent_mdpi.png);
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
+  .expando.open {
+    background-image: url(images/disclosure_open_hdpi.png);
+  }
+  .expando.closed {
+    background-image: url(images/disclosure_closed_hdpi.png);
+  }
+  .session-icon.laptop {
+    background-image: url(images/laptop_hdpi.png);
+  }
+  .session-icon.tablet {
+    background-image: url(images/tablet_hdpi.png);
+  }
+  .session-icon.phone {
+    background-image: url(images/phone_hdpi.png);
+  }
+  .session-icon.documents {
+    background-image: url(images/sent_hdpi.png);
+  }
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 2.0) {
+  .expando.open {
+    background-image: url(images/disclosure_open_xhdpi.png);
+  }
+  .expando.closed {
+    background-image: url(images/disclosure_closed_xhdpi.png);
+  }
+  .session-icon.laptop {
+    background-image: url(images/laptop_xhdpi.png);
+  }
+  .session-icon.tablet {
+    background-image: url(images/tablet_xhdpi.png);
+  }
+  .session-icon.phone {
+    background-image: url(images/phone_xhdpi.png);
+  }
+  .session-icon.documents {
+    background-image: url(images/sent_xhdpi.png);
+  }
+}
+
+.session-icon {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 32px 32px;
+  height: 48px;
+  width: 48px;
+}