OLD | NEW |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |