1 | *{
|
2 | padding:0;
|
3 | margin:0;
|
4 | }
|
5 | .layer{
|
6 | position:fixed;
|
7 | left:0;
|
8 | top:0;
|
9 | right:0;
|
10 | bottom:0;
|
11 | z-index:1000;
|
12 | background:rgba(0,0,0,0.6);
|
13 | }
|
14 | .dialog{
|
15 | position:fixed;
|
16 | left:50%;
|
17 | top:50%;
|
18 | z-index:1001;
|
19 | width:400px;
|
20 | overflow:hidden;
|
21 | font-family:Helvetica,'Microsoft Yahei';
|
22 | transform: translate(-50%,-50%);
|
23 | background:#fff;
|
24 | border-radius:4px;
|
25 | }
|
26 | .dialog-header{
|
27 | padding:10px 15px;
|
28 | font-size:14px;
|
29 | font-weight:400;
|
30 | background:#ededed;
|
31 | }
|
32 | .dialog-content{
|
33 | padding:15px;
|
34 | font-size:14px;
|
35 | line-height:1.5;
|
36 | }
|
37 | .dialog-footer a{
|
38 | position:relative;
|
39 | float:left;
|
40 | display:block;
|
41 | padding:10px 20px;
|
42 | width:50%;
|
43 | font-size:14px;
|
44 | text-align:center;
|
45 | background:#dcdcdc;
|
46 | color:#333;
|
47 | text-decoration:none;
|
48 | -webkit-box-sizing:border-box;
|
49 | box-sizing:border-box;
|
50 | }
|
51 | .dialog-footer a:hover{
|
52 | color:#333;
|
53 | text-decoration:none;
|
54 | background:#bcbcbc;
|
55 | }
|
56 | .dialog-footer a:first-child:after{
|
57 | content:'';
|
58 | display:block;
|
59 | position:absolute;
|
60 | right:0;
|
61 | top:0;
|
62 | width:1px;
|
63 | height:100%;
|
64 | background:#c5c5c5;
|
65 | } |
\ | No newline at end of file |