| 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 25 matching lines...) Expand all Loading... |
| 36 .filler { | 36 .filler { |
| 37 pointer-events: none; | 37 pointer-events: none; |
| 38 } | 38 } |
| 39 | 39 |
| 40 .most-visited .close-button { | 40 .most-visited .close-button { |
| 41 opacity: 0; | 41 opacity: 0; |
| 42 position: absolute; | 42 position: absolute; |
| 43 right: 0; | 43 right: 0; |
| 44 top: 0; | 44 top: 0; |
| 45 z-index: 5; | 45 z-index: 5; |
| 46 -webkit-transition: opacity 0.15s; | 46 -webkit-transition: opacity 150ms; |
| 47 } | 47 } |
| 48 | 48 |
| 49 html[dir=rtl] .most-visited .close-button { | 49 html[dir=rtl] .most-visited .close-button { |
| 50 left: 0; | 50 left: 0; |
| 51 right: auto; | 51 right: auto; |
| 52 } | 52 } |
| 53 | 53 |
| 54 .most-visited:hover .close-button { | 54 .most-visited:hover .close-button { |
| 55 opacity: 1; | 55 opacity: 1; |
| 56 -webkit-transition-delay: 0.5s; | 56 -webkit-transition-delay: 500ms; |
| 57 } | 57 } |
| 58 | 58 |
| 59 .most-visited .close-button:hover { | 59 .most-visited .close-button:hover { |
| 60 -webkit-transition: none; | 60 -webkit-transition: none; |
| 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 bottom: 7px; | 65 bottom: 7px; |
| 66 box-sizing: border-box; | 66 box-sizing: border-box; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 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 |
| 101 * should be sufficient, but they're here for extra insurance. We never want | 101 * should be sufficient, but they're here for extra insurance. We never want |
| 102 * to scale a thumbnail larger than this size. */ | 102 * to scale a thumbnail larger than this size. */ |
| 103 max-height: 132px; | 103 max-height: 132px; |
| 104 max-width: 212px; | 104 max-width: 212px; |
| 105 -webkit-transition: opacity 0.15s; | 105 -webkit-transition: opacity 150ms; |
| 106 } | 106 } |
| 107 | 107 |
| 108 .filler .thumbnail { | 108 .filler .thumbnail { |
| 109 /* TODO(estade): there seems to be a webkit bug where this border is not | 109 /* TODO(estade): there seems to be a webkit bug where this border is not |
| 110 * always removed when it should be. Investigate. */ | 110 * always removed when it should be. Investigate. */ |
| 111 border: 1px solid; | 111 border: 1px solid; |
| 112 visibility: visible; | 112 visibility: visible; |
| 113 } | 113 } |
| 114 | 114 |
| 115 .thumbnail-shield { | 115 .thumbnail-shield { |
| (...skipping 28 matching lines...) Expand all Loading... |
| 144 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); | 144 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); |
| 145 } | 145 } |
| 146 | 146 |
| 147 .thumbnail-wrapper { | 147 .thumbnail-wrapper { |
| 148 border: 1px solid transparent; | 148 border: 1px solid transparent; |
| 149 border-radius: 3px; | 149 border-radius: 3px; |
| 150 display: block; | 150 display: block; |
| 151 position: relative; | 151 position: relative; |
| 152 z-index: 5; | 152 z-index: 5; |
| 153 -webkit-box-flex: 1; | 153 -webkit-box-flex: 1; |
| 154 -webkit-transition: background-color .15s; | 154 -webkit-transition: background-color 150ms; |
| 155 } | 155 } |
| 156 | 156 |
| 157 .filler .thumbnail-wrapper { | 157 .filler .thumbnail-wrapper { |
| 158 visibility: visible; | 158 visibility: visible; |
| 159 } | 159 } |
| 160 | 160 |
| 161 /* 'finishing-drag' is the state we are in after dropping on the trash can. | 161 /* 'finishing-drag' is the state we are in after dropping on the trash can. |
| 162 * Override opacity of the tile to 1, so that the new tile animation | 162 * Override opacity of the tile to 1, so that the new tile animation |
| 163 * occurs simultaneously with the trash animation. */ | 163 * occurs simultaneously with the trash animation. */ |
| 164 .tile.dragging.finishing-drag { | 164 .tile.dragging.finishing-drag { |
| 165 opacity: 1; | 165 opacity: 1; |
| 166 } | 166 } |
| 167 | 167 |
| 168 /* Don't display the new tile until there's something to show. */ | 168 /* Don't display the new tile until there's something to show. */ |
| 169 .blacklisted { | 169 .blacklisted { |
| 170 opacity: 0; | 170 opacity: 0; |
| 171 } | 171 } |
| OLD | NEW |