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 |