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

605 lines 15.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-table-wrap {
136 width: 100%;
137 }
138 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table {
139 width: 70%;
140 transition: width 0.3s ease-in-out;
141 }
142 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-toggle {
143 width: 35px;
144 }
145 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-name {
146 width: 35%;
147 }
148 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-name a {
149 font-weight: bold;
150 }
151 .notification-wrap .notification-table-wrap table.wpuf-cf-notification-table .col-action {
152 width: 15%;
153 }
154 .notification-wrap .notification-edit-area {
155 background: #fff;
156 border: 1px solid #e5e5e5;
157 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
158 margin-bottom: 30px;
159 display: none;
160 }
161 .notification-wrap .notification-edit-area a {
162 text-decoration: none;
163 }
164 .notification-wrap .notification-edit-area .notification-head {
165 padding: 8px 10px;
166 background: #f9f9f9;
167 border-bottom: 1px solid #e1e1e1;
168 margin-bottom: 15px;
169 }
170 .notification-wrap .notification-edit-area .notification-head input {
171 width: 100%;
172 padding: 8px;
173 }
174 .notification-wrap .notification-edit-area .form-fields {
175 padding: 8px 10px;
176 }
177 .notification-wrap .notification-edit-area .form-fields input,
178 .notification-wrap .notification-edit-area .form-fields textarea {
179 width: 100%;
180 padding: 6px 25px 6px 6px;
181 }
182 .notification-wrap .notification-edit-area .form-fields input[type='radio'] {
183 width: auto;
184 }
185 .notification-wrap .notification-edit-area .form-fields .notification-row {
186 margin-bottom: 10px;
187 position: relative;
188 }
189 .notification-wrap .notification-edit-area .form-fields .notification-row:after {
190 clear: both;
191 content: "";
192 display: table;
193 }
194 .notification-wrap .notification-edit-area .form-fields .row-one-half {
195 float: left;
196 width: 48%;
197 position: relative;
198 }
199 .notification-wrap .notification-edit-area .form-fields .row-one-half.first {
200 margin-right: 4%;
201 }
202 .notification-wrap .notification-edit-area .form-fields label {
203 display: block;
204 padding-bottom: 5px;
205 }
206 .notification-wrap .notification-edit-area .form-fields .advanced-field-wrap {
207 display: none;
208 }
209 .notification-wrap .notification-edit-area .form-fields .notification-conditional-logic .help {
210 margin-bottom: 0px;
211 }
212 .notification-wrap .notification-edit-area .form-fields .notification-conditional-logic .condition-status {
213 margin-bottom: 0px;
214 margin-top: 8px;
215 }
216 .notification-wrap .notification-edit-area .form-fields .notification-conditional-logic .condiotional-logic-repeater {
217 margin: 8px 0px;
218 }
219 .notification-wrap .notification-edit-area .submit-area {
220 padding: 8px 10px;
221 background: #f9f9f9;
222 border-top: 1px solid #e1e1e1;
223 margin-top: 5px;
224 }
225 .notification-wrap .notification-edit-area .submit-area:after {
226 clear: both;
227 content: "";
228 display: table;
229 }
230 .notification-wrap .notification-edit-area .submit-area .button {
231 float: right;
232 }
233 .notification-wrap.editing .notification-table-wrap {
234 width: 40%;
235 float: left;
236 }
237 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-toggle,
238 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-subject,
239 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-action {
240 display: none;
241 }
242 .notification-wrap.editing .notification-edit-area {
243 float: right;
244 width: 60%;
245 display: block;
246 }
247 /* Make clicks pass-through */
248 #nprogress {
249 pointer-events: none;
250 /* Fancy blur effect */
251 /* Remove these to get rid of the spinner */
252 }
253 #nprogress .bar {
254 background: #29d;
255 position: fixed;
256 z-index: 1031;
257 top: 0;
258 left: 0;
259 width: 100%;
260 height: 2px;
261 }
262 #nprogress .peg {
263 display: block;
264 position: absolute;
265 right: 0px;
266 width: 100px;
267 height: 100%;
268 box-shadow: 0 0 10px #29d, 0 0 5px #29d;
269 opacity: 1.0;
270 -webkit-transform: rotate(3deg) translate(0px, -4px);
271 -ms-transform: rotate(3deg) translate(0px, -4px);
272 transform: rotate(3deg) translate(0px, -4px);
273 }
274 #nprogress .spinner {
275 display: block;
276 position: fixed;
277 z-index: 1031;
278 top: 15px;
279 right: 15px;
280 }
281 #nprogress .spinner-icon {
282 width: 18px;
283 height: 18px;
284 box-sizing: border-box;
285 border: solid 2px transparent;
286 border-top-color: #29d;
287 border-left-color: #29d;
288 border-radius: 50%;
289 -webkit-animation: nprogress-spinner 400ms linear infinite;
290 animation: nprogress-spinner 400ms linear infinite;
291 }
292 .nprogress-custom-parent {
293 overflow: hidden;
294 position: relative;
295 }
296 .nprogress-custom-parent #nprogress .spinner,
297 .nprogress-custom-parent #nprogress .bar {
298 position: absolute;
299 }
300 .weforms-modules {
301 margin-top: 15px;
302 overflow: hidden;
303 }
304 .weforms-modules .plugin-card {
305 border: 1px solid #e5e5e5;
306 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
307 }
308 .weforms-modules .plugin-card .plugin-name {
309 color: #0073aa;
310 }
311 .weforms-modules .plugin-card .desc,
312 .weforms-modules .plugin-card .name {
313 margin-left: 115px;
314 }
315 .weforms-modules .plugin-card .plugin-card-top {
316 min-height: 105px;
317 }
318 .weforms-modules .plugin-card .plugin-icon {
319 width: 96px;
320 height: 96px;
321 margin: 0 20px 0px 0;
322 }
323 .weforms-help-page {
324 display: flex;
325 flex-wrap: wrap;
326 align-items: center;
327 margin-top: 30px;
328 }
329 .weforms-help-page * {
330 box-sizing: border-box;
331 }
332 .weforms-help-page .help-block {
333 flex: 1;
334 align-self: flex-start;
335 min-width: 31%;
336 max-width: 32%;
337 border: 1px solid #ddd;
338 margin-right: 2%;
339 margin-bottom: 25px;
340 border-radius: 3px;
341 padding: 25px 15px;
342 text-align: center;
343 background: #fff;
344 }
345 .weforms-help-page .help-block:hover {
346 background: #f9f9f9;
347 }
348 .weforms-help-page .help-block img {
349 max-height: 70px;
350 }
351 @-webkit-keyframes nprogress-spinner {
352 0% {
353 -webkit-transform: rotate(0deg);
354 }
355 100% {
356 -webkit-transform: rotate(360deg);
357 }
358 }
359 @keyframes nprogress-spinner {
360 0% {
361 transform: rotate(0deg);
362 }
363 100% {
364 transform: rotate(360deg);
365 }
366 }
367 @keyframes color-me-in {
368 /* You could think of as "step 1" */
369 0% {
370 background: orange;
371 }
372 /* You could think of as "step 2" */
373 100% {
374 background: black;
375 }
376 }
377 @keyframes weFormsZoomIn {
378 from {
379 opacity: 0;
380 transform: scale3d(0.3, 0.3, 0.3);
381 }
382 50% {
383 opacity: 1;
384 }
385 }
386 @keyframes weFormsFadeIn {
387 from {
388 opacity: 0;
389 }
390 to {
391 opacity: 1;
392 }
393 }
394 .wefroms-form-templates .wpuf-form-template-modal .choose-form-categroy {
395 float: right;
396 font-size: 14px;
397 margin-right: 70px;
398 font-weight: normal;
399 }
400 .wefroms-form-templates .wpuf-form-template-modal .content {
401 max-width: 985px;
402 }
403 .wefroms-form-templates .wpuf-form-template-modal .content h2 {
404 font-size: 15px;
405 color: #5d6d74;
406 width: 100%;
407 }
408 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(3n+1) {
409 margin-left: 3.0612244897959% !important;
410 clear: none !important;
411 }
412 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(4n+1) {
413 margin-left: 0 !important;
414 clear: both !important;
415 }
416 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text {
417 margin-top: 70px;
418 font-size: 15px;
419 }
420 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text .title {
421 color: #929292;
422 }
423 .wefroms-form-templates .wpuf-form-template-modal .content ul li {
424 text-align: center;
425 min-height: 280px;
426 width: 220px;
427 border: 0px;
428 box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
429 position: relative;
430 border-radius: 3px;
431 }
432 .wefroms-form-templates .wpuf-form-template-modal .content ul li img {
433 width: 100%;
434 }
435 .wefroms-form-templates .wpuf-form-template-modal .content ul li .form-create-overlay {
436 position: absolute;
437 display: none;
438 }
439 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover {
440 background: #fff;
441 }
442 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay {
443 animation: weFormsFadeIn .25s;
444 padding: 10px;
445 text-align: center;
446 display: flex;
447 flex-direction: column;
448 justify-content: center;
449 background: rgba(0, 0, 0, 0.7);
450 height: 100%;
451 width: 100%;
452 top: 0px;
453 left: 0px;
454 color: #fff;
455 border-radius: 3px;
456 }
457 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .title {
458 color: #fff;
459 }
460 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .description {
461 color: #fff;
462 }
463 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay button {
464 height: 30px;
465 }
466 .wefroms-form-templates .wpuf-form-template-modal .content ul li h3 {
467 margin-top: 0px;
468 border: 0px;
469 background: #1E87B6;
470 padding: 13px;
471 font-weight: normal;
472 font-size: 13px;
473 color: #fff;
474 border-radius: 3px 3px 0px 0px;
475 text-align: left;
476 }
477 .wefroms-form-templates .wpuf-form-template-modal .content ul li.template-inactive h3 {
478 background: #ccc;
479 }
480 .ann-form-btn {
481 background: #e74c3c !important;
482 }
483 .ann-form-btn.sharing_on {
484 background: #27ae60 !important;
485 }
486 .weforms-single-product-price-warp {
487 display: table;
488 }
489 .weforms-single-product-price-warp span {
490 padding: 6px 12px;
491 font-size: 14px;
492 font-weight: 400;
493 line-height: 1;
494 color: #555;
495 text-align: center;
496 background-color: #eee;
497 border: 1px solid #ddd;
498 border-radius: 4px;
499 border-top-right-radius: 0;
500 border-bottom-right-radius: 0;
501 width: 1%;
502 white-space: nowrap;
503 vertical-align: middle;
504 display: table-cell;
505 border-right: 0px;
506 }
507 .weforms-single-product-price-warp input {
508 display: table-cell;
509 width: 99%;
510 margin: 0px;
511 }
512 #weforms-settings {
513 height: 100%;
514 }
515 #weforms-settings #weforms-settings-tabs-warp {
516 margin-top: 15px;
517 margin-bottom: 15px;
518 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
519 background: #fff;
520 border-radius: 2px;
521 display: flex;
522 }
523 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs {
524 background: #f1f1f1;
525 min-width: 220px;
526 border-radius: 2px;
527 margin: 0;
528 padding: 0;
529 border-bottom: 0px;
530 border-top-right-radius: 0px;
531 border-bottom-right-radius: 0px;
532 border-right: 1px solid #e5e5e5;
533 }
534 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul {
535 list-style-type: none;
536 padding: 0;
537 margin: 0;
538 min-height: 200px;
539 }
540 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li {
541 margin: 0;
542 padding: 0;
543 }
544 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a {
545 display: block;
546 padding: 13px 25px;
547 text-decoration: none;
548 color: #444;
549 border: 0px;
550 transition: 0s;
551 border-bottom: 1px solid #e5e5e5;
552 margin-right: 0px;
553 }
554 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a img {
555 width: 20px;
556 margin-right: 10px;
557 vertical-align: middle;
558 max-height: 20px;
559 }
560 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a.we-settings-nav-tab-active {
561 background: #fff;
562 }
563 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:last-child a {
564 border-bottom: 0;
565 }
566 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:last-child a.we-settings-nav-tab-active {
567 border-bottom: 1px solid #e5e5e5;
568 }
569 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li:focus,
570 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs ul li a:focus {
571 outline: 0;
572 -webkit-box-shadow: none;
573 box-shadow: none;
574 }
575 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents {
576 width: 100%;
577 padding-left: 0px;
578 margin-left: 0px;
579 }
580 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .tab-content {
581 min-height: 500px;
582 }
583 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .inside {
584 padding: 0px 20px;
585 }
586 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .inside .form-table {
587 clear: right;
588 }
589 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents h3.hndle {
590 border-bottom: 1px solid #eff4f6;
591 padding-left: 24px;
592 margin: 0px;
593 }
594 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .submit-wrapper {
595 border-top: 1px solid #eff4f6;
596 margin-top: 10px;
597 }
598 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents .submit-wrapper,
599 #weforms-settings #weforms-settings-tabs-warp #weforms-settings-tabs-contents h3.hndle {
600 padding: 14.5px 20px;
601 }
602 .wpuf-integrations-wrap .wpuf-integration .wpuf-integration-header .wpuf-integration-header-label img.icon {
603 width: 24px;
604 }
605