Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(293)

Side by Side Diff: chrome/browser/resources/ntp_search/thumbnail_page.css

Issue 10829131: Refactoring NTP5: new implementation of TilePage and MostVisitedPage (which now inherits from Thumb… (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: Manually fixing mock_data_autogen.js lines with more than 80 chars. Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5 /* -----------------------------------------------------------------------------
6 Thumbnail Cell and Tile
7 ----------------------------------------------------------------------------- */
8
9 .thumbnail-page .tile-cell {
10 -webkit-margin-start: 18px;
11 height: 80px;
12 margin-bottom: 22px;
13 width: 132px;
14 }
15
16 .thumbnail-page .tile-cell .tile {
17 background: #fff;
18 border: 1px solid rgb(192, 192, 192);
19 border-radius: 2px;
20 box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
21 display: block;
22 height: 78px;
23 position: relative;
24 width: 130px;
25 }
26
27 .thumbnail-page .tile-cell .tile:hover {
28 /* TODO(pedrosimonetti): Confirm value with Marcin. */
29 border-color: rgb(127, 127, 127);
30 }
31
32 .thumbnail-page .tile-cell.filler .tile {
33 background: -webkit-linear-gradient(rgb(242, 242, 242), rgb(232, 232, 232));
34 border-color: rgb(224, 224, 224);
35 border-radius: 3px;
36 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
37 display: inline-block;
38 position: absolute;
39 }
40
41 /* -----------------------------------------------------------------------------
42 Thumbnail
43 ----------------------------------------------------------------------------- */
44
45 .thumbnail .thumbnail-image {
46 background-size: 100%;
47 display: block;
48 height: 100%;
49 position: absolute;
50 width: 100%;
51 }
52
53 .thumbnail .title {
54 color: #777;
55 display: none;
56 font-size: 0.9167em;
57 overflow: hidden;
58 position: absolute;
59 text-align: center;
60 text-overflow: ellipsis;
61 white-space: nowrap;
62 width: 100%;
63 }
64
65 .thumbnail:hover .title {
66 bottom: -18px;
67 display: block;
68 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp_search/page_list_view.js ('k') | chrome/browser/resources/ntp_search/thumbnail_page.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698