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

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

Issue 11416091: NTP5: Implementing new specification for favicons of Most Visited Pages. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Addressing Evan's comments Created 8 years, 1 month 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 | Annotate | Revision Log
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: 12px; 10 -webkit-margin-start: 12px;
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 ----------------------------------------------------------------------------- */ 43 ----------------------------------------------------------------------------- */
44 44
45 .thumbnail .thumbnail-image { 45 .thumbnail .thumbnail-image {
46 /* These values are equivalent to background-size: 100%. 46 /* These values are equivalent to background-size: 100%.
47 TODO(jeremycho): Resolve the discrepancy with the cell dimensions above. */ 47 TODO(jeremycho): Resolve the discrepancy with the cell dimensions above. */
48 background-size: 110px 68px; 48 background-size: 110px 68px;
49 } 49 }
50 50
51 .thumbnail .title, 51 .thumbnail .title,
52 .thumbnail-banner { 52 .thumbnail-banner {
53 bottom: -18px; 53 bottom: -26px;
54 color: #777; 54 color: #777;
55 font-size: 0.9167em; 55 font-size: 0.9167em;
56 overflow: hidden; 56 overflow: hidden;
57 position: absolute; 57 position: absolute;
58 text-align: center; 58 text-align: center;
59 text-overflow: ellipsis; 59 text-overflow: ellipsis;
60 white-space: nowrap; 60 white-space: nowrap;
61 width: 100%; 61 width: 100%;
62 } 62 }
63 63
64 .thumbnail, 64 .thumbnail,
65 .thumbnail-wrapper, 65 .thumbnail-wrapper,
66 .thumbnail-card { 66 .thumbnail-card {
67 -webkit-background-clip: padding-box; 67 -webkit-background-clip: padding-box;
68 } 68 }
69 69
70 .thumbnail-wrapper { 70 .thumbnail-wrapper {
71 display: block; 71 display: block;
72 height: 100%; 72 height: 100%;
73 overflow: hidden; 73 overflow: hidden;
74 width: 100%; 74 width: 100%;
75 } 75 }
76 76
77 .thumbnail-banner { 77 .thumbnail-banner {
78 bottom: 13px; 78 bottom: 25px;
Evan Stade 2012/11/20 23:52:05 you specify this twice. Better to doing so rather
pedro (no code reviews) 2012/11/21 00:14:03 Done.
79 display: block; 79 display: block;
80 font-size: 1.14em; 80 font-size: 1.14em;
81 margin: 0 7px; 81 margin: 0 7px;
82 width: 88%; 82 width: 88%;
83 } 83 }
84 84
85 .thumbnail-favicon { 85 .thumbnail-favicon {
86 height: 16px; 86 height: 16px;
87 margin: 0 auto; 87 margin: 0 auto;
88 position: relative; 88 position: relative;
89 top: 19px; 89 top: -8px;
90 width: 16px; 90 width: 16px;
91 } 91 }
92 92
93 .thumbnail-card { 93 .thumbnail-card {
94 /* This gives a 3px offset between consecutive thumbnails on the stack and 94 /* This gives a 3px offset between consecutive thumbnails on the stack and
95 should be kept in sync with RecentlyClosed's STACK_OFFSET. */ 95 should be kept in sync with RecentlyClosed's STACK_OFFSET. */
96 -webkit-margin-start: -129px; 96 -webkit-margin-start: -129px;
97 border: 1px solid silver; 97 border: 1px solid silver;
98 border-radius: 2px; 98 border-radius: 2px;
99 display: inline-block; 99 display: inline-block;
100 height: 100%; 100 height: 100%;
101 margin-top: -1px; 101 margin-top: -1px;
102 position: relative; 102 position: relative;
103 width: 100%; 103 width: 100%;
104 } 104 }
105 105
106 .thumbnail-card:first-child { 106 .thumbnail-card:first-child {
107 -webkit-margin-start: -1px; 107 -webkit-margin-start: -1px;
108 } 108 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp_search/new_tab.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