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

Side by Side Diff: chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 months 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
« no previous file with comments | « chrome/browser/resources/chromeos/neterror.css ('k') | chrome/browser/resources/components.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2013 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 html { 5 html {
6 height: 100%; 6 height: 100%;
7 } 7 }
8 8
9 body { 9 body {
10 -webkit-app-region: drag; 10 -webkit-app-region: drag;
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
53 #categories-list { 53 #categories-list {
54 -webkit-box-orient: horizontal; 54 -webkit-box-orient: horizontal;
55 display: -webkit-box; 55 display: -webkit-box;
56 height: 54px; 56 height: 54px;
57 outline: none; 57 outline: none;
58 width: 100%; 58 width: 100%;
59 } 59 }
60 60
61 #categories-list > li { 61 #categories-list > li {
62 -webkit-box-align: center; 62 -webkit-box-align: center;
63 -webkit-transition: border-top 130ms ease;
64 -webkit-user-select: none; 63 -webkit-user-select: none;
65 border-top: 4px solid transparent; 64 border-top: 4px solid transparent;
66 color: #777; 65 color: #777;
67 display: -webkit-box; 66 display: -webkit-box;
68 height: 50px; 67 height: 50px;
68 transition: border-top 130ms ease;
69 } 69 }
70 70
71 #categories-list:not([disabled]) > li:hover { 71 #categories-list:not([disabled]) > li:hover {
72 border-top-color: rgba(255, 255, 255, 0.4); 72 border-top-color: rgba(255, 255, 255, 0.4);
73 cursor: pointer; 73 cursor: pointer;
74 } 74 }
75 75
76 #categories-list > li[selected] { 76 #categories-list > li[selected] {
77 color: rgb(70, 78, 90); 77 color: rgb(70, 78, 90);
78 cursor: default; 78 cursor: default;
(...skipping 21 matching lines...) Expand all
100 100
101 #window-close-button { 101 #window-close-button {
102 background-image: url(../images/ui/close-white.png); 102 background-image: url(../images/ui/close-white.png);
103 } 103 }
104 104
105 #window-close-button:hover { 105 #window-close-button:hover {
106 background-image: url(../images/ui/close-white-hover.png); 106 background-image: url(../images/ui/close-white-hover.png);
107 } 107 }
108 108
109 #bar { 109 #bar {
110 -webkit-transition: left 130ms ease-in-out;
111 background-color: #eee; 110 background-color: #eee;
112 height: 4px; 111 height: 4px;
113 position: absolute; 112 position: absolute;
114 top: 0; 113 top: 0;
114 transition: left 130ms ease-in-out;
115 } 115 }
116 116
117 .dialog-main { 117 .dialog-main {
118 display: flex; 118 display: flex;
119 flex: 1; 119 flex: 1;
120 } 120 }
121 121
122 #category-container { 122 #category-container {
123 flex: 1; 123 flex: 1;
124 position: relative; 124 position: relative;
(...skipping 155 matching lines...) Expand 10 before | Expand all | Expand 10 after
280 280
281 .progress-bar { 281 .progress-bar {
282 background-color: rgba(255, 255, 255, 0.7); 282 background-color: rgba(255, 255, 255, 0.7);
283 height: 6px; 283 height: 6px;
284 position: absolute; 284 position: absolute;
285 top: 62px; 285 top: 62px;
286 width: 100%; 286 width: 100%;
287 } 287 }
288 288
289 .progress-track { 289 .progress-track {
290 -webkit-transition: width 1ms linear;
291 background-color: rgb(66, 129, 244); 290 background-color: rgb(66, 129, 244);
292 height: 100%; 291 height: 100%;
292 transition: width 1ms linear;
293 width: 0; 293 width: 0;
294 } 294 }
295 295
296 .overlay-container { 296 .overlay-container {
297 -webkit-box-align: center; 297 -webkit-box-align: center;
298 -webkit-box-orient: vertical; 298 -webkit-box-orient: vertical;
299 -webkit-box-pack: center; 299 -webkit-box-pack: center;
300 background-color: rgba(25, 25, 25, 0.25); 300 background-color: rgba(25, 25, 25, 0.25);
301 bottom: 0; 301 bottom: 0;
302 display: -webkit-box; 302 display: -webkit-box;
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
368 margin-right: 4px; 368 margin-right: 4px;
369 opacity: 0.7; 369 opacity: 0.7;
370 position: relative; 370 position: relative;
371 top: 4px; 371 top: 4px;
372 width: 17px; 372 width: 17px;
373 } 373 }
374 374
375 #surprise-me #checkbox.checked { 375 #surprise-me #checkbox.checked {
376 background-image: url(../images/ui/checkbox_checked.png); 376 background-image: url(../images/ui/checkbox_checked.png);
377 } 377 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/neterror.css ('k') | chrome/browser/resources/components.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698