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 |