-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathdialog.styl
144 lines (138 loc) · 2.94 KB
/
dialog.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
.mask
position: absolute
top: 0
left: 0
z-index: 10
width: 100%
display: none
background-color: rgba(0, 0, 0, 0.5)
#d-wall
position: absolute
left: 0px
top: 0px
z-index: 998
opacity: 0.3
width: 100%
height: 100%
background-color: rgb(0, 0, 0)
#d-wrap
position: fixed
z-index: 999
border-radius: 5px
padding: 0
.confirm, .alert
padding: 6.79%
.d-icon
display: inline-block
min-width: 45px
min-height: 45px
line-height: 45px
margin: 5px 0 12px
background-color: #f0f0f0
border-radius: 50%
.loading, .tip
text-align: center
padding: 0 8px
.loading
.d-icon
display: inline-block
width: 40px
height: 40px
margin: 24px 0 18px
line-height: 40px
background: none
.icon-loading
background-image: url(loading_2.gif)
background-size: 40px 40px
background-repeat: no-repeat
.tip
.d-icon
display: inline-block
width: 45px
height: 45px
line-height: 45px
margin: 24px 0 18px
.icon-tip
background-image: url(i-tip.png?__sprite)
background-size: 45px 45px
background-repeat: no-repeat
.icon-success
background-image: url(send-text.png)
background-size: 45px 45px
background-repeat: no-repeat
.alert
.icon-alert
background-image: url(i-alert.png?__sprite)
background-size: 45px 45px
background-repeat: no-repeat
.floading
.icon-flat
background-image: url(i-loading.gif)
background-size: 43px 34px
background-repeat: no-repeat
height: 43px
width: 43px
margin: 0 auto
.d-title
color: #333
font-family: 'STHeitiSC-Medium'
font-size: 1.9rem
margin-bottom: 4px
.d-tip
line-height: 1.5em
margin-bottom: 5px
a[class^=btn-]
display: inline-block
width: 100%
height: 42px
line-height: 42px
margin: 4px 0 4px 0
border-radius: 5px
font-size: 1.6rem
text-align: center
text-decoration: none
cursor: default
background-clip: padding-box
.btn-white
background-color: #fff
border: 1px solid #cfcfcf
color: #666
.btn-orange
background-color: #ff8a01;
color: #fff
.confirm
a[class^=btn-]
width: 46.7%
&:first-child
float: left
&:last-child
float: right
.icon-confirm
background-image: url(i-alert.png?__sprite)
background-size: 45px 45px
background-repeat: no-repeat
.d-close
position: absolute
top: -7px
right: -7px
width: 21px
height: 21px
background-image: url(icon_close.png?__sprite)
background-repeat: no-repeat
background-size: 100% auto
.d-btns
width: 100%
.d-ext
padding-top: 12px
font-size: 1.2rem
color: #999
.loading-logo
position: absolute
left: 50%
top: 50%
width: 43px
height: 34px
margin-left: -22px
background-repeat: no-repeat
background-image: url(i-loading.gif)
background-size: 43px 34px