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

Side by Side Diff: chrome/browser/resources/options/browser_options.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 (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 #change-home-page-section { 5 #change-home-page-section {
6 -webkit-margin-start: 30px; 6 -webkit-margin-start: 30px;
7 } 7 }
8 8
9 #home-page-url { 9 #home-page-url {
10 display: inline-block; 10 display: inline-block;
(...skipping 217 matching lines...) Expand 10 before | Expand all | Expand 10 after
228 line-height: normal; 228 line-height: normal;
229 white-space: normal; 229 white-space: normal;
230 width: 25px; 230 width: 25px;
231 } 231 }
232 232
233 .network-icon cr-network-icon { 233 .network-icon cr-network-icon {
234 height: 100%; 234 height: 100%;
235 width: 100%; 235 width: 100%;
236 } 236 }
237 237
238 @-webkit-keyframes connecting-animation { 238 @keyframes connecting-animation {
239 0% { 239 0% {
240 background-position: 0 25%; 240 background-position: 0 25%;
241 } 241 }
242 12.5% { 242 12.5% {
243 background-position: 0 50%; 243 background-position: 0 50%;
244 } 244 }
245 25% { 245 25% {
246 background-position: 0 75%; 246 background-position: 0 75%;
247 } 247 }
248 37.5% { 248 37.5% {
(...skipping 15 matching lines...) Expand all
264 264
265 .network-add-connection { 265 .network-add-connection {
266 background-image: url(chrome://theme/IDR_NETWORK_ADD_CONNECTION); 266 background-image: url(chrome://theme/IDR_NETWORK_ADD_CONNECTION);
267 background-position: center center !important; 267 background-position: center center !important;
268 background-repeat: no-repeat; 268 background-repeat: no-repeat;
269 background-size: 16px; 269 background-size: 16px;
270 } 270 }
271 271
272 .network-options-button { 272 .network-options-button {
273 -webkit-box-flex: 0; 273 -webkit-box-flex: 0;
274 -webkit-transform: scale(0.6);
275 background-image: none; 274 background-image: none;
276 background-position: center center; 275 background-position: center center;
277 display: block; 276 display: block;
278 opacity: 0.5; 277 opacity: 0.5;
278 transform: scale(0.6);
279 vertical-align: middle; 279 vertical-align: middle;
280 width: 19px; 280 width: 19px;
281 } 281 }
282 282
283 .network-group > .controlled-setting-indicator, 283 .network-group > .controlled-setting-indicator,
284 .network-menu-item > .controlled-setting-indicator { 284 .network-menu-item > .controlled-setting-indicator {
285 -webkit-margin-end: 5px; 285 -webkit-margin-end: 5px;
286 } 286 }
287 287
288 .network-options-button:hover { 288 .network-options-button:hover {
289 opacity: 1; 289 opacity: 1;
290 } 290 }
291 291
292 @-webkit-keyframes vpn-connecting-animation { 292 @keyframes vpn-connecting-animation {
293 from { 293 from {
294 opacity: 1; 294 opacity: 1;
295 } 295 }
296 to { 296 to {
297 opacity: 0.2; 297 opacity: 0.2;
298 } 298 }
299 } 299 }
300 300
301 .network-connecting { 301 .network-connecting {
302 -webkit-animation: connecting-animation 1s step-end infinite; 302 animation: connecting-animation 1s step-end infinite;
303 } 303 }
304 304
305 .network-vpn.network-connecting { 305 .network-vpn.network-connecting {
306 -webkit-animation: vpn-connecting-animation 500ms alternate infinite; 306 animation: vpn-connecting-animation 500ms alternate infinite;
307 } 307 }
308 308
309 .network-title { 309 .network-title {
310 font-weight: 600; 310 font-weight: 600;
311 line-height: 120%; 311 line-height: 120%;
312 } 312 }
313 313
314 .network-subtitle { 314 .network-subtitle {
315 color: #333; 315 color: #333;
316 display: inline-block; 316 display: inline-block;
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
415 line-height: 1.8em; 415 line-height: 1.8em;
416 } 416 }
417 417
418 #advanced-settings { 418 #advanced-settings {
419 height: 0; 419 height: 0;
420 margin-top: 8px; 420 margin-top: 8px;
421 overflow: hidden; 421 overflow: hidden;
422 } 422 }
423 423
424 .sliding { 424 .sliding {
425 -webkit-transition: height 200ms;
426 overflow-y: hidden; 425 overflow-y: hidden;
426 transition: height 200ms;
427 } 427 }
428 428
429 #keyboard-overlay .option-value > select { 429 #keyboard-overlay .option-value > select {
430 width: 100%; 430 width: 100%;
431 } 431 }
432 432
433 #keyboard-overlay table, 433 #keyboard-overlay table,
434 #power-overlay table { 434 #power-overlay table {
435 /* Same as .settings-row {margin}. */ 435 /* Same as .settings-row {margin}. */
436 -webkit-border-horizontal-spacing: 0; 436 -webkit-border-horizontal-spacing: 0;
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
483 483
484 /* An input that has no function except to take up the same amount of space as 484 /* An input that has no function except to take up the same amount of space as
485 * a checkbox. */ 485 * a checkbox. */
486 .spacer-checkbox { 486 .spacer-checkbox {
487 visibility: hidden; 487 visibility: hidden;
488 } 488 }
489 489
490 #android-apps-settings { 490 #android-apps-settings {
491 -webkit-margin-start: 30px; 491 -webkit-margin-start: 30px;
492 } 492 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698