| OLD | NEW |
| 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 .cr-dialog-container { | 5 .cr-dialog-container { |
| 6 -webkit-box-align: center; | 6 -webkit-box-align: center; |
| 7 -webkit-box-pack: center; | 7 -webkit-box-pack: center; |
| 8 -webkit-transition: opacity 250ms linear; | 8 -webkit-transition: opacity 250ms linear; |
| 9 -webkit-user-select: none; | 9 -webkit-user-select: none; |
| 10 display: -webkit-box; | 10 display: -webkit-box; |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 position: relative; | 31 position: relative; |
| 32 width: 460px; | 32 width: 460px; |
| 33 } | 33 } |
| 34 | 34 |
| 35 .cr-dialog-frame:focus { | 35 .cr-dialog-frame:focus { |
| 36 outline: none; | 36 outline: none; |
| 37 } | 37 } |
| 38 | 38 |
| 39 @-webkit-keyframes pulse { | 39 @-webkit-keyframes pulse { |
| 40 0% { | 40 0% { |
| 41 -webkit-transform: scale(1); | 41 transform: scale(1); |
| 42 } | 42 } |
| 43 40% { | 43 40% { |
| 44 -webkit-transform: scale(1.02); | 44 transform: scale(1.02); |
| 45 } | 45 } |
| 46 60% { | 46 60% { |
| 47 -webkit-transform: scale(1.02); | 47 transform: scale(1.02); |
| 48 } | 48 } |
| 49 100% { | 49 100% { |
| 50 -webkit-transform: scale(1); | 50 transform: scale(1); |
| 51 } | 51 } |
| 52 } | 52 } |
| 53 | 53 |
| 54 .cr-dialog-frame.pulse { | 54 .cr-dialog-frame.pulse { |
| 55 -webkit-animation-duration: 180ms; | 55 -webkit-animation-duration: 180ms; |
| 56 -webkit-animation-iteration-count: 1; | 56 -webkit-animation-iteration-count: 1; |
| 57 -webkit-animation-name: pulse; | 57 -webkit-animation-name: pulse; |
| 58 -webkit-animation-timing-function: ease-in-out; | 58 -webkit-animation-timing-function: ease-in-out; |
| 59 } | 59 } |
| 60 | 60 |
| 61 .shown > .cr-dialog-frame { | 61 .shown > .cr-dialog-frame { |
| 62 -webkit-transform: perspective(500px) scale(1) | 62 transform: perspective(500px) scale(1) |
| 63 translateY(0) rotateX(0); | 63 translateY(0) rotateX(0); |
| 64 opacity: 1; | 64 opacity: 1; |
| 65 } | 65 } |
| 66 | 66 |
| 67 .cr-dialog-frame { | 67 .cr-dialog-frame { |
| 68 -webkit-transform: perspective(500px) scale(0.99) | 68 transform: perspective(500px) scale(0.99) |
| 69 translateY(-20px) rotateX(5deg); | 69 translateY(-20px) rotateX(5deg); |
| 70 -webkit-transition: all 180ms; | 70 -webkit-transition: all 180ms; |
| 71 -webkit-transition-duration: 250ms; | 71 -webkit-transition-duration: 250ms; |
| 72 opacity: 0; | 72 opacity: 0; |
| 73 } | 73 } |
| 74 | 74 |
| 75 .cr-dialog-shield { | 75 .cr-dialog-shield { |
| 76 -webkit-transition: opacity 500ms; | 76 -webkit-transition: opacity 500ms; |
| 77 background-color: white; | 77 background-color: white; |
| 78 bottom: 0; | 78 bottom: 0; |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 137 width: 44px; | 137 width: 44px; |
| 138 } | 138 } |
| 139 | 139 |
| 140 .cr-dialog-close:hover { | 140 .cr-dialog-close:hover { |
| 141 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_H); | 141 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_H); |
| 142 } | 142 } |
| 143 | 143 |
| 144 .cr-dialog-close:active { | 144 .cr-dialog-close:active { |
| 145 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P); | 145 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P); |
| 146 } | 146 } |
| OLD | NEW |