| 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 |