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

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

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