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

Side by Side Diff: chrome/browser/resources/ntp4/most_visited_page.css

Issue 7810007: [ntp4] More UI refinements (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Created 9 years, 3 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 | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 .most-visited { 6 .most-visited {
7 position: absolute; 7 position: absolute;
8 } 8 }
9 9
10 .most-visited { 10 .most-visited {
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
55 opacity: 1; 55 opacity: 1;
56 -webkit-transition-delay: 0.5s; 56 -webkit-transition-delay: 0.5s;
57 } 57 }
58 58
59 .close-button:hover { 59 .close-button:hover {
60 -webkit-transition-delay: 0; 60 -webkit-transition-delay: 0;
61 } 61 }
62 62
63 .most-visited .favicon { 63 .most-visited .favicon {
64 background: no-repeat 5px 50%; 64 background: no-repeat 5px 50%;
65 background-size: 32px;
66 bottom: 7px; 65 bottom: 7px;
67 box-sizing: border-box; 66 box-sizing: border-box;
68 display: block; 67 display: block;
69 height: 32px; 68 height: 16px;
70 position: absolute; 69 position: absolute;
71 width: 100%; 70 width: 100%;
72 } 71 }
73 72
74 .most-visited .color-stripe { 73 .most-visited .color-stripe {
75 border-bottom-left-radius: 3px 3px; 74 border-bottom-left-radius: 3px 3px;
76 border-bottom-right-radius: 3px 3px; 75 border-bottom-right-radius: 3px 3px;
77 /* Matches height of title. */ 76 /* Matches height of title. */
78 bottom: 23px; 77 bottom: 23px;
79 height: 3px; 78 height: 3px;
80 opacity: 0.5; 79 /* Matches padding-top of the title. */
80 margin-bottom: 8px;
81 position: absolute; 81 position: absolute;
82 width: 100%; 82 width: 100%;
83 z-index: 100; 83 z-index: 100;
84 } 84 }
85 85
86 .most-visited .title { 86 .most-visited .title {
87 display: block; 87 display: block;
88 height: 23px; 88 height: 23px;
89 line-height: 23px;
90 overflow: hidden; 89 overflow: hidden;
90 padding-top: 8px;
91 text-align: center; 91 text-align: center;
92 text-overflow: ellipsis; 92 text-overflow: ellipsis;
93 white-space: nowrap; 93 white-space: nowrap;
94 } 94 }
95 95
96 .thumbnail { 96 .thumbnail {
97 background: no-repeat; 97 background: no-repeat;
98 background-size: 100%; 98 background-size: 100%;
99 border-radius: 3px; 99 border-radius: 3px;
100 /* These max dimensions are not necessary, as the sizing logic in the .js 100 /* These max dimensions are not necessary, as the sizing logic in the .js
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
160 * Override opacity of the tile to 1, so that the new tile animation 160 * Override opacity of the tile to 1, so that the new tile animation
161 * occurs simultaneously with the trash animation. */ 161 * occurs simultaneously with the trash animation. */
162 .tile.dragging.finishing-drag { 162 .tile.dragging.finishing-drag {
163 opacity: 1; 163 opacity: 1;
164 } 164 }
165 165
166 /* Don't display the new tile until there's something to show. */ 166 /* Don't display the new tile until there's something to show. */
167 .blacklisted { 167 .blacklisted {
168 opacity: 0; 168 opacity: 0;
169 } 169 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/bookmarks_page.js ('k') | chrome/browser/resources/ntp4/most_visited_page.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698