PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.2.1
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.2.1
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.1, at assets/css/admin.css

643 lines 16.2 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-help-page {
331 display: flex;
332 flex-wrap: wrap;
333 align-items: center;
334 margin-top: 30px;
335 }
336 .weforms-help-page * {
337 box-sizing: border-box;
338 }
339 .weforms-help-page .help-block {
340 flex: 1;
341 align-self: flex-start;
342 min-width: 31%;
343 max-width: 32%;
344 border: 1px solid #ddd;
345 margin-right: 2%;
346 margin-bottom: 25px;
347 border-radius: 3px;
348 padding: 25px 15px;
349 text-align: center;
350 background: #fff;
351 }
352 .weforms-help-page .help-block:hover {
353 background: #f9f9f9;
354 }
355 .weforms-help-page .help-block img {
356 max-height: 70px;
357 }
358 @-webkit-keyframes nprogress-spinner {
359 0% {
360 -webkit-transform: rotate(0deg);
361 }
362 100% {
363 -webkit-transform: rotate(360deg);
364 }
365 }
366 @keyframes nprogress-spinner {
367 0% {
368 transform: rotate(0deg);
369 }
370 100% {
371 transform: rotate(360deg);
372 }
373 }
374 @keyframes color-me-in {
375 /* You could think of as "step 1" */
376 0% {
377 background: orange;
378 }
379 /* You could think of as "step 2" */
380 100% {
381 background: black;
382 }
383 }
384 @keyframes weFormsZoomIn {
385 from {
386 opacity: 0;
387 transform: scale3d(0.3, 0.3, 0.3);
388 }
389 50% {
390 opacity: 1;
391 }
392 }
393 @keyframes weFormsFadeIn {
394 from {
395 opacity: 0;
396 }
397 to {
398 opacity: 1;
399 }
400 }
401 .wefroms-form-templates .wpuf-form-template-modal .choose-form-categroy {
402 float: right;
403 font-size: 14px;
404 margin-right: 70px;
405 font-weight: normal;
406 }
407 .wefroms-form-templates .wpuf-form-template-modal .content {
408 max-width: 985px;
409 }
410 .wefroms-form-templates .wpuf-form-template-modal .content h2 {
411 font-size: 15px;
412 color: #5d6d74;
413 width: 100%;
414 }
415 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(3n+1) {
416 margin-left: 3.0612244897959% !important;
417 clear: none !important;
418 }
419 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(4n+1) {
420 margin-left: 0 !important;
421 clear: both !important;
422 }
423 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text {
424 margin-top: 70px;
425 font-size: 15px;
426 }
427 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text .title {
428 color: #929292;
429 }
430 .wefroms-form-templates .wpuf-form-template-modal .content ul li {
431 text-align: center;
432 min-height: 280px;
433 width: 220px;
434 border: 0px;
435 box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
436 position: relative;
437 border-radius: 3px;
438 }
439 .wefroms-form-templates .wpuf-form-template-modal .content ul li img {
440 width: 100%;
441 }
442 .wefroms-form-templates .wpuf-form-template-modal .content ul li .form-create-overlay {
443 position: absolute;
444 display: none;
445 }
446 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover {
447 background: #fff;
448 }
449 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay {
450 animation: weFormsFadeIn .25s;
451 padding: 10px;
452 text-align: center;
453 display: flex;
454 flex-direction: column;
455 justify-content: center;
456 background: rgba(0, 0, 0, 0.7);
457 height: 100%;
458 width: 100%;
459 top: 0px;
460 left: 0px;
461 color: #fff;
462 border-radius: 3px;
463 }
464 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .title {
465 color: #fff;
466 }
467 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .description {
468 color: #fff;
469 }
470 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay button {
471 height: 30px;
472 }
473 .wefroms-form-templates .wpuf-form-template-modal .content ul li h3 {
474 margin-top: 0px;
475 border: 0px;
476 background: #1E87B6;
477 padding: 13px;
478 font-weight: normal;
479 font-size: 13px;
480 color: #fff;
481 border-radius: 3px 3px 0px 0px;
482 text-align: left;
483 }
484 .wefroms-form-templates .wpuf-form-template-modal .content ul li.template-inactive h3 {
485 background: #ccc;
486 }
487 .ann-form-btn {
488 background: #e74c3c !important;
489 }
490 .ann-form-btn.sharing_on {
491 background: #27ae60 !important;
492 }
493 .weforms-single-product-price-warp {
494 display: table;
495 }
496 .weforms-single-product-price-warp span {
497 padding: 6px 12px;
498 font-size: 14px;
499 font-weight: 400;
500 line-height: 1;
501 color: #555;
502 text-align: center;
503 background-color: #eee;
504 border: 1px solid #ddd;
505 border-radius: 4px;
506 border-top-right-radius: 0;
507 border-bottom-right-radius: 0;
508 width: 1%;
509 white-space: nowrap;
510 vertical-align: middle;
511 display: table-cell;
512 border-right: 0px;
513 }
514 .weforms-single-product-price-warp input {
515 display: table-cell;
516 width: 99%;
517 margin: 0px;
518 }
519 #weforms-settings {
520 height: 100%;
521 }
522 #weforms-settings #weforms-settings-tabs-warp {
523 margin-top: 15px;
524 margin-bottom: 15px;
525 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
526 background: #fff;
527 border-radius: 2px;
528 display: flex;
529 }
530 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs {
531 background: #f1f1f1;
532 min-width: 220px;
533 border-radius: 2px;
534 margin: 0;
535 padding: 0;
536 border-bottom: 0px;
537 border-top-right-radius: 0px;
538 border-bottom-right-radius: 0px;
539 border-right: 1px solid #e5e5e5;
540 }
541 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul {
542 list-style-type: none;
543 padding: 0;
544 margin: 0;
545 min-height: 200px;
546 }
547 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li {
548 margin: 0;
549 padding: 0;
550 }
551 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a {
552 display: block;
553 padding: 13px 25px;
554 text-decoration: none;
555 color: #444;
556 border: 0px;
557 transition: 0s;
558 border-bottom: 1px solid #e5e5e5;
559 margin-right: 0px;
560 }
561 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a img {
562 width: 20px;
563 margin-right: 10px;
564 vertical-align: middle;
565 max-height: 20px;
566 }
567 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a.we-settings-nav-tab-active {
568 background: #fff;
569 }
570 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:last-child a {
571 border-bottom: 0;
572 }
573 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:last-child a.we-settings-nav-tab-active {
574 border-bottom: 1px solid #e5e5e5;
575 }
576 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:focus,
577 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a:focus {
578 outline: 0;
579 -webkit-box-shadow: none;
580 box-shadow: none;
581 }
582 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents {
583 width: 100%;
584 padding-left: 0px;
585 margin-left: 0px;
586 }
587 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .tab-content {
588 min-height: 500px;
589 }
590 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .inside {
591 padding: 0px 20px;
592 }
593 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .inside .form-table {
594 clear: right;
595 }
596 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents h3.hndle {
597 border-bottom: 1px solid #eff4f6;
598 padding-left: 24px;
599 margin: 0px;
600 }
601 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .submit-wrapper {
602 border-top: 1px solid #eff4f6;
603 margin-top: 10px;
604 }
605 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .submit-wrapper,
606 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents h3.hndle {
607 padding: 14.5px 20px;
608 }
609 .wpuf-integrations-wrap .wpuf-integration .wpuf-integration-header .wpuf-integration-header-label img.icon {
610 width: 24px;
611 }
612 .weforms-field-mapping-custom table td {
613 min-width: 300px;
614 vertical-align: top;
615 }
616 .weforms-field-mapping-custom table select,
617 .weforms-field-mapping-custom table input {
618 width: 100%;
619 }
620 .weforms-field-mapping-custom table .fa-minus-circle {
621 color: #000;
622 }
623 .weforms-field-mapping-custom table .remove {
624 margin-top: 5px;
625 margin-left: 5px;
626 display: inline-block;
627 }
628 .weforms-field-mapping-custom table .custom-field-input input {
629 width: 90%;
630 float: right;
631 }
632 .weforms-field-mapping-custom .wpuf-int-form-row::before,
633 .weforms-field-mapping-custom .wpuf-int-form-row::after {
634 display: inline-block !important;
635 }
636 .weforms-field-mapping-custom a.merge-tag-link {
637 margin-top: -1px;
638 }
639 .weforms-field-mapping-custom button.add {
640 margin-top: 10px;
641 margin-left: 5px;
642 }
643