|
84
|
1 |
.overlay { |
|
|
2 |
background-color: gray; |
|
|
3 |
height: 100vh; |
|
|
4 |
left: 0; |
|
|
5 |
opacity: 0.77; |
|
|
6 |
position: fixed; |
|
|
7 |
right: 0; |
|
|
8 |
top: 0; |
|
|
9 |
z-index: 50; |
|
|
10 |
} |
|
|
11 |
|
|
|
12 |
.dialog { |
|
|
13 |
background: #fff none repeat scroll 0 0; |
|
95
|
14 |
border: 2px solid #ccc; |
|
|
15 |
border-radius: 5px; |
|
84
|
16 |
box-shadow: 0 0 10px #222; |
|
95
|
17 |
min-height: 300px; |
|
|
18 |
min-width: 500px; |
|
|
19 |
height: auto; |
|
|
20 |
width: auto; |
|
|
21 |
top: 50%; |
|
84
|
22 |
left: 50%; |
|
95
|
23 |
transform: translate(-50%, -50%); |
|
84
|
24 |
position: fixed; |
|
|
25 |
z-index: 50; |
|
|
26 |
} |
|
|
27 |
|
|
95
|
28 |
.dialog-header, |
|
|
29 |
.dialog-body, |
|
|
30 |
.dialog-footer{ |
|
|
31 |
padding: 5px 10px 0; |
|
84
|
32 |
} |
|
95
|
33 |
|
|
|
34 |
.dialog-header h2{ |
|
|
35 |
margin: 0; |
|
|
36 |
} |
|
|
37 |
|
|
|
38 |
.dialog-body b{ |
|
|
39 |
display: inline-block; |
|
|
40 |
min-width: 140px; |
|
|
41 |
} |