-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathmessagebox.css
More file actions
174 lines (167 loc) · 8.41 KB
/
messagebox.css
File metadata and controls
174 lines (167 loc) · 8.41 KB
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
/**
* jQuery MessageBox Plugin
* Github: http://github.com/yali4/messagebox/
* Link: http://yalcinceylan.net/messagebox
* Copyright: October 2013
* Creator: Yalçın CEYLAN
* Github: http://github.com/yali4/
* Website: http://yalcinceylan.net
* License: MIT <http://opensource.org/licenses/mit-license.php>
*/
.messagebox-background {
position:fixed;
display:none;
margin:0; padding:0;
top:0; left:0;
width:100%; height:100%;
z-index:999;
}
.messagebox-dialog {
position:fixed;
top:0; left:0;
margin:0; padding:0;
z-index:9999;
background:#FFF;
border-radius:3px;
border:solid 1px #e2e2e2;
overflow:hidden;
}
.messagebox-content {
min-width:350px; max-width:450px;
position:relative; display:block;
}
.messagebox-content > h1 {
position:relative; display:block;
font:15px Helvetica; color:#585858;
font-weight:bold; background:#eee;
margin:0; padding:12px 10px;
border-bottom:1px solid #d5d5d5;
}
.messagebox-content > div {
margin:0; padding:15px;
font:12px Helvetica;
color:#000; line-height:20px;
max-height:100px; overflow:auto;
}
.messagebox-buttons {
position:relative; display:block;
padding:10px 10px; margin:0 10px;
border-top: 1px solid #ddd;
}
.messagebox-buttons > button {
margin-right:10px;
}
.messagebox-timer {
position:absolute; padding:10px;
right:5px; top:5px; display:none;
font:12px Helvetica; color:#585858;
font-weight:bold;
}
.messagebox-buttons .cancel,
.messagebox-buttons .continue,
.messagebox-buttons .danger {
position:relative;
display:inline-block;
height:25px; line-height:25px;
padding:0px 10px 0px 10px;
font:12px Helvetica;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
outline:0; cursor:pointer;
}
.messagebox-buttons .continue {
color:#FFF;
background: rgb(77,114,166);
background: -moz-linear-gradient(top, rgba(77,114,166,1) 0%, rgba(61,90,132,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,114,166,1)), color-stop(100%,rgba(61,90,132,1)));
background: -webkit-linear-gradient(top, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
background: -o-linear-gradient(top, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
background: -ms-linear-gradient(top, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
background: linear-gradient(to bottom, rgba(77,114,166,1) 0%,rgba(61,90,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72a6', endColorstr='#3d5a84',GradientType=0 );
border: 1px solid #2d4261;
}
.messagebox-buttons .continue:hover {
background: rgb(77,114,166);
background: -moz-linear-gradient(top, rgba(77,114,166,1) 1%, rgba(40,74,122,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(77,114,166,1)), color-stop(100%,rgba(40,74,122,1)));
background: -webkit-linear-gradient(top, rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
background: -o-linear-gradient(top, rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
background: -ms-linear-gradient(top, rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
background: linear-gradient(to bottom, rgba(77,114,166,1) 1%,rgba(40,74,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72a6', endColorstr='#284a7a',GradientType=0 );
}
.messagebox-buttons .continue:active {
background: rgb(77,114,166);
background: -moz-linear-gradient(top, rgba(77,114,166,1) 1%, rgba(85,116,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(77,114,166,1)), color-stop(100%,rgba(85,116,160,1)));
background: -webkit-linear-gradient(top, rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
background: -o-linear-gradient(top, rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
background: -ms-linear-gradient(top, rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
background: linear-gradient(to bottom, rgba(77,114,166,1) 1%,rgba(85,116,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72a6', endColorstr='#5574a0',GradientType=0 );
}
.messagebox-buttons .danger {
color:#FFF;
background: rgb(224,45,81);
background: -moz-linear-gradient(top, rgba(224,45,81,1) 0%, rgba(160,27,49,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,45,81,1)), color-stop(100%,rgba(160,27,49,1)));
background: -webkit-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
background: -o-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
background: -ms-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
background: linear-gradient(to bottom, rgba(224,45,81,1) 0%,rgba(160,27,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02d51', endColorstr='#a01b31',GradientType=0 );
border: 1px solid #B11029;
}
.messagebox-buttons .danger:hover {
background: rgb(224,45,81);
background: -moz-linear-gradient(top, rgba(224,45,81,1) 0%, rgba(144,20,41,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,45,81,1)), color-stop(100%,rgba(144,20,41,1)));
background: -webkit-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
background: -o-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
background: -ms-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
background: linear-gradient(to bottom, rgba(224,45,81,1) 0%,rgba(144,20,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02d51', endColorstr='#901429',GradientType=0 );
}
.messagebox-buttons .danger:active {
background: rgb(224,45,81);
background: -moz-linear-gradient(top, rgba(224,45,81,1) 0%, rgba(185,43,67,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,45,81,1)), color-stop(100%,rgba(185,43,67,1)));
background: -webkit-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
background: -o-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
background: -ms-linear-gradient(top, rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
background: linear-gradient(to bottom, rgba(224,45,81,1) 0%,rgba(185,43,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e02d51', endColorstr='#b92b43',GradientType=0 );
}
.messagebox-buttons .cancel {
color:#000;
background: rgb(255,204,26);
background: -moz-linear-gradient(top, rgba(255,204,26,1) 0%, rgba(230,178,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,26,1)), color-stop(100%,rgba(230,178,0,1)));
background: -webkit-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,204,26,1) 0%,rgba(230,178,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc1a', endColorstr='#e6b200',GradientType=0 );
border: 1px solid #b38b00;
}
.messagebox-buttons .cancel:hover {
background: rgb(255,204,26);
background: -moz-linear-gradient(top, rgba(255,204,26,1) 0%, rgba(218,168,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,26,1)), color-stop(100%,rgba(218,168,0,1)));
background: -webkit-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,204,26,1) 0%,rgba(218,168,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc1a', endColorstr='#daa800',GradientType=0 );
}
.messagebox-buttons .cancel:active {
background: rgb(255,204,26);
background: -moz-linear-gradient(top, rgba(255,204,26,1) 0%, rgba(235,188,30,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,26,1)), color-stop(100%,rgba(235,188,30,1)));
background: -webkit-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
background: -o-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
background: -ms-linear-gradient(top, rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
background: linear-gradient(to bottom, rgba(255,204,26,1) 0%,rgba(235,188,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc1a', endColorstr='#ebbc1e',GradientType=0 );
}