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

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

Issue 8680003: Clean-up: Change chrome/browser's CSS time units from s to ms. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: reverting change to 1.8s -> 1800ms in print_preview.css Created 9 years 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 25 matching lines...) Expand all
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
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/bookmarks_page.css ('k') | chrome/browser/resources/ntp4/nav_dot.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698