| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .cr-dialog-container { | 7 .cr-dialog-container { |
| 8 position: absolute; | 8 position: absolute; |
| 9 -webkit-user-select: none; | 9 -webkit-user-select: none; |
| 10 top: 0; | 10 top: 0; |
| 11 left: 0; | 11 left: 0; |
| 12 height: 100%; | 12 height: 100%; |
| 13 width: 100%; | 13 width: 100%; |
| 14 | 14 |
| 15 background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), | 15 background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), |
| 16 rgba(127, 127, 127, 0.5) 35%, | 16 rgba(127, 127, 127, 0.5) 35%, |
| 17 rgba(0, 0, 0, 0.7)); | 17 rgba(0, 0, 0, 0.7)); |
| 18 opacity: 0; | 18 opacity: 0; |
| 19 -webkit-transition: opacity 0.25s linear; | 19 -webkit-transition: opacity 250ms linear; |
| 20 overflow: hidden; | 20 overflow: hidden; |
| 21 | 21 |
| 22 z-index: 9999; | 22 z-index: 9999; |
| 23 } | 23 } |
| 24 | 24 |
| 25 .cr-dialog-frame { | 25 .cr-dialog-frame { |
| 26 position: absolute; | 26 position: absolute; |
| 27 display: -webkit-box; | 27 display: -webkit-box; |
| 28 -webkit-box-orient: vertical; | 28 -webkit-box-orient: vertical; |
| 29 -webkit-box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.5); | 29 -webkit-box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.5); |
| 30 | 30 |
| 31 -webkit-transition-duration: 0.25s; | 31 -webkit-transition-duration: 250ms; |
| 32 -webkit-transition-property: none; | 32 -webkit-transition-property: none; |
| 33 | 33 |
| 34 min-width: 25%; | 34 min-width: 25%; |
| 35 max-width: 75%; | 35 max-width: 75%; |
| 36 border: 1px #aaa solid; | 36 border: 1px #aaa solid; |
| 37 border-radius: 2px; | 37 border-radius: 2px; |
| 38 background-color: white; | 38 background-color: white; |
| 39 padding: 15px; | 39 padding: 15px; |
| 40 } | 40 } |
| 41 | 41 |
| 42 .cr-dialog-text { | 42 .cr-dialog-text { |
| 43 padding-bottom: 10px; | 43 padding-bottom: 10px; |
| 44 } | 44 } |
| 45 | 45 |
| 46 .cr-dialog-frame input { | 46 .cr-dialog-frame input { |
| 47 -webkit-box-sizing: border-box; | 47 -webkit-box-sizing: border-box; |
| 48 width: 100%; | 48 width: 100%; |
| 49 } | 49 } |
| 50 | 50 |
| 51 .cr-dialog-buttons { | 51 .cr-dialog-buttons { |
| 52 display: -webkit-box; | 52 display: -webkit-box; |
| 53 -webkit-box-orient: horizontal; | 53 -webkit-box-orient: horizontal; |
| 54 padding-top: 10px; | 54 padding-top: 10px; |
| 55 -webkit-box-pack: end; | 55 -webkit-box-pack: end; |
| 56 } | 56 } |
| OLD | NEW |