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

Side by Side Diff: chrome/browser/resources/hotword_audio_verification/style.css

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: rebase 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
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 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 /* TODO(xdai): Remove hard-coded font-family for 'Roboto'. */ 5 /* TODO(xdai): Remove hard-coded font-family for 'Roboto'. */
6 6
7 * { 7 * {
8 box-sizing: border-box; 8 box-sizing: border-box;
9 color: rgba(0, 0, 0, .54); 9 color: rgba(0, 0, 0, .54);
10 font-family: Roboto, 'Noto Sans', sans-serif; 10 font-family: Roboto, 'Noto Sans', sans-serif;
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after
167 display: inline-block; 167 display: inline-block;
168 line-height: 13px; 168 line-height: 13px;
169 padding-top: 3px; 169 padding-top: 3px;
170 vertical-align: top; 170 vertical-align: top;
171 } 171 }
172 172
173 .train.recorded .text { 173 .train.recorded .text {
174 color: rgba(66, 133, 244, 1); 174 color: rgba(66, 133, 244, 1);
175 } 175 }
176 176
177 @-webkit-keyframes rotate { 177 @keyframes rotate {
178 from { -webkit-transform: rotate(0); } 178 from { transform: rotate(0); }
179 to { -webkit-transform: rotate(359deg); } 179 to { transform: rotate(359deg); }
180 } 180 }
181 181
182 .train.listening .icon { 182 .train.listening .icon {
183 -webkit-animation: rotate 2s linear infinite; 183 animation: rotate 2s linear infinite;
184 background: -webkit-image-set( 184 background: -webkit-image-set(
185 url(../images/placeholder-loader-1x.png) 1x, 185 url(../images/placeholder-loader-1x.png) 1x,
186 url(../images/placeholder-loader-2x.png) 2x) 186 url(../images/placeholder-loader-2x.png) 2x)
187 no-repeat; 187 no-repeat;
188 } 188 }
189 189
190 .train.not-started .icon { 190 .train.not-started .icon {
191 background: -webkit-image-set( 191 background: -webkit-image-set(
192 url(../images/ic-check-gray-1x.png) 1x, 192 url(../images/ic-check-gray-1x.png) 1x,
193 url(../images/ic-check-gray-2x.png) 2x) 193 url(../images/ic-check-gray-2x.png) 2x)
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
283 283
284 .buttonbar .message .icon { 284 .buttonbar .message .icon {
285 display: inline-block; 285 display: inline-block;
286 height: 18px; 286 height: 18px;
287 margin-right: 8px; 287 margin-right: 8px;
288 vertical-align: top; 288 vertical-align: top;
289 width: 18px; 289 width: 18px;
290 } 290 }
291 291
292 .buttonbar .message.wait .icon { 292 .buttonbar .message.wait .icon {
293 -webkit-animation: rotate 2s linear infinite; 293 animation: rotate 2s linear infinite;
294 background: -webkit-image-set( 294 background: -webkit-image-set(
295 url(../images/placeholder-loader-1x.png) 1x, 295 url(../images/placeholder-loader-1x.png) 1x,
296 url(../images/placeholder-loader-2x.png) 2x) 296 url(../images/placeholder-loader-2x.png) 2x)
297 no-repeat; 297 no-repeat;
298 } 298 }
299 299
300 .buttonbar .message.error .icon { 300 .buttonbar .message.error .icon {
301 background: -webkit-image-set( 301 background: -webkit-image-set(
302 url(../images/ic-error-1x.png) 1x, 302 url(../images/ic-error-1x.png) 1x,
303 url(../images/ic-error-2x.png) 2x) 303 url(../images/ic-error-2x.png) 2x)
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
352 background: none; 352 background: none;
353 border: none; 353 border: none;
354 color: rgb(58, 218, 255); 354 color: rgb(58, 218, 255);
355 float: right; 355 float: right;
356 height: 32px; 356 height: 32px;
357 margin-left: 18px; 357 margin-left: 18px;
358 min-width: 56px; 358 min-width: 56px;
359 padding: 0 8px 0 8px; 359 padding: 0 8px 0 8px;
360 text-transform: uppercase; 360 text-transform: uppercase;
361 } 361 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698