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

470 lines 11.1 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 .notification-row {
183 margin-bottom: 10px;
184 position: relative;
185 }
186 .notification-wrap .notification-edit-area .form-fields .notification-row:after {
187 clear: both;
188 content: "";
189 display: table;
190 }
191 .notification-wrap .notification-edit-area .form-fields .row-one-half {
192 float: left;
193 width: 48%;
194 position: relative;
195 }
196 .notification-wrap .notification-edit-area .form-fields .row-one-half.first {
197 margin-right: 4%;
198 }
199 .notification-wrap .notification-edit-area .form-fields label {
200 display: block;
201 padding-bottom: 5px;
202 }
203 .notification-wrap .notification-edit-area .form-fields .advanced-field-wrap {
204 display: none;
205 }
206 .notification-wrap .notification-edit-area .submit-area {
207 padding: 8px 10px;
208 background: #f9f9f9;
209 border-top: 1px solid #e1e1e1;
210 margin-top: 15px;
211 }
212 .notification-wrap .notification-edit-area .submit-area:after {
213 clear: both;
214 content: "";
215 display: table;
216 }
217 .notification-wrap .notification-edit-area .submit-area .button {
218 float: right;
219 }
220 .notification-wrap.editing .notification-table-wrap {
221 width: 40%;
222 float: left;
223 }
224 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-toggle,
225 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-subject,
226 .notification-wrap.editing .notification-table-wrap table.wpuf-cf-notification-table .col-action {
227 display: none;
228 }
229 .notification-wrap.editing .notification-edit-area {
230 float: right;
231 width: 60%;
232 display: block;
233 }
234 /* Make clicks pass-through */
235 #nprogress {
236 pointer-events: none;
237 /* Fancy blur effect */
238 /* Remove these to get rid of the spinner */
239 }
240 #nprogress .bar {
241 background: #29d;
242 position: fixed;
243 z-index: 1031;
244 top: 0;
245 left: 0;
246 width: 100%;
247 height: 2px;
248 }
249 #nprogress .peg {
250 display: block;
251 position: absolute;
252 right: 0px;
253 width: 100px;
254 height: 100%;
255 box-shadow: 0 0 10px #29d, 0 0 5px #29d;
256 opacity: 1.0;
257 -webkit-transform: rotate(3deg) translate(0px, -4px);
258 -ms-transform: rotate(3deg) translate(0px, -4px);
259 transform: rotate(3deg) translate(0px, -4px);
260 }
261 #nprogress .spinner {
262 display: block;
263 position: fixed;
264 z-index: 1031;
265 top: 15px;
266 right: 15px;
267 }
268 #nprogress .spinner-icon {
269 width: 18px;
270 height: 18px;
271 box-sizing: border-box;
272 border: solid 2px transparent;
273 border-top-color: #29d;
274 border-left-color: #29d;
275 border-radius: 50%;
276 -webkit-animation: nprogress-spinner 400ms linear infinite;
277 animation: nprogress-spinner 400ms linear infinite;
278 }
279 .nprogress-custom-parent {
280 overflow: hidden;
281 position: relative;
282 }
283 .nprogress-custom-parent #nprogress .spinner,
284 .nprogress-custom-parent #nprogress .bar {
285 position: absolute;
286 }
287 .weforms-modules {
288 margin-top: 15px;
289 overflow: hidden;
290 }
291 .weforms-modules .plugin-card {
292 border: 1px solid #e5e5e5;
293 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
294 }
295 .weforms-modules .plugin-card .plugin-name {
296 color: #0073aa;
297 }
298 .weforms-modules .plugin-card .desc,
299 .weforms-modules .plugin-card .name {
300 margin-left: 115px;
301 }
302 .weforms-modules .plugin-card .plugin-card-top {
303 min-height: 105px;
304 }
305 .weforms-modules .plugin-card .plugin-icon {
306 width: 96px;
307 height: 96px;
308 margin: 0 20px 0px 0;
309 }
310 .weforms-help-page {
311 display: flex;
312 flex-wrap: wrap;
313 align-items: center;
314 margin-top: 30px;
315 }
316 .weforms-help-page * {
317 box-sizing: border-box;
318 }
319 .weforms-help-page .help-block {
320 flex: 1;
321 align-self: flex-start;
322 min-width: 31%;
323 max-width: 32%;
324 border: 1px solid #ddd;
325 margin-right: 2%;
326 margin-bottom: 25px;
327 border-radius: 3px;
328 padding: 25px 15px;
329 text-align: center;
330 background: #fff;
331 }
332 .weforms-help-page .help-block:hover {
333 background: #f9f9f9;
334 }
335 .weforms-help-page .help-block img {
336 max-height: 70px;
337 }
338 @-webkit-keyframes nprogress-spinner {
339 0% {
340 -webkit-transform: rotate(0deg);
341 }
342 100% {
343 -webkit-transform: rotate(360deg);
344 }
345 }
346 @keyframes nprogress-spinner {
347 0% {
348 transform: rotate(0deg);
349 }
350 100% {
351 transform: rotate(360deg);
352 }
353 }
354 @keyframes color-me-in {
355 /* You could think of as "step 1" */
356 0% {
357 background: orange;
358 }
359 /* You could think of as "step 2" */
360 100% {
361 background: black;
362 }
363 }
364 @keyframes weFormsZoomIn {
365 from {
366 opacity: 0;
367 transform: scale3d(0.3, 0.3, 0.3);
368 }
369 50% {
370 opacity: 1;
371 }
372 }
373 @keyframes weFormsFadeIn {
374 from {
375 opacity: 0;
376 }
377 to {
378 opacity: 1;
379 }
380 }
381 .wefroms-form-templates .wpuf-form-template-modal .choose-form-categroy {
382 float: right;
383 font-size: 14px;
384 margin-right: 70px;
385 font-weight: normal;
386 }
387 .wefroms-form-templates .wpuf-form-template-modal .content {
388 max-width: 985px;
389 }
390 .wefroms-form-templates .wpuf-form-template-modal .content h2 {
391 font-size: 15px;
392 color: #5d6d74;
393 width: 100%;
394 }
395 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(3n+1) {
396 margin-left: 3.0612244897959% !important;
397 clear: none !important;
398 }
399 .wefroms-form-templates .wpuf-form-template-modal .content ul li:nth-child(4n+1) {
400 margin-left: 0 !important;
401 clear: both !important;
402 }
403 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text {
404 margin-top: 70px;
405 font-size: 15px;
406 }
407 .wefroms-form-templates .wpuf-form-template-modal .content .blank-form .blank-form-text .title {
408 color: #929292;
409 }
410 .wefroms-form-templates .wpuf-form-template-modal .content ul li {
411 text-align: center;
412 min-height: 280px;
413 width: 220px;
414 border: 0px;
415 box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
416 position: relative;
417 border-radius: 3px;
418 }
419 .wefroms-form-templates .wpuf-form-template-modal .content ul li img {
420 width: 100%;
421 }
422 .wefroms-form-templates .wpuf-form-template-modal .content ul li .form-create-overlay {
423 position: absolute;
424 display: none;
425 }
426 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover {
427 background: #fff;
428 }
429 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay {
430 animation: weFormsFadeIn .25s;
431 padding: 10px;
432 text-align: center;
433 display: flex;
434 flex-direction: column;
435 justify-content: center;
436 background: rgba(0, 0, 0, 0.7);
437 height: 100%;
438 width: 100%;
439 top: 0px;
440 left: 0px;
441 color: #fff;
442 border-radius: 3px;
443 }
444 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .title {
445 color: #fff;
446 }
447 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay .description {
448 color: #fff;
449 }
450 .wefroms-form-templates .wpuf-form-template-modal .content ul li:hover .form-create-overlay button {
451 height: 30px;
452 }
453 .wefroms-form-templates .wpuf-form-template-modal .content ul li h3 {
454 margin-top: 0px;
455 border: 0px;
456 background: #1E87B6;
457 padding: 13px;
458 font-weight: normal;
459 font-size: 13px;
460 color: #fff;
461 border-radius: 3px 3px 0px 0px;
462 text-align: left;
463 }
464 .ann-form-btn {
465 background: #e74c3c !important;
466 }
467 .ann-form-btn.sharing_on {
468 background: #27ae60 !important;
469 }
470