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

chrome/browser/resources/ntp_search/thumbnail_page.css

Index: chrome/browser/resources/ntp_search/thumbnail_page.css
diff --git a/chrome/browser/resources/ntp_search/thumbnail_page.css b/chrome/browser/resources/ntp_search/thumbnail_page.css
new file mode 100644
index 0000000000000000000000000000000000000000..bb9c7b9806a8125fb2f8baf1dd8891f87880e6b2
--- /dev/null
+++ b/chrome/browser/resources/ntp_search/thumbnail_page.css
@@ -0,0 +1,43 @@
+/* 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. */
+
+.filler .thumbnail {
+  display: none !important;

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

why do you need !important? Don't use it if it's possible to avoid.

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

Done.

+}
+
+.thumbnail {
+  display: block;
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.thumbnail .thumbnail-wrapper {
+  display: block;
+}
+
+.thumbnail .thumbnail-image {
+  background-size: 100%;
+  display: block;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+
+.thumbnail .title {
+  color: #777;
+  display: none;
+  font: 11px Arial;

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

this is not the correct font to use. The font should depend on the platform. See
SetFontAndTextDirection.

Also the size should not be hard-coded; it should be an em value which will be
relative to the inherited font size.

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

Done.

+  overflow: hidden;
+  position: absolute;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.thumbnail:hover .title {
+  bottom: -18px;
+  display: block;
+}