PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.2.3
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.2.3
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 / css / admin.css

admin.css in weForms – Easy Drag & Drop Contact Form Builder For WordPress 1.2.3, at assets/css/admin.css

665 lines 16.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 th.col-form-name {
2 width: 25%;
3 }
4 th.col-form-shortcode {
5 width: 25%;
6 }
7 th.col-form-entries,
8 th.col-form-views,
9 th.col-form-conversion {
10 width: 10%;
11 }
12 th.col-entry-id {
13 width: 5%;
14 }
15 th.col-entry-details {
16 width: 10%;
17 }
18 table.wpuf-contact-form td,
19 table.wpuf-contact-form th {
20 vertical-align: top;
21 }
22 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name > label {
23 display: block;
24 clear: both;
25 }
26 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-placeholder,
27 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-value {
28 float: left;
29 width: 48%;
30 }
31 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-placeholder label,
32 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-value label {
33 font-size: 10px;
34 }
35 .wpuf-form-builder-field-options .panel-field-opt.panel-field-name .name-field-placeholder {
36 margin-right: 4%;
37 }
38 .wpuf-contact-form-entry-wrap {
39 margin-top: 20px;
40 width: 100%;
41 overflow: hidden;
42 }
43 .wpuf-contact-form-entry-wrap .wpuf-contact-form-entry-left {
44 float: left;
45 width: 70%;
46 }
47 .wpuf-contact-form-entry-wrap .wpuf-contact-form-entry-right {
48 float: right;
49 width: 28%;
50 }
51 .wpuf-contact-form-entry-wrap h2.hndle {
52 padding: 8px 12px;
53 margin: 0;
54 font-size: 14px;
55 }
56 .wpuf-contact-form-entry-wrap table.widefat {
57 border: none;
58 }
59 .wpuf-contact-form-entry-wrap .button .dashicons {
60 margin-top: 4px;
61 }
62 .postboxes.two-col {
63 display: flex;
64 flex-wrap: wrap;
65 width: 100%;
66 }
67 .postboxes.two-col .postbox {
68 width: 48%;
69 display: flex;
70 flex-direction: column;
71 }
72 .postboxes.two-col .postbox:nth-child(2n+1) {
73 margin-right: 3%;
74 }
75 .postboxes.two-col .postbox:nth-child(2n+2) {
76 margin-right: 0;
77 }
78 .postboxes.two-col .submit-wrapper {
79 margin-top: auto;
80 text-align: right;
81 padding-right: 10px;
82 border-top: 1px solid #eee;
83 padding-top: 10px;
84 background: #fafafa;
85 padding-bottom: 10px;
86 }
87 .export-import-wrap select.forms-list {
88 min-width: 300px;
89 }
90 .export-import-wrap .loading-spinner {
91 float: none;
92 display: block;
93 margin: 0 auto;
94 margin-top: 20px;
95 }
96 .export-import-wrap .upload-status .spinner {
97 float: none;
98 display: inline-block;
99 margin: 0;
100 background-size: 18px 18px;
101 }
102 .weforms-premium .wp-badge {
103 background: #40ce65 url(../images/weforms-pro.png) no-repeat;
104 background-size: 100px 90px;
105 background-position: 35px 5px;
106 }
107 .weforms-premium .weforms-upgrade-sticky-footer {
108 position: fixed;
109 bottom: 0;
110 background: #fff;
111 width: calc(100% - 195px);
112 z-index: 9;
113 margin-left: -25px;
114 text-align: center;
115 border: 1px solid #dfdfdf;
116 padding: 20px 0;
117 border-bottom: none;
118 }
119 .weforms-premium .four-col .col {
120 -webkit-align-self: flex-start;
121 -ms-flex-item-align: start;
122 align-self: flex-start;
123 min-width: 23%;
124 max-width: 23%;
125 }
126 a.add-notification .dashicons {
127 margin-top: 4px;
128 }
129 .notification-wrap {
130 width: 100%;
131 overflow: hidden;
132 display: block;
133 margin-top: 20px;
134 }
135 .notification-wrap .notification-row.notification-field .mce-tinymce {
136 border: 1px solid #ddd;
137 }
138 .notification-wrap .notification-row.notification-field .mce-tinymce .mce-i-shortcode::before {
139 font-family: dashicons;
140 content: "\f475";
141 }
142 .notification-wrap .notification-table-wrap {
143 width: 100%;
144 }
145 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table {
146 width: 70%;
147 transition: width 0.3s ease-in-out;
148 }
149 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-toggle {
150 width: 35px;
151 }
152 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-name {
153 width: 35%;
154 }
155 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-name a {
156 font-weight: bold;
157 }
158 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-action {
159 width: 15%;
160 }
161 .notification-wrap .notification-edit-area {
162 background: #fff;
163 border: 1px solid #e5e5e5;
164 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
165 margin-bottom: 30px;
166 display: none;
167 }
168 .notification-wrap .notification-edit-area a {
169 text-decoration: none;
170 }
171 .notification-wrap .notification-edit-area .notification-head {
172 padding: 8px 10px;
173 background: #f9f9f9;
174 border-bottom: 1px solid #e1e1e1;
175 margin-bottom: 15px;
176 }
177 .notification-wrap .notification-edit-area .notification-head input {
178 width: 100%;
179 padding: 8px;
180 }
181 .notification-wrap .notification-edit-area .form-fields {
182 padding: 8px 10px;
183 }
184 .notification-wrap .notification-edit-area .form-fields input,
185 .notification-wrap .notification-edit-area .form-fields textarea {
186 width: 100%;
187 padding: 6px 25px 6px 6px;
188 }
189 .notification-wrap .notification-edit-area .form-fields input[type='radio'] {
190 width: auto;
191 }
192 .notification-wrap .notification-edit-area .form-fields .notification-row {
193 margin-bottom: 10px;
194 position: relative;
195 }
196 .notification-wrap .notification-edit-area .form-fields .notification-row:after {
197 clear: both;
198 content: "";
199 display: table;
200 }
201 .notification-wrap .notification-edit-area .form-fields .row-one-half {
202 float: left;
203 width: 48%;
204 position: relative;
205 }
206 .notification-wrap .notification-edit-area .form-fields .row-one-half.first {
207 margin-right: 4%;
208 }
209 .notification-wrap .notification-edit-area .form-fields label {
210 display: block;
211 padding-bottom: 5px;
212 }
213 .notification-wrap .notification-edit-area .form-fields .advanced-field-wrap {
214 display: none;
215 }
216 .notification-wrap .notification-edit-area .form-fields .notification-conditional-logic .help {
217 margin-bottom: 0px;
218 }
219 .notification-wrap .notification-edit-area .form-fields .notification-conditional-logic .condition-status {
220 margin-bottom: 0px;
221 margin-top: 8px;
222 }
223 .notification-wrap .notification-edit-area .form-fields .notification-conditional-logic .condiotional-logic-repeater {
224 margin: 8px 0px;
225 }
226 .notification-wrap .notification-edit-area .submit-area {
227 padding: 8px 10px;
228 background: #f9f9f9;
229 border-top: 1px solid #e1e1e1;
230 margin-top: 5px;
231 }
232 .notification-wrap .notification-edit-area .submit-area:after {
233 clear: both;
234 content: "";
235 display: table;
236 }
237 .notification-wrap .notification-edit-area .submit-area .button {
238 float: right;
239 }
240 .notification-wrap.editing .notification-table-wrap {
241 width: 40%;
242 float: left;
243 }
244 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-toggle,
245 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-subject,
246 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-action {
247 display: none;
248 }
249 .notification-wrap.editing .notification-edit-area {
250 float: right;
251 width: 60%;
252 display: block;
253 }
254 /* Make clicks pass-through */
255 #nprogress {
256 pointer-events: none;
257 /* Fancy blur effect */
258 /* Remove these to get rid of the spinner */
259 }
260 #nprogress .bar {
261 background: #29d;
262 position: fixed;
263 z-index: 1031;
264 top: 0;
265 left: 0;
266 width: 100%;
267 height: 2px;
268 }
269 #nprogress .peg {
270 display: block;
271 position: absolute;
272 right: 0px;
273 width: 100px;
274 height: 100%;
275 box-shadow: 0 0 10px #29d, 0 0 5px #29d;
276 opacity: 1.0;
277 -webkit-transform: rotate(3deg) translate(0px, -4px);
278 -ms-transform: rotate(3deg) translate(0px, -4px);
279 transform: rotate(3deg) translate(0px, -4px);
280 }
281 #nprogress .spinner {
282 display: block;
283 position: fixed;
284 z-index: 1031;
285 top: 15px;
286 right: 15px;
287 }
288 #nprogress .spinner-icon {
289 width: 18px;
290 height: 18px;
291 box-sizing: border-box;
292 border: solid 2px transparent;
293 border-top-color: #29d;
294 border-left-color: #29d;
295 border-radius: 50%;
296 -webkit-animation: nprogress-spinner 400ms linear infinite;
297 animation: nprogress-spinner 400ms linear infinite;
298 }
299 .nprogress-custom-parent {
300 overflow: hidden;
301 position: relative;
302 }
303 .nprogress-custom-parent #nprogress .spinner,
304 .nprogress-custom-parent #nprogress .bar {
305 position: absolute;
306 }
307 .weforms-modules {
308 margin-top: 15px;
309 overflow: hidden;
310 }
311 .weforms-modules .plugin-card {
312 border: 1px solid #e5e5e5;
313 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
314 }
315 .weforms-modules .plugin-card .plugin-name {
316 color: #0073aa;
317 }
318 .weforms-modules .plugin-card .desc,
319 .weforms-modules .plugin-card .name {
320 margin-left: 115px;
321 }
322 .weforms-modules .plugin-card .plugin-card-top {
323 min-height: 105px;
324 }
325 .weforms-modules .plugin-card .plugin-icon {
326 width: 96px;
327 height: 96px;
328 margin: 0 20px 0px 0;
329 }
330 .weforms-modules .activate-deactivate-all {
331 margin-top: 15px;
332 }
333 .weforms-modules .activate-deactivate-all a {
334 text-decoration: none;
335 }
336 .weforms-help-page {
337 display: flex;
338 flex-wrap: wrap;
339 align-items: center;
340 margin-top: 30px;
341 }
342 .weforms-help-page * {
343 box-sizing: border-box;
344 }
345 .weforms-help-page .help-block {
346 flex: 1;
347 align-self: flex-start;
348 min-width: 31%;
349 max-width: 32%;
350 border: 1px solid #ddd;
351 margin-right: 2%;
352 margin-bottom: 25px;
353 border-radius: 3px;
354 padding: 25px 15px;
355 text-align: center;
356 background: #fff;
357 }
358 .weforms-help-page .help-block:hover {
359 background: #f9f9f9;
360 }
361 .weforms-help-page .help-block img {
362 max-height: 70px;
363 }
364 @-webkit-keyframes nprogress-spinner {
365 0% {
366 -webkit-transform: rotate(0deg);
367 }
368 100% {
369 -webkit-transform: rotate(360deg);
370 }
371 }
372 @keyframes nprogress-spinner {
373 0% {
374 transform: rotate(0deg);
375 }
376 100% {
377 transform: rotate(360deg);
378 }
379 }
380 @keyframes color-me-in {
381 /* You could think of as "step 1" */
382 0% {
383 background: orange;
384 }
385 /* You could think of as "step 2" */
386 100% {
387 background: black;
388 }
389 }
390 @keyframes weFormsZoomIn {
391 from {
392 opacity: 0;
393 transform: scale3d(0.3, 0.3, 0.3);
394 }
395 50% {
396 opacity: 1;
397 }
398 }
399 @keyframes weFormsFadeIn {
400 from {
401 opacity: 0;
402 }
403 to {
404 opacity: 1;
405 }
406 }
407 .wefroms-form-templates .wpuf-form-template-modal .choose-form-categroy {
408 float: right;
409 font-size: 14px;
410 margin-right: 70px;
411 font-weight: normal;
412 }
413 .wefroms-form-templates .wpuf-form-template-modal .content {
414 max-width: 985px;
415 }
416 .wefroms-form-templates .wpuf-form-template-modal .content h2 {
417 font-size: 15px;
418 color: #5d6d74;
419 width: 100%;
420 }
421 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(3n+1) {
422 margin-left: 3.0612244897959% !important;
423 clear: none !important;
424 }
425 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(4n+1) {
426 margin-left: 0 !important;
427 clear: both !important;
428 }
429 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text {
430 margin-top: 70px;
431 font-size: 15px;
432 }
433 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text .title {
434 color: #929292;
435 }
436 .wefroms-form-templates .wpuf-form-template-modal .content ul li {
437 text-align: center;
438 min-height: 280px;
439 width: 220px;
440 border: 0px;
441 box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
442 position: relative;
443 border-radius: 3px;
444 }
445 .wefroms-form-templates .wpuf-form-template-modal .content ul li img {
446 width: 100%;
447 }
448 .wefroms-form-templates .wpuf-form-template-modal .content ul li .form-create-overlay {
449 position: absolute;
450 display: none;
451 }
452 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover {
453 background: #fff;
454 }
455 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay {
456 animation: weFormsFadeIn .25s;
457 padding: 10px;
458 text-align: center;
459 display: flex;
460 flex-direction: column;
461 justify-content: center;
462 background: rgba(0, 0, 0, 0.7);
463 height: 100%;
464 width: 100%;
465 top: 0px;
466 left: 0px;
467 color: #fff;
468 border-radius: 3px;
469 }
470 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .title {
471 color: #fff;
472 }
473 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .description {
474 color: #fff;
475 }
476 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay button {
477 height: 30px;
478 }
479 .wefroms-form-templates .wpuf-form-template-modal .content ul li h3 {
480 margin-top: 0px;
481 border: 0px;
482 background: #1E87B6;
483 padding: 13px;
484 font-weight: normal;
485 font-size: 13px;
486 color: #fff;
487 border-radius: 3px 3px 0px 0px;
488 text-align: left;
489 }
490 .wefroms-form-templates .wpuf-form-template-modal .content ul li.template-inactive h3 {
491 background: #ccc;
492 }
493 .ann-form-btn {
494 background: #e74c3c !important;
495 }
496 .ann-form-btn.sharing_on {
497 background: #27ae60 !important;
498 }
499 .weforms-single-product-price-warp {
500 display: table;
501 }
502 .weforms-single-product-price-warp span {
503 padding: 6px 12px;
504 font-size: 14px;
505 font-weight: 400;
506 line-height: 1;
507 color: #555;
508 text-align: center;
509 background-color: #eee;
510 border: 1px solid #ddd;
511 border-radius: 4px;
512 border-top-right-radius: 0;
513 border-bottom-right-radius: 0;
514 width: 1%;
515 white-space: nowrap;
516 vertical-align: middle;
517 display: table-cell;
518 border-right: 0px;
519 }
520 .weforms-single-product-price-warp input {
521 display: table-cell;
522 width: 99%;
523 margin: 0px;
524 }
525 #weforms-settings {
526 height: 100%;
527 }
528 #weforms-settings #weforms-settings-tabs-warp {
529 margin-top: 15px;
530 margin-bottom: 15px;
531 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
532 background: #fff;
533 border-radius: 2px;
534 display: flex;
535 }
536 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs {
537 background: #f1f1f1;
538 min-width: 220px;
539 border-radius: 2px;
540 margin: 0;
541 padding: 0;
542 border-bottom: 0px;
543 border-top-right-radius: 0px;
544 border-bottom-right-radius: 0px;
545 border-right: 1px solid #e5e5e5;
546 }
547 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul {
548 list-style-type: none;
549 padding: 0;
550 margin: 0;
551 min-height: 200px;
552 }
553 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li {
554 margin: 0;
555 padding: 0;
556 }
557 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a {
558 display: block;
559 padding: 13px 25px;
560 text-decoration: none;
561 color: #444;
562 border: 0px;
563 transition: 0s;
564 border-bottom: 1px solid #e5e5e5;
565 margin-right: 0px;
566 }
567 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a img {
568 width: 20px;
569 margin-right: 10px;
570 vertical-align: middle;
571 max-height: 20px;
572 }
573 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a.we-settings-nav-tab-active {
574 background: #fff;
575 }
576 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:last-child a {
577 border-bottom: 0;
578 }
579 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:last-child a.we-settings-nav-tab-active {
580 border-bottom: 1px solid #e5e5e5;
581 }
582 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:focus,
583 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a:focus {
584 outline: 0;
585 -webkit-box-shadow: none;
586 box-shadow: none;
587 }
588 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents {
589 width: 100%;
590 padding-left: 0px;
591 margin-left: 0px;
592 }
593 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .tab-content {
594 min-height: 500px;
595 }
596 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .inside {
597 padding: 0px 20px;
598 }
599 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .inside .form-table {
600 clear: right;
601 }
602 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents h3.hndle {
603 border-bottom: 1px solid #eff4f6;
604 padding-left: 24px;
605 margin: 0px;
606 }
607 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .submit-wrapper {
608 border-top: 1px solid #eff4f6;
609 margin-top: 10px;
610 }
611 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .submit-wrapper,
612 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents h3.hndle {
613 padding: 14.5px 20px;
614 }
615 .wpuf-integrations-wrap .wpuf-integration .wpuf-integration-header .wpuf-integration-header-label img.icon {
616 width: 24px;
617 }
618 .weforms-field-mapping-custom table td {
619 min-width: 300px;
620 vertical-align: top;
621 }
622 .weforms-field-mapping-custom table select,
623 .weforms-field-mapping-custom table input {
624 width: 100%;
625 }
626 .weforms-field-mapping-custom table .fa-minus-circle {
627 color: #000;
628 }
629 .weforms-field-mapping-custom table .remove {
630 margin-top: 5px;
631 margin-left: 5px;
632 display: inline-block;
633 }
634 .weforms-field-mapping-custom table .custom-field-input input {
635 width: 90%;
636 float: right;
637 }
638 .weforms-field-mapping-custom .wpuf-int-form-row::before,
639 .weforms-field-mapping-custom .wpuf-int-form-row::after {
640 display: inline-block !important;
641 }
642 .weforms-field-mapping-custom a.merge-tag-link {
643 margin-top: -1px;
644 }
645 .weforms-field-mapping-custom button.add {
646 margin-top: 10px;
647 margin-left: 5px;
648 }
649 .wpuf-contact-form-entries .subsubsub a.current,
650 .wpuf-contact-form-entries .subsubsub a:focus {
651 box-shadow: none;
652 }
653 .field-text-with-tag {
654 position: relative;
655 }
656 .name-merge-tag-holder {
657 position: relative;
658 }
659 .name-merge-tag-holder .wpuf-merge-tag-wrap .merge-tag-link {
660 top: 3px;
661 }
662 .name-merge-tag-holder .wpuf-merge-tag-wrap .wpuf-merge-tags {
663 top: 27px;
664 }
665