Refactoring NTP5: new implementation of TilePage and MostVisitedPage (which now inherits from Thumb…

chrome/browser/resources/ntp_search/most_visited_page.css

Index: chrome/browser/resources/ntp_search/most_visited_page.css
diff --git a/chrome/browser/resources/ntp_search/most_visited_page.css b/chrome/browser/resources/ntp_search/most_visited_page.css
new file mode 100644
index 0000000000000000000000000000000000000000..9e0214206447ce04d7d44da874fde4de8cd46528
--- /dev/null
+++ b/chrome/browser/resources/ntp_search/most_visited_page.css
@@ -0,0 +1,59 @@
+/* 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. */
+
+.close-button {
+  background: no-repeat;
+  background-color: transparent;
+  /* TODO(estade): this should animate between states. */
+  background-image: -webkit-image-set(
+      url('../../../../ui/resources/default_100_percent/close_bar.png') 1x,
+      url('../../../../ui/resources/default_200_percent/close_bar.png') 2x);
+  border: 0;
+  cursor: default;
+  display: inline-block;
+  height: 16px;
+  padding: 0;
+  position: absolute;
+  width: 16px;
+  z-index: 999;
+}
+
+.close-button:hover,
+.close-button:focus {
+  background-image: -webkit-image-set(
+      url('../../../../ui/resources/default_100_percent/close_bar_hover.png')
+          1x,
+      url('../../../../ui/resources/default_200_percent/close_bar_hover.png')
+          2x);
+}
+
+.close-button:active {
+  background-image: -webkit-image-set(
+      url('../../../../ui/resources/default_100_percent/close_bar_pressed.png')
+          1x,
+      url('../../../../ui/resources/default_200_percent/close_bar_pressed.png')
+          2x);
+}
+
+/* TODO(xci) organize rules */

[Evan Stade, 2012/08/07 21:57:12]

: after )

[pedrosimonetti2, 2012/08/08 08:14:22]

Done.

+.thumbnail .close-button {
+  -webkit-transition: opacity 500ms ease-in-out;
+  opacity: 0;
+  right: 2px;
+  top: 2px;
+}
+
+html[dir=rtl] .thumbnail .close-button {
+  left: 0;
+  right: auto;
+}
+
+.thumbnail:hover .close-button {
+  -webkit-transition-delay: 500ms;
+  opacity: 1;
+}
+
+.thumbnail .close-button:hover {
+  -webkit-transition: none;
+}