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

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

Issue 10867021: NTP5: Improving the Tile Page resize logic (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: 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
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 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 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 /* ----------------------------------------------------------------------------- 5 /* -----------------------------------------------------------------------------
6 Thumbnail Cell and Tile 6 Thumbnail Cell and Tile
7 ----------------------------------------------------------------------------- */ 7 ----------------------------------------------------------------------------- */
8 8
9 .thumbnail-page .tile-cell { 9 .thumbnail-page .tile-cell {
10 -webkit-margin-start: 18px; 10 -webkit-margin-start: 18px;
(...skipping 16 matching lines...) Expand all
27 .thumbnail-page .tile-cell .tile:hover { 27 .thumbnail-page .tile-cell .tile:hover {
28 /* TODO(pedrosimonetti): Confirm value with Marcin. */ 28 /* TODO(pedrosimonetti): Confirm value with Marcin. */
29 border-color: rgb(127, 127, 127); 29 border-color: rgb(127, 127, 127);
30 } 30 }
31 31
32 .thumbnail-page .tile-cell.filler .tile { 32 .thumbnail-page .tile-cell.filler .tile {
33 background: -webkit-linear-gradient(rgb(242, 242, 242), rgb(232, 232, 232)); 33 background: -webkit-linear-gradient(rgb(242, 242, 242), rgb(232, 232, 232));
34 border-color: rgb(224, 224, 224); 34 border-color: rgb(224, 224, 224);
35 border-radius: 3px; 35 border-radius: 3px;
36 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); 36 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
37 display: inline-block;
38 position: absolute;
39 } 37 }
40 38
41 /* ----------------------------------------------------------------------------- 39 /* -----------------------------------------------------------------------------
42 Thumbnail 40 Thumbnail
43 ----------------------------------------------------------------------------- */ 41 ----------------------------------------------------------------------------- */
44 42
45 .thumbnail .thumbnail-image { 43 .thumbnail .thumbnail-image {
46 background-size: 100%; 44 background-size: 100%;
47 display: block; 45 display: block;
48 height: 100%; 46 height: 100%;
(...skipping 10 matching lines...) Expand all
59 text-align: center; 57 text-align: center;
60 text-overflow: ellipsis; 58 text-overflow: ellipsis;
61 white-space: nowrap; 59 white-space: nowrap;
62 width: 100%; 60 width: 100%;
63 } 61 }
64 62
65 .thumbnail:hover .title { 63 .thumbnail:hover .title {
66 bottom: -18px; 64 bottom: -18px;
67 display: block; 65 display: block;
68 } 66 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698