PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.1.0
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.1.0
1.6.7 1.6.8 1.6.9 1.6.12 1.6.13 1.6.14 1.6.15 1.6.16 1.6.17 1.6.18 1.6.19 1.6.2 1.6.20 1.6.21 1.6.22 1.6.23 1.6.24 1.6.25 1.6.26 1.6.27 1.6.28 1.6.3 1.6.4 1.6.5 1.6.6 All 74 releases
weforms / assets / wpuf / css / frontend-forms.css

frontend-forms.css in weForms – Easy Drag & Drop Contact Form Builder For WordPress 1.1.0, at assets/wpuf/css/frontend-forms.css

1,161 lines 28.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpuf-loading {
2 width: 16px;
3 height: 16px;
4 background: url('../images/wpspin_light.gif') no-repeat;
5 display: inline-block;
6 }
7 .wpuf-loading.hide {
8 display: none;
9 }
10 .wpuf-button {
11 color: #555;
12 border-color: #cccccc;
13 background: #f7f7f7;
14 -webkit-box-shadow: 0 1px 0 #cccccc;
15 box-shadow: 0 1px 0 #cccccc;
16 vertical-align: top;
17 }
18 .wpuf-button:hover,
19 .wpuf-button:focus {
20 background: #fafafa;
21 border-color: #999;
22 color: #23282d;
23 }
24 .wpuf-success {
25 background-color: #dff0d8;
26 border: 1px solid #d6e9c6;
27 color: #3c763d;
28 padding: 10px;
29 margin: 10px 0 20px 0;
30 }
31 .wpuf-error {
32 background-color: #f2dede;
33 color: #a94442;
34 border: 1px solid #ebccd1;
35 margin: 10px 0 20px 0;
36 padding: 10px;
37 -webkit-border-radius: 3px;
38 -moz-border-radius: 3px;
39 border-radius: 3px;
40 font-size: 13px;
41 }
42 .wpuf-message {
43 background: #fcf8e3;
44 border: 1px solid #faebcc;
45 color: #8a6d3b;
46 margin: 10px 0 20px 0;
47 padding: 10px;
48 -webkit-border-radius: 3px;
49 -moz-border-radius: 3px;
50 border-radius: 3px;
51 font-size: 13px;
52 }
53 .wpuf-info {
54 background-color: #fef5be;
55 border: 2px solid #fdd425;
56 border-radius: 5px;
57 -moz-border-radius: 5px;
58 -webkit-border-radius: 5px;
59 padding: 5px 10px;
60 margin: 0 0 10px 0;
61 font-size: 13px;
62 }
63 ul.wpuf-form {
64 list-style: none !important;
65 margin: 0 !important;
66 padding: 0 !important;
67 width: 100%;
68 }
69 ul.wpuf-form li {
70 margin-left: 0;
71 margin-bottom: 10px;
72 padding: 10px;
73 }
74 ul.wpuf-form li:after {
75 clear: both;
76 content: "";
77 display: table;
78 }
79 ul.wpuf-form li.has-error {
80 background: #FFE4E4;
81 }
82 ul.wpuf-form li .wp-editor-wrap {
83 border: 1px solid #eee;
84 }
85 ul.wpuf-form li .wpuf-label {
86 float: left;
87 width: 30%;
88 min-height: 1px;
89 font-weight: bold;
90 }
91 ul.wpuf-form li .wpuf-label .required {
92 color: red;
93 }
94 ul.wpuf-form li .wpuf-fields {
95 float: left;
96 width: 70%;
97 }
98 ul.wpuf-form li .wpuf-fields input[type=text],
99 ul.wpuf-form li .wpuf-fields input[type=password],
100 ul.wpuf-form li .wpuf-fields input[type=email],
101 ul.wpuf-form li .wpuf-fields input[type=url],
102 ul.wpuf-form li .wpuf-fields input[type=number],
103 ul.wpuf-form li .wpuf-fields textarea {
104 background: #fafafa;
105 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
106 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
107 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
108 border: 1px solid #ddd;
109 color: #888;
110 width: 95%;
111 }
112 ul.wpuf-form li .wpuf-fields input[type=text]:focus,
113 ul.wpuf-form li .wpuf-fields input[type=password]:focus,
114 ul.wpuf-form li .wpuf-fields input[type=email]:focus,
115 ul.wpuf-form li .wpuf-fields input[type=url]:focus,
116 ul.wpuf-form li .wpuf-fields input[type=number]:focus,
117 ul.wpuf-form li .wpuf-fields textarea:focus {
118 color: #373737;
119 }
120 ul.wpuf-form li .wpuf-fields textarea {
121 padding-left: 3px;
122 width: 95%;
123 }
124 ul.wpuf-form li .wpuf-fields input[type=text],
125 ul.wpuf-form li .wpuf-fields input[type=password],
126 ul.wpuf-form li .wpuf-fields input[type=email],
127 ul.wpuf-form li .wpuf-fields input[type=url],
128 ul.wpuf-form li .wpuf-fields input[type=number] {
129 padding: 5px;
130 }
131 ul.wpuf-form li .wpuf-fields select {
132 border: 1px solid #eee;
133 padding: 2px;
134 height: 2em;
135 -webkit-border-radius: 3px;
136 -moz-border-radius: 3px;
137 border-radius: 3px;
138 min-width: 150px;
139 max-width: 100%;
140 }
141 ul.wpuf-form li .wpuf-fields select[multiple] {
142 height: auto;
143 }
144 ul.wpuf-form li .wpuf-fields .wpuf-radio-inline,
145 ul.wpuf-form li .wpuf-fields .wpuf-checkbox-inline {
146 display: inline-block;
147 margin-right: 10px;
148 }
149 ul.wpuf-form li .wpuf-fields .wpuf-radio-block,
150 ul.wpuf-form li .wpuf-fields .wpuf-checkbox-block {
151 display: block;
152 margin-bottom: 6px;
153 }
154 ul.wpuf-form li .wpuf-fields a.file-selector {
155 display: inline;
156 text-decoration: none;
157 padding: 5px 12px;
158 margin: 0;
159 height: 30px;
160 line-height: 28px;
161 border: 1px solid #ccc;
162 -webkit-border-radius: 3px;
163 -moz-border-radius: 3px;
164 border-radius: 3px;
165 background: #fafafa;
166 color: #23282d;
167 box-shadow: 0 1px 0 #cccccc;
168 vertical-align: top;
169 cursor: pointer;
170 -webkit-appearance: none;
171 white-space: nowrap;
172 }
173 ul.wpuf-form li .wpuf-fields a.file-selector:hover,
174 ul.wpuf-form li .wpuf-fields a.file-selector:focus {
175 background: #fafafa;
176 border-color: #999;
177 color: #23282d;
178 }
179 ul.wpuf-form li .wpuf-fields .google-map img {
180 max-width: none !important;
181 }
182 ul.wpuf-form li .wpuf-fields .wpuf-product-qty {
183 float: left;
184 width: 10%;
185 }
186 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap {
187 margin-bottom: 8px;
188 }
189 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap:after {
190 clear: both;
191 content: "";
192 display: table;
193 }
194 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
195 float: left;
196 width: 48%;
197 }
198 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-middle-name {
199 display: none;
200 }
201 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name {
202 float: right;
203 width: 48%;
204 }
205 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-first-name {
206 float: left;
207 width: 37%;
208 margin-right: 3%;
209 }
210 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-middle-name {
211 float: left;
212 width: 20%;
213 }
214 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-last-name {
215 float: right;
216 width: 37%;
217 }
218 ul.wpuf-form li .wpuf-fields .wpuf-help {
219 color: #666;
220 margin: 2px 0 5px 0;
221 font-size: 12px;
222 font-style: italic;
223 font-family: sans-serif;
224 display: block;
225 }
226 ul.wpuf-form li .wpuf-fields table,
227 ul.wpuf-form li .wpuf-fields td {
228 border: none;
229 margin: 0;
230 }
231 ul.wpuf-form li .wpuf-fields table {
232 width: 100%;
233 }
234 ul.wpuf-form li .wpuf-fields img.wpuf-clone-field,
235 ul.wpuf-form li .wpuf-fields img.wpuf-remove-field {
236 cursor: pointer;
237 margin: 0 3px;
238 box-shadow: none;
239 border: none;
240 }
241 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
242 list-style: none;
243 margin: 5px 0 0 0;
244 padding: 0;
245 }
246 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li {
247 display: inline-block;
248 border: 1px solid #eee;
249 padding: 5px;
250 width: 150px;
251 margin-right: 5px;
252 -webkit-border-radius: 5px;
253 -moz-border-radius: 5px;
254 border-radius: 5px;
255 }
256 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap {
257 margin: 10px 0;
258 }
259 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap input,
260 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap textarea {
261 border: 1px solid #eee;
262 width: 93%;
263 }
264 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .attachment-name {
265 text-align: center;
266 }
267 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.attachment-delete,
268 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.wpuf-delete-avatar {
269 text-decoration: none;
270 padding: 3px 12px;
271 border: 1px solid #C47272;
272 color: #ffffff;
273 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
274 -webkit-border-radius: 3px;
275 -moz-border-radius: 3px;
276 border-radius: 3px;
277 background-color: #da4f49;
278 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
279 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
280 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
281 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
282 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
283 background-repeat: repeat-x;
284 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
285 border-color: #bd362f #bd362f #802420;
286 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
287 *background-color: #bd362f;
288 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
289 }
290 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.attachment-delete:hover,
291 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.wpuf-delete-avatar:hover,
292 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.attachment-delete:active,
293 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li a.wpuf-delete-avatar:active {
294 color: #ffffff;
295 background-color: #bd362f;
296 *background-color: #a9302a;
297 }
298 ul.wpuf-form li .wpuf-fields .progress {
299 background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll 0 0 #FFFFFF;
300 border: 1px solid #D1D1D1;
301 border-radius: 3px 3px 3px 3px;
302 box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
303 float: right;
304 height: 22px;
305 line-height: 2em;
306 margin: 0;
307 overflow: hidden;
308 padding: 0;
309 width: 200px;
310 }
311 ul.wpuf-form li .wpuf-fields .bar {
312 background-color: #83B4D8;
313 background-image: -moz-linear-gradient(center bottom, #72A7CF 0%, #90C5EE 100%);
314 border-radius: 3px 3px 3px 3px;
315 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
316 height: 100%;
317 width: 0;
318 z-index: 9;
319 }
320 ul.wpuf-form li .wpuf-fields .progress .percent {
321 color: rgba(0, 0, 0, 0.6);
322 padding: 0 8px;
323 position: relative;
324 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
325 width: 200px;
326 z-index: 10;
327 }
328 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist {
329 list-style: none;
330 margin: 0;
331 padding: 0;
332 }
333 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist li {
334 margin-bottom: 5px;
335 padding: 0;
336 }
337 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist ul.children {
338 list-style: none;
339 margin-left: 25px;
340 }
341 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container {
342 margin-bottom: 3px;
343 }
344 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container:after {
345 clear: both;
346 content: "";
347 display: table;
348 }
349 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image {
350 text-decoration: none;
351 border: 1px solid #DFDFDF;
352 font-size: 11px;
353 -webkit-border-radius: 3px;
354 -moz-border-radius: 3px;
355 border-radius: 3px;
356 padding: 4px 6px;
357 margin-right: 10px;
358 }
359 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image .wpuf-media-icon {
360 height: 12px;
361 width: 12px;
362 }
363 ul.wpuf-form li .wpuf-fields .wpuf-fields-list {
364 box-sizing: border-box;
365 margin: 0;
366 padding: 0;
367 list-style: none;
368 }
369 ul.wpuf-form li .wpuf-fields .wpuf-fields-list li {
370 padding: 0;
371 margin: 0 0 6px;
372 }
373 ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline {
374 margin-left: -5px;
375 }
376 ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline li {
377 display: inline-block;
378 padding-left: 5px;
379 padding-right: 5px;
380 }
381 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field {
382 border-collapse: collapse;
383 }
384 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field * {
385 box-sizing: border-box;
386 }
387 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field input {
388 width: 100%;
389 }
390 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons {
391 width: 75px;
392 padding-left: 12px;
393 }
394 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons img {
395 width: 100%;
396 height: auto;
397 }
398 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons i {
399 display: inline-block;
400 width: 15px;
401 height: 15px;
402 margin: 2px 4px 0 0;
403 }
404 ul.wpuf-form li label.wpuf-form-sub-label {
405 font-size: 12px;
406 display: inline-block;
407 padding-top: 5px;
408 }
409 ul.wpuf-form li .wpuf-address-field {
410 width: 100%;
411 margin-bottom: 10px;
412 }
413 ul.wpuf-form li .wpuf-address-field:after {
414 clear: both;
415 content: "";
416 display: table;
417 }
418 ul.wpuf-form li .wpuf-address-field.city_name,
419 ul.wpuf-form li .wpuf-address-field.state,
420 ul.wpuf-form li .wpuf-address-field.zip,
421 ul.wpuf-form li .wpuf-address-field.country_select {
422 float: left;
423 width: 47%;
424 }
425 ul.wpuf-form li .wpuf-address-field.city_name,
426 ul.wpuf-form li .wpuf-address-field.zip {
427 margin-right: 4%;
428 }
429 ul.wpuf-form li .wpuf-address-field.zip {
430 clear: both;
431 }
432 ul.wpuf-form li .wpuf-section-wrap {
433 border-bottom: 1px solid #ccc;
434 margin: 15px 0;
435 }
436 ul.wpuf-form li .wpuf-section-wrap h2.wpuf-section-title {
437 margin: 0;
438 }
439 ul.wpuf-form li .wpuf-section-wrap .wpuf-section-details {
440 padding: 4px 0 8px;
441 font-size: 12px;
442 }
443 ul.wpuf-form.form-label-above li .wpuf-label,
444 ul.wpuf-form.form-label-above li .wpuf-fields {
445 display: block;
446 float: none;
447 width: 100%;
448 }
449 ul.wpuf-form.form-label-above li .wpuf-label {
450 margin-bottom: 10px;
451 }
452 ul.wpuf-form.form-label-right li .wpuf-label {
453 float: right;
454 }
455 ul.wpuf-form.form-label-hidden li .wpuf-label {
456 display: none;
457 }
458 ul.wpuf-form.form-label-hidden li .wpuf-fields {
459 display: block;
460 float: none;
461 width: 100%;
462 }
463 ul.wpuf-form .wpuf-submit input[type=submit] {
464 font-size: 16px;
465 padding: 5px 15px;
466 border: 1px solid #ccc;
467 -webkit-border-radius: 3px;
468 -moz-border-radius: 3px;
469 border-radius: 3px;
470 background: #0085ba;
471 border-color: #0073aa #006799 #006799;
472 -webkit-box-shadow: 0 1px 0 #006799;
473 box-shadow: 0 1px 0 #006799;
474 color: #fff;
475 text-decoration: none;
476 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
477 }
478 ul.wpuf-form .wpuf-submit .button-primary-disabled {
479 color: #94cde7 !important;
480 background: #298cba !important;
481 border-color: #1b607f !important;
482 -webkit-box-shadow: none !important;
483 box-shadow: none !important;
484 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
485 cursor: default;
486 }
487 ul.wpuf-form .wpuf-submit .wpuf-errors {
488 background: #FFE4E4;
489 border: 1px solid #ffb1b1;
490 margin: 10px 0;
491 padding: 10px;
492 -webkit-border-radius: 3px;
493 -moz-border-radius: 3px;
494 border-radius: 3px;
495 font-size: 13px;
496 }
497 ul.wpuf-form:not(.form-label-left) .wpuf-submit .wpuf-label {
498 display: none !important;
499 }
500 #wpuf-login-form label {
501 display: block;
502 }
503 #wpuf-login-form .forgetmenot label {
504 display: inline-block;
505 }
506 .wpuf_sub_info {
507 padding: 0;
508 margin: 10px 5px;
509 border: 1px solid #eee;
510 border-radius: 3px;
511 }
512 .wpuf_sub_info h3 {
513 background-color: #f1f1f1;
514 padding: 10px;
515 margin: 0 0 5px 0 !important;
516 font-weight: 300 !important;
517 }
518 .wpuf_sub_info .wpuf-text {
519 padding: 5px 10px;
520 }
521 .wpuf_sub_info .wpuf-expire {
522 border-top: 1px solid #eee;
523 padding-top: 5px;
524 margin-top: 5px;
525 }
526 .wpuf-coupon-info-wrap {
527 border: 1px solid #eee;
528 padding: 15px;
529 margin-bottom: 20px;
530 }
531 .wpuf-coupon-info-wrap .wpuf-coupon-field-spinner {
532 background: url('../images/wpspin_light.gif') no-repeat right scroll rgba(0, 0, 0, 0);
533 }
534 .wpuf-coupon-info-wrap .wpuf-copon-show {
535 background: #EEEEEE;
536 border-radius: 3px;
537 border-width: 1px;
538 box-shadow: 0 1px 0 rgba(217, 217, 217, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
539 color: #5C5A5A;
540 cursor: pointer;
541 display: inline-block;
542 font-size: 14px;
543 padding: 5px 12px;
544 text-decoration: none;
545 width: 175px;
546 margin-bottom: 8px;
547 }
548 .wpuf-coupon-info-wrap .wpuf-copon-wrap {
549 margin: 15px 0;
550 }
551 .wpuf-coupon-info-wrap .wpuf-pack-info {
552 margin-bottom: 20px;
553 }
554 .wpuf-coupon-info-wrap .wpuf-pack-info h3 {
555 margin: 0 0 10px 0;
556 padding: 0 0 10px 0;
557 border-bottom: 1px solid #eee;
558 }
559 .wpuf-coupon-info-wrap .wpuf-pack-info h3 a {
560 float: right;
561 text-decoration: none;
562 background: #64C3DE;
563 color: #fff;
564 padding: 3px 8px;
565 font-size: 14px;
566 }
567 .wpuf-coupon-info-wrap .wpuf-pack-info wpuf-subscription-error {
568 color: #D8000C;
569 }
570 .wpuf-coupon-info-wrap .wpuf-copon-show:hover {
571 background: none repeat scroll 0 0 #1E8CBE;
572 border-color: #0074A2;
573 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
574 color: #FFFFFF;
575 }
576 .wpuf-coupon-info-wrap a.wpuf-apply-coupon {
577 text-decoration: none;
578 font-size: 11px;
579 margin-top: 10px;
580 margin-right: 10px;
581 background: #21759b;
582 color: #fff;
583 padding: 5px 10px;
584 display: inline-block;
585 -webkit-border-radius: 3px;
586 -moz-border-radius: 3px;
587 border-radius: 3px;
588 }
589 .wpuf-coupon-info-wrap .wpuf-copon-cancel {
590 text-decoration: none;
591 font-size: 11px;
592 }
593 .entry-content ul.wpuf_packs,
594 ul.wpuf_packs {
595 overflow: hidden;
596 margin: 15px;
597 }
598 .entry-content ul.wpuf_packs > li,
599 ul.wpuf_packs > li {
600 background: #fff;
601 border: 1px solid #DDD;
602 border-radius: 5px 5px 5px 5px;
603 float: left;
604 list-style: none outside none;
605 margin: 5px 25px 25px 0;
606 position: relative;
607 width: 200px;
608 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
609 }
610 .entry-content ul.wpuf_packs > li:first-child,
611 ul.wpuf_packs > li:first-child {
612 margin-left: 5px;
613 }
614 .entry-content ul.wpuf_packs h3,
615 ul.wpuf_packs h3 {
616 background: #52B5D5;
617 color: #fff;
618 font-size: 18px;
619 font-weight: normal;
620 margin: 0;
621 padding: 10px !important;
622 text-align: center;
623 border-bottom: 1px solid #3dacd0;
624 }
625 .entry-content ul.wpuf_packs .wpuf-pricing-wrap,
626 ul.wpuf_packs .wpuf-pricing-wrap {
627 background: #64C3DE;
628 }
629 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount,
630 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount {
631 position: relative;
632 text-align: center;
633 color: #FFF;
634 border-bottom: 1px solid #4fbbda;
635 padding: 10px 0;
636 }
637 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol,
638 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol {
639 font-size: 19px;
640 position: absolute;
641 top: 25px;
642 line-height: 10px;
643 }
644 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost,
645 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost {
646 font-size: 40px;
647 margin-left: 10px;
648 line-height: 50px;
649 }
650 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle,
651 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle {
652 font-size: 13px;
653 padding-bottom: 5px;
654 }
655 .entry-content ul.wpuf_packs .wpuf-sub-body,
656 ul.wpuf_packs .wpuf-sub-body {
657 margin: 0;
658 padding: 8px 0 0 8px;
659 background: #fff;
660 font-size: 11px;
661 color: #999;
662 }
663 .entry-content ul.wpuf_packs .wpuf-sub-button,
664 ul.wpuf_packs .wpuf-sub-button {
665 text-align: center;
666 margin-bottom: 20px;
667 margin-top: 20px;
668 overflow: hidden;
669 }
670 .entry-content ul.wpuf_packs .wpuf-sub-button a,
671 ul.wpuf_packs .wpuf-sub-button a {
672 background: #64C3DE;
673 color: #fff;
674 text-decoration: none;
675 padding: 5px 10px;
676 -webkit-border-radius: 3px;
677 -moz-border-radius: 3px;
678 border-radius: 3px;
679 display: inline-block;
680 }
681 .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
682 ul.wpuf_packs .wpuf-sub-button a:hover {
683 background: #3ab3d5;
684 }
685 .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
686 ul.wpuf_packs .wpuf-sub-button a:hover {
687 background: none repeat scroll 0 0 #1E8CBE;
688 border-color: #0074A2;
689 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
690 color: #FFFFFF;
691 }
692 .entry-content ul.wpuf_packs .wpuf-sub-desciption,
693 ul.wpuf_packs .wpuf-sub-desciption {
694 margin-top: 15px;
695 }
696 .entry-content ul.wpuf_packs .wpuf-sub-desciption ul,
697 ul.wpuf_packs .wpuf-sub-desciption ul,
698 .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
699 ul.wpuf_packs .wpuf-sub-desciption li {
700 margin: 0;
701 padding: 0;
702 list-style: none;
703 }
704 .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
705 ul.wpuf_packs .wpuf-sub-desciption li {
706 text-align: center;
707 border-top: 1px solid #eee;
708 padding: 7px 0;
709 }
710 .entry-content ul.wpuf_packs .wpuf-sub-desciption li:last-child,
711 ul.wpuf_packs .wpuf-sub-desciption li:last-child {
712 border-bottom: 1px solid #eee;
713 }
714 .entry-content ul.wpuf_packs .wpuf-sub-desciption li:first-child,
715 ul.wpuf_packs .wpuf-sub-desciption li:first-child {
716 border-top: none;
717 }
718 .entry-content ul.wpuf_packs .wpuf-sub-desciption p,
719 ul.wpuf_packs .wpuf-sub-desciption p {
720 padding: 0 10px;
721 margin-bottom: 15px;
722 }
723 .entry-content ul.wpuf_packs .button,
724 ul.wpuf_packs .button {
725 background: none repeat scroll 0 0 #2EA2CC;
726 border-color: #0074A2;
727 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
728 color: #FFFFFF;
729 text-decoration: none;
730 padding: 0 12px 2px;
731 color: #fff;
732 }
733 .entry-content ul.wpuf_packs .cost,
734 ul.wpuf_packs .cost {
735 background: red;
736 border-radius: 30px 30px 30px 30px;
737 color: #FFFFFF;
738 margin: -16px -12px 0 0;
739 padding: 10px 8px 8px;
740 position: absolute;
741 right: 0;
742 top: 0;
743 }
744 /* css for timepicker */
745 .ui-timepicker-div .ui-widget-header {
746 margin-bottom: 8px;
747 }
748 .ui-timepicker-div dl {
749 text-align: left;
750 }
751 .ui-timepicker-div dl dt {
752 height: 25px;
753 margin-bottom: -25px;
754 }
755 .ui-timepicker-div dl dd {
756 margin: 0 10px 10px 65px;
757 }
758 .ui-timepicker-div td {
759 font-size: 90%;
760 }
761 .ui-tpicker-grid-label {
762 background: none;
763 border: none;
764 margin: 0;
765 padding: 0;
766 }
767 .ui-timepicker-rtl {
768 direction: rtl;
769 }
770 .ui-timepicker-rtl dl {
771 text-align: right;
772 }
773 .ui-timepicker-rtl dl dd {
774 margin: 0 65px 10px 10px;
775 }
776 #pass-strength-result {
777 border-style: solid;
778 border-width: 1px;
779 float: left;
780 margin: 0;
781 padding: 3px 5px;
782 text-align: center;
783 width: 200px;
784 display: none;
785 background-color: #eee;
786 border-color: #ddd !important;
787 }
788 #pass-strength-result.bad {
789 background-color: #ffb78c;
790 border-color: #ff853c !important;
791 }
792 #pass-strength-result.good {
793 background-color: #ffec8b;
794 border-color: #fc0 !important;
795 }
796 #pass-strength-result.short {
797 background-color: #ffa0a0;
798 border-color: #f04040 !important;
799 }
800 #pass-strength-result.strong {
801 background-color: #c3ff88;
802 border-color: #8dff1c !important;
803 }
804 .password[type="text"] {
805 display: none;
806 }
807 table.wpuf-table {
808 border: 1px solid #E7E7E7;
809 margin: 0 0px 10px 0;
810 text-align: left;
811 width: 100%;
812 }
813 table.wpuf-table thead th,
814 table.wpuf-table th {
815 color: #888888;
816 font-size: 12px;
817 font-weight: bold;
818 line-height: 18px;
819 padding: 9px 24px;
820 }
821 table.wpuf-table td {
822 border-top: 1px solid #E7E7E7;
823 padding: 6px 24px;
824 }
825 #wpuf-payment-gateway ul.wpuf-payment-gateways {
826 list-style: none;
827 margin: 10px 0;
828 }
829 #wpuf-payment-gateway ul.wpuf-payment-gateways li {
830 margin: 0;
831 }
832 #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-payment-instruction {
833 padding: 8px 10px;
834 margin: 0 10px;
835 }
836 #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-instruction {
837 padding: 8px 10px;
838 margin-bottom: 10px;
839 background: #ebe8eb;
840 font-size: 13px;
841 -webkit-border-radius: 2px;
842 -moz-border-radius: 2px;
843 border-radius: 2px;
844 }
845 .wpuf-pagination div.pagination {
846 text-align: center;
847 padding: 7px;
848 margin: 3px;
849 }
850 .wpuf-pagination .page-numbers {
851 padding: 2px 8px;
852 margin: 2px;
853 border: 1px solid #4A5154;
854 text-decoration: none;
855 color: #4A5154;
856 background: #fff;
857 border-radius: 5px;
858 -moz-border-radius: 5px;
859 }
860 .wpuf-pagination .page-numbers:hover,
861 .wpuf-pagination .page-numbers:active {
862 border: 1px solid #4A5154;
863 background-color: #4A5154;
864 color: #fff;
865 border-radius: 5px;
866 -moz-border-radius: 5px;
867 }
868 .wpuf-pagination .page-numbers.current {
869 padding: 2px 8px;
870 margin: 2px;
871 border: 1px solid #4A5154;
872 font-weight: bold;
873 background-color: #4A5154;
874 color: #FFF;
875 border-radius: 5px;
876 -moz-border-radius: 5px;
877 }
878 /** author info **/
879 .wpuf-author {
880 margin: 20px 0;
881 }
882 .wpuf-author:after {
883 clear: both;
884 content: "";
885 display: table;
886 }
887 .wpuf-author h3 {
888 margin: 0 !important;
889 background: #CFCFCF;
890 text-align: left;
891 padding: 3px 10px;
892 }
893 .wpuf-author .wpuf-author-inside {
894 background: none repeat scroll 0 0 #F0F0F0;
895 border-bottom: 2px solid #DDDDDD;
896 height: auto;
897 padding-left: 10px;
898 padding-top: 15px;
899 margin-bottom: 15px;
900 }
901 .wpuf-author .wpuf-author-inside:after {
902 clear: both;
903 content: "";
904 display: table;
905 }
906 .wpuf-author .wpuf-author-inside .wpuf-user-image {
907 float: left;
908 padding-right: 15px;
909 }
910 .wpuf-author .wpuf-author-inside p {
911 margin-bottom: 10px !important;
912 }
913 .wpuf-author .wpuf-author-inside p.wpuf-author-info {
914 padding-top: 8px;
915 word-wrap: break-word;
916 }
917 .wpuf-author .wpuf-author-inside p.wpuf-user-name a {
918 color: #335160;
919 font-size: 1.2em;
920 font-weight: bold;
921 }
922 /** jQuery Suggest **/
923 .ac_results {
924 padding: 0;
925 margin: 0;
926 list-style: none;
927 position: absolute;
928 z-index: 10000;
929 display: none;
930 border: 1px solid #ccc;
931 }
932 .ac_results li {
933 padding: 2px 5px;
934 white-space: nowrap;
935 text-align: left;
936 }
937 .ac_over {
938 cursor: pointer;
939 }
940 .ac_match {
941 text-decoration: underline;
942 }
943 /*------------------------------------
944 * Multistep form
945 *-----------------------------------*/
946 fieldset.wpuf-multistep-fieldset {
947 position: relative;
948 padding-bottom: 50px;
949 border: none;
950 display: none;
951 }
952 fieldset.wpuf-multistep-fieldset.field-active {
953 display: block;
954 }
955 fieldset.wpuf-multistep-fieldset .wpuf-multistep-prev-btn,
956 fieldset.wpuf-multistep-fieldset .wpuf-multistep-next-btn {
957 position: absolute;
958 bottom: 5px;
959 }
960 fieldset.wpuf-multistep-fieldset .wpuf-multistep-prev-btn {
961 left: 10px;
962 }
963 fieldset.wpuf-multistep-fieldset .wpuf-multistep-next-btn {
964 right: 10px;
965 }
966 .wpuf-multistep-progressbar {
967 overflow: hidden;
968 }
969 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard {
970 margin: 20px 0 40px 0;
971 padding: 0;
972 list-style: none;
973 }
974 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard * {
975 box-sizing: border-box;
976 }
977 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li {
978 background-color: #E4E4E4;
979 border-radius: 5px;
980 display: inline-block;
981 padding: 10px 30px 10px 40px;
982 margin-right: -7px;
983 width: auto;
984 margin: 0;
985 position: relative;
986 text-align: center;
987 }
988 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before,
989 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
990 border: solid transparent;
991 content: " ";
992 height: 0;
993 width: 0;
994 position: absolute;
995 border-color: transparent;
996 border-left-color: #fff;
997 border-radius: 10px;
998 }
999 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before {
1000 border-width: 26px;
1001 margin-top: -14px;
1002 right: -50px;
1003 z-index: 98;
1004 }
1005 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
1006 border-left-color: #E4E4E4;
1007 border-width: 25px;
1008 margin-top: -37px;
1009 right: -44px;
1010 z-index: 99;
1011 }
1012 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step {
1013 background-color: #00a0d2;
1014 color: #fff;
1015 }
1016 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step::after {
1017 border-left-color: #00a0d2;
1018 }
1019 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li:last-child::after {
1020 border-left-color: transparent;
1021 }
1022 .wpuf-form .wpuf-multistep-progressbar .ui-widget-header {
1023 background: #00a0d2;
1024 }
1025 .wpuf-form .wpuf-multistep-progressbar.ui-progressbar {
1026 margin-bottom: 30px;
1027 height: 25px;
1028 border: 1px solid #eee;
1029 position: relative;
1030 }
1031 .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progress-percentage {
1032 position: absolute;
1033 left: 50%;
1034 font-size: 12px;
1035 font-weight: bold;
1036 text-shadow: 1px 1px 0 #fff;
1037 top: 20%;
1038 }
1039 input.wpuf-btn {
1040 text-decoration: none !important;
1041 font-size: 15px !important;
1042 margin-top: 10px;
1043 margin-right: 10px;
1044 background: #21759b !important;
1045 color: #fff !important;
1046 padding: 5px 10px;
1047 display: inline-block;
1048 -webkit-border-radius: 3px !important;
1049 -moz-border-radius: 3px !important;
1050 border-radius: 3px !important;
1051 border: none !important;
1052 }
1053 /*rtl*/
1054 body.rtl ul.wpuf-form li .wpuf-label {
1055 float: right;
1056 }
1057 @media (max-width: 480px) {
1058 ul.wpuf-form li .wpuf-label,
1059 ul.wpuf-form li .wpuf-fields {
1060 float: none;
1061 width: 100%;
1062 }
1063 }
1064 .wpuf-form .required {
1065 color: red;
1066 font-weight: 700;
1067 border: 0;
1068 }
1069 .wpuf-dashboard-container .wpuf-dashboard-navigation {
1070 width: 30%;
1071 float: left;
1072 }
1073 .wpuf-dashboard-container .wpuf-dashboard-navigation a {
1074 text-decoration: none;
1075 box-shadow: none;
1076 }
1077 .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
1078 list-style: none;
1079 }
1080 .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
1081 padding-bottom: 2px;
1082 }
1083 .wpuf-dashboard-container .wpuf-dashboard-content {
1084 width: 68%;
1085 float: right;
1086 }
1087 .wpuf-dashboard-container table.items-table {
1088 border: 0;
1089 }
1090 .wpuf-dashboard-container table.items-table a {
1091 text-decoration: none;
1092 box-shadow: none;
1093 }
1094 .wpuf-dashboard-container table.items-table th,
1095 .wpuf-dashboard-container table.items-table td {
1096 border: 0;
1097 padding: 10px;
1098 }
1099 .wpuf-dashboard-container table.items-table tr {
1100 outline: 1px solid #f1f1f1;
1101 }
1102 .wpuf-dashboard-container table.items-table .items-list-header {
1103 background-color: #f1f1f1;
1104 }
1105 .wpuf-dashboard-container .wpuf-update-profile-form .form-row-first {
1106 float: left;
1107 width: 47%;
1108 overflow: visible;
1109 }
1110 .wpuf-dashboard-container .wpuf-update-profile-form .form-row-last {
1111 float: right;
1112 width: 47%;
1113 overflow: visible;
1114 }
1115 .wpuf-toc-container .wpuf-fields {
1116 position: relative;
1117 }
1118 .wpuf-toc-container .wpuf-fields .wpuf-toc-checkbox {
1119 position: absolute;
1120 top: 0;
1121 left: 0;
1122 }
1123 .wpuf-toc-container .wpuf-fields.has-toc-checkbox .wpuf-toc-description {
1124 margin-left: 25px;
1125 }
1126 .wpuf-field-google-map {
1127 height: 300px;
1128 width: 100%;
1129 }
1130 .wpuf-form-google-map {
1131 height: 300px;
1132 width: 100%;
1133 }
1134 input[type="text"].wpuf-google-map-search {
1135 margin-top: 10px !important;
1136 border: 1px solid transparent !important;
1137 border-radius: 2px 0 0 2px !important;
1138 box-sizing: border-box !important;
1139 -moz-box-sizing: border-box !important;
1140 height: 32px !important;
1141 outline: none !important;
1142 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
1143 background-color: #fff !important;
1144 text-overflow: ellipsis !important;
1145 width: 170px !important;
1146 font-family: Roboto !important;
1147 font-size: 15px !important;
1148 font-weight: 300 !important;
1149 padding: 0 11px 0 13px !important;
1150 display: none;
1151 }
1152 .gm-style input[type="text"].wpuf-google-map-search {
1153 display: block;
1154 }
1155 .wpuf-form-google-map-container input[type="text"].wpuf-google-map-search {
1156 width: 230px !important;
1157 }
1158 .wpuf-form-google-map-container.hide-search-box .gm-style input[type="text"].wpuf-google-map-search {
1159 display: none;
1160 }
1161