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
3 * found in the LICENSE file. */
4
5.cr-dialog-container {
6  -webkit-box-align: center;
7  -webkit-box-pack: center;
8  -webkit-transition: opacity 250ms linear;
9  -webkit-user-select: none;
10  display: -webkit-box;
11  height: 100%;
12  left: 0;
13  overflow: hidden;
14  position: absolute;
15  top: 0;
16  width: 100%;
17  z-index: 9999;
18}
19
20.cr-dialog-frame {
21  -webkit-box-orient: vertical;
22  -webkit-box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.5);
23  background-color: white;
24  border: 1px solid rgba(0, 0, 0, 0.3);
25  border-radius: 3px;
26  box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2),
27              0 2px 6px rgba(0, 0, 0, 0.15);
28  cursor: default;
29  display: -webkit-box;
30  padding: 14px 17px;
31  position: relative;
32  width: 460px;
33}
34
35.cr-dialog-frame:focus {
36  outline: none;
37}
38
39@-webkit-keyframes pulse {
40 0% {
41   -webkit-transform: scale(1);
42 }
43 40% {
44   -webkit-transform: scale(1.02);
45  }
46 60% {
47   -webkit-transform: scale(1.02);
48  }
49 100% {
50   -webkit-transform: scale(1);
51 }
52}
53
54.cr-dialog-frame.pulse {
55  -webkit-animation-duration: 180ms;
56  -webkit-animation-iteration-count: 1;
57  -webkit-animation-name: pulse;
58  -webkit-animation-timing-function: ease-in-out;
59}
60
61.shown > .cr-dialog-frame {
62  -webkit-transform: perspective(500px) scale(1)
63                     translateY(0) rotateX(0);
64  opacity: 1;
65}
66
67.cr-dialog-frame {
68  -webkit-transform: perspective(500px) scale(0.99)
69                     translateY(-20px) rotateX(5deg);
70  -webkit-transition: all 180ms;
71  -webkit-transition-duration: 250ms;
72  opacity: 0;
73}
74
75.cr-dialog-shield {
76  -webkit-transition: opacity 500ms;
77  background-color: white;
78  bottom: 0;
79  display: block;
80  left: 0;
81  opacity: 0;
82  pointer-events: none;
83  position: absolute;
84  right: 0;
85  top: 0;
86}
87
88.shown > .cr-dialog-shield {
89  -webkit-transition: opacity 500ms;
90  opacity: 0.75;
91}
92
93[hidden] {
94  display: none;
95}
96
97.cr-dialog-title {
98  -webkit-margin-after: 10px;
99  -webkit-margin-end: 20px;
100  display: block;
101  font-size: 120%;
102  font-weight: bold;
103  white-space: nowrap;
104  word-wrap: normal;
105}
106
107.cr-dialog-text {
108  margin: 13px 0;
109}
110
111.cr-dialog-text,
112.cr-dialog-title {
113  overflow: hidden;
114  text-overflow: ellipsis;
115}
116
117.cr-dialog-frame input {
118  -webkit-box-sizing: border-box;
119  width: 100%;
120}
121
122.cr-dialog-buttons {
123  -webkit-box-orient: horizontal;
124  -webkit-box-pack: end;
125  display: -webkit-box;
126  padding-top: 10px;
127}
128
129.cr-dialog-close {
130  background: url('chrome://theme/IDR_CLOSE_DIALOG') center no-repeat;
131  display: inline-block;
132  height: 44px;
133  opacity: 0.7;
134  position: absolute;
135  right: 0;
136  top: 0;
137  width: 44px;
138}
139
140.cr-dialog-close:hover {
141  background-image: url('chrome://theme/IDR_CLOSE_DIALOG_H');
142}
143
144.cr-dialog-close:active {
145  background-image: url('chrome://theme/IDR_CLOSE_DIALOG_P');
146}
147