1
+ /*
2
+ SmartWizard 2.0 plugin
3
+ jQuery Wizard control Plugin
4
+ by Dipu
5
+
6
+ http://www.techlaboratory.net
7
+ http://tech-laboratory.blogspot.com
8
+ */
9
+ .swMain {
10
+ position : relative;
11
+ display : block;
12
+ margin : 0 ;
13
+ padding : 0 ;
14
+ border : 0px solid # CCC ;
15
+ overflow : visible;
16
+ float : left;
17
+ width : 830px ;/* */
18
+ margin-left : 7px ;
19
+ margin-top : 5px ;
20
+ }
21
+ .swMain .stepContainer {
22
+ display : block;
23
+ position : relative;
24
+ margin : 0 ;
25
+ padding : 0 ;
26
+ border : 0px solid # CCC ;
27
+ overflow : hidden;
28
+ clear : right;
29
+ height : 400px ;
30
+ }
31
+
32
+ .swMain .stepContainer div .content {
33
+ display : block;
34
+ position : absolute;
35
+ float : left;
36
+ margin : 0 ;
37
+ padding : 5px ;
38
+ border : 1px solid # CCC ;
39
+ font : normal 12px Verdana, Arial, Helvetica, sans-serif;
40
+ color : # 5A5655 ;
41
+ background-color : # F8F8F8 ;
42
+ height : 450px ;
43
+ text-align : left;
44
+ overflow : auto;
45
+ z-index : 88 ;
46
+ -webkit-border-radius : 5px ;
47
+ -moz-border-radius : 5px ;
48
+ width : 675px ;
49
+ clear : both;
50
+ }
51
+
52
+ .swMain div .actionBar {
53
+ display : block;
54
+ position : relative;
55
+ clear : right;
56
+ margin : 3px 0 0 0 ;
57
+ border : 1px solid # CCC ;
58
+ padding : 0 ;
59
+ color : # 5A5655 ;
60
+ background-color : # F8F8F8 ;
61
+ height : 40px ;
62
+ /* width:730px;
63
+ float:right; */
64
+ text-align : left;
65
+ overflow : auto;
66
+ z-index : 88 ;
67
+ -webkit-border-radius : 5px ;
68
+ -moz-border-radius : 5px ;
69
+
70
+ }
71
+
72
+ .swMain .stepContainer .StepTitle {
73
+ display : block;
74
+ position : relative;
75
+ margin : 0 ;
76
+ border : 1px solid # E0E0E0 ;
77
+ padding : 5px ;
78
+ font : bold 16px Verdana, Arial, Helvetica, sans-serif;
79
+ color : # 5A5655 ;
80
+ background-color : # E0E0E0 ;
81
+ clear : both;
82
+ text-align : left;
83
+ z-index : 88 ;
84
+ -webkit-border-radius : 5px ;
85
+ -moz-border-radius : 5px ;
86
+ }
87
+ .swMain ul .anchor {
88
+ position : relative;
89
+ display : block;
90
+ float : left;
91
+ list-style : none;
92
+ padding : 0px ;
93
+ margin : 2px 5px 0 0 ;
94
+ border : 0px solid # CCCCCC ;
95
+ background : transparent; /*#EEEEEE */
96
+ }
97
+ .swMain ul .anchor li {
98
+ position : relative;
99
+ display : block;
100
+ margin : 0 ;
101
+ padding : 0 ;
102
+ padding-top : 1px ;
103
+ padding-bottom : 1px ;
104
+ border : 0px solid # E0E0E0 ;
105
+ float : left;
106
+ clear : both;
107
+ }
108
+ /* Anchor Element Style */
109
+ .swMain ul .anchor li a {
110
+ display : block;
111
+ position : relative;
112
+ float : left;
113
+ margin : 0 ;
114
+ padding : 3px ;
115
+ height : 50px ;
116
+ width : 130px ;
117
+ text-decoration : none;
118
+ outline-style : none;
119
+ -moz-border-radius : 5px ;
120
+ -webkit-border-radius : 5px ;
121
+ z-index : 99 ;
122
+ }
123
+ .swMain ul .anchor li a .stepNumber {
124
+ position : relative;
125
+ float : left;
126
+ text-align : center;
127
+ padding-top : 0 ;
128
+ font : bold 15px Verdana, Arial, Helvetica, sans-serif;
129
+ }
130
+ .swMain ul .anchor li a .stepDesc {
131
+ position : relative;
132
+ display : block;
133
+ float : left;
134
+ text-align : left;
135
+ width : 80% ;
136
+ font : bold 12px Verdana, Arial, Helvetica, sans-serif;
137
+ }
138
+ .swMain ul .anchor li a .stepDesc small {
139
+ font : normal 10px Verdana, Arial, Helvetica, sans-serif;
140
+ }
141
+ .swMain ul .anchor li a .selected {
142
+ color : # F8F8F8 ;
143
+ background-color : # 578dbb ;
144
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# 578dbb ), to (# 325372 ));
145
+ background-image : -moz-linear-gradient (center top, # 578dbb 0% , # 325372 100% );
146
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#578dbb', endColorstr='#325372');
147
+ border : 1px solid # EA8511 ;
148
+ cursor : text;
149
+ -moz-box-shadow : 1px 5px 10px # 888 ;
150
+ -webkit-box-shadow : 1px 5px 10px # 888 ;
151
+ box-shadow : 1px 5px 10px # 888 ;
152
+ }
153
+ .swMain ul .anchor li a .selected : hover {
154
+ color : # F8F8F8 ;
155
+ }
156
+
157
+ .swMain ul .anchor li a .done {
158
+ position : relative;
159
+ color : black;
160
+ background-color : # c6c4c4!important ;
161
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# efefef ), to (# c6c4c4 ))!important ;
162
+ background-image : -moz-linear-gradient (center top, # efefef 0% , # c6c4c4 100% )!important ;
163
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#c6c4c4')!important ;
164
+ border : 1px solid # 8CC63F ;
165
+ z-index : 99 ;
166
+ }
167
+ .swMain ul .anchor li a .done : hover {
168
+ background-color : # 5bd288 ;
169
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# 5bd288 ), to (# 429d64 ));
170
+ background-image : -moz-linear-gradient (center top, # 5bd288 0% , # 429d64 100% );
171
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bd288', endColorstr='#429d64');
172
+ border : 1px solid # 5A5655 ;
173
+ }
174
+ .swMain ul .anchor li a .disabled {
175
+ color : # CCCCCC ;
176
+ background : # F8F8F8 ;
177
+ border : 1px solid # CCC ;
178
+ cursor : text;
179
+ }
180
+ .swMain ul .anchor li a .disabled : hover {
181
+ color : # CCCCCC ;
182
+ background : # F8F8F8 ;
183
+ }
184
+
185
+ .swMain ul .anchor li a .error {
186
+ color : # 6c6c6c !important ;
187
+ background : # f08f75 !important ;
188
+ border : 1px solid # fb3500 !important ;
189
+ }
190
+ .swMain ul .anchor li a .error : hover {
191
+ color : # 000 !important ;
192
+ }
193
+
194
+ .swMain .buttonNext {
195
+ display : block;
196
+ float : right;
197
+ margin : 5px 3px 0 3px ;
198
+ padding : 5px ;
199
+ text-decoration : none;
200
+ text-align : center;
201
+ font : bold 13px Verdana, Arial, Helvetica, sans-serif;
202
+ width : 100px ;
203
+ color : # FFF ;
204
+ outline-style : none;
205
+ background-color : # 5A5655 ;
206
+ border : 1px solid # 5A5655 ;
207
+ -moz-border-radius : 5px ;
208
+ -webkit-border-radius : 5px ;
209
+ }
210
+ .swMain .buttonDisabled {
211
+ color : # F8F8F8 !important ;
212
+ background-color : # CCCCCC !important ;
213
+ border : 1px solid # CCCCCC !important ;
214
+ cursor : text;
215
+ }
216
+ .swMain .buttonPrevious {
217
+ display : block;
218
+ float : right;
219
+ margin : 5px 3px 0 3px ;
220
+ padding : 5px ;
221
+ text-decoration : none;
222
+ text-align : center;
223
+ font : bold 13px Verdana, Arial, Helvetica, sans-serif;
224
+ width : 100px ;
225
+ color : # FFF ;
226
+ outline-style : none;
227
+ background-color : # 5A5655 ;
228
+ border : 1px solid # 5A5655 ;
229
+ -moz-border-radius : 5px ;
230
+ -webkit-border-radius : 5px ;
231
+ }
232
+ .swMain .buttonFinish {
233
+ display : block;
234
+ float : right;
235
+ margin : 5px 10px 0 3px ;
236
+ padding : 5px ;
237
+ text-decoration : none;
238
+ text-align : center;
239
+ font : bold 13px Verdana, Arial, Helvetica, sans-serif;
240
+ width : 100px ;
241
+ color : # FFF ;
242
+ outline-style : none;
243
+ background-color : # 5A5655 ;
244
+ border : 1px solid # 5A5655 ;
245
+ -moz-border-radius : 5px ;
246
+ -webkit-border-radius : 5px ;
247
+ }
248
+
249
+ /* Form Styles */
250
+
251
+ .txtBox {
252
+ border : 1px solid # CCCCCC ;
253
+ color : # 5A5655 ;
254
+ font : 13px Verdana, Arial, Helvetica, sans-serif;
255
+ padding : 2px ;
256
+ width : 430px ;
257
+ }
258
+ .txtBox : focus {
259
+ border : 1px solid # EA8511 ;
260
+ }
261
+
262
+ .swMain .loader {
263
+ position : relative;
264
+ display : none;
265
+ float : left;
266
+ margin : 2px 0 0 2px ;
267
+ padding : 8px 10px 8px 40px ;
268
+ border : 1px solid # FFD700 ;
269
+ font : bold 13px Verdana, Arial, Helvetica, sans-serif;
270
+ color : # 5A5655 ;
271
+ background : # FFF url(../ ../ images/icons/loading.gif) no-repeat 5px ;
272
+ -moz-border-radius : 5px ;
273
+ -webkit-border-radius : 5px ;
274
+ z-index : 998 ;
275
+ }
276
+ .swMain .msgBox {
277
+ position : relative;
278
+ display : none;
279
+ float : left;
280
+ margin : 4px 0 0 5px ;
281
+ padding : 5px ;
282
+ border : 1px solid # FFD700 ;
283
+ background-color : # FFFFDD ;
284
+ font : normal 12px Verdana, Arial, Helvetica, sans-serif;
285
+ color : # 5A5655 ;
286
+ -moz-border-radius : 5px ;
287
+ -webkit-border-radius : 5px ;
288
+ z-index : 999 ;
289
+ min-width : 200px ;
290
+ }
291
+ .swMain .msgBox .content {
292
+ font : normal 12px Verdana, Arial, Helvetica, sans-serif;
293
+ padding : 0px ;
294
+ float : left;
295
+ }
296
+ .swMain .msgBox .close {
297
+ border : 1px solid # CCC ;
298
+ border-radius : 3px ;
299
+ color : # CCC ;
300
+ display : block;
301
+ float : right;
302
+ margin : 0 0 0 5px ;
303
+ outline-style : none;
304
+ padding : 0 2px 0 2px ;
305
+ position : relative;
306
+ text-align : center;
307
+ text-decoration : none;
308
+ }
309
+ .swMain .msgBox .close : hover {
310
+ color : # EA8511 ;
311
+ border : 1px solid # EA8511 ;
312
+ }
0 commit comments