Contact Form 7 Style - Version 3.1.0

Version Description

  • New Feature Error, confirmation, success message customization added
  • New Feature Added settings field, where you can activate or deactivate the "edit custom style" button
  • [Major Improvement] modified settings page field generation, now it will remove every hidden field to improve page load
  • New predefined templates available
  • [Improvements] for reliability and speed
  • User interface improvements
  • general bugfixing
Download this release

Release Info

Developer mlehelsz
Plugin Icon 128x128 Contact Form 7 Style
Version 3.1.0
Comparing to
See all releases

Code changes from version 3.0.5 to 3.1.0

Files changed (28) hide show
  1. admin/css/admin.css +1 -622
  2. admin/css/codemirror.css +1 -320
  3. admin/images/gears.svg +1 -0
  4. admin/images/minimal-brown.png +0 -0
  5. admin/images/monochrome-light.png +0 -0
  6. admin/images/monochrome.png +0 -0
  7. admin/images/paypal.svg +55 -0
  8. admin/images/transparent-two-columns.png +0 -0
  9. admin/js/admin-min.js +1 -0
  10. admin/js/admin.js +219 -100
  11. admin/js/overall-min.js +1 -0
  12. admin/js/overall.js +2 -2
  13. admin/js/quick.edit-min.js +1 -0
  14. admin/js/quick.edit.js +1 -1
  15. cf7-style-meta-box.php +6 -4
  16. cf7-style.php +81 -31
  17. css/admin-bar.css +1 -42
  18. css/frontend.css +1 -1511
  19. css/responsive.css +1 -643
  20. inc/editor_page.php +21 -0
  21. inc/slider_meta_box.php +7 -5
  22. inc/system_status.php +35 -13
  23. js/frontend-min.js +1 -0
  24. misc/welcome.php +1 -1
  25. options.php +41 -205
  26. plugin-options.php +194 -0
  27. predefined-templates.php +21 -1
  28. readme.txt +24 -9
admin/css/admin.css CHANGED
@@ -1,622 +1 @@
1
- /* After update admin css */
2
-
3
- .clearfix:after {
4
- visibility: hidden;
5
- display: block;
6
- font-size: 0;
7
- content: " ";
8
- clear: both;
9
- height: 0;
10
- }
11
-
12
- .hidden,
13
- .panel .hidden {
14
- display: none;
15
- }
16
-
17
- .menu-icon-cf7_style .dashicons-twitter {
18
- position: relative;
19
- }
20
-
21
- .post-type-cf7_style .wp-list-table td {
22
- position: relative;
23
- overflow: visible;
24
- }
25
-
26
- .post-type-cf7_style #preview-style {
27
- width: 200px;
28
- }
29
-
30
- #cf7_style_meta_box_image img {
31
- max-width: 100%;
32
- }
33
-
34
- .post-type-cf7_style .preview-style {
35
- text-align: center;
36
- }
37
-
38
- .post-type-cf7_style .thumb-preview {
39
- width: 50px;
40
- display: inline-block;
41
- }
42
-
43
- .post-type-cf7_style .thumb-preview:hover .previewed-img {
44
- opacity: 1;
45
- visibility: visible;
46
- }
47
-
48
- .post-type-cf7_style .thumb-preview img {
49
- width: 100%;
50
- border: 1px solid #e1e1e1;
51
- padding: 5px;
52
- }
53
-
54
- .type-cf7_style .taxonomy-style_category {
55
- text-transform: capitalize;
56
- }
57
-
58
- .post-type-cf7_style .previewed-img {
59
- opacity: 0;
60
- visibility: hidden;
61
- position: absolute;
62
- z-index: 100;
63
- top: -70px;
64
- left: 0;
65
- width: 202px;
66
- height: auto;
67
- border: 1px solid #e1e1e1;
68
- padding: 5px;
69
- background-color: #fff;
70
- -webkit-transition: all 300ms ease-in-out;
71
- -moz-transition: all 300ms ease-in-out;
72
- -ms-transition: all 300ms ease-in-out;
73
- -o-transition: all 300ms ease-in-out;
74
- transition: all 300ms ease-in-out;
75
- }
76
-
77
- .post-type-cf7_style .previewed-img img {
78
- padding: 0;
79
- border: none;
80
- }
81
-
82
- .post-type-cf7_style select[ name='cf7_style_font_selector'] {
83
- float: left;
84
- margin-right: 10px;
85
- width: 25%;
86
- margin-bottom: 15px;
87
- }
88
-
89
- .cf7-style.preview-zone {
90
- border: 1px solid #e5e5e5;
91
- padding: 8px 4px;
92
- width: 70%;
93
- float: left;
94
- }
95
-
96
- .cf7-style.preview-zone h4 {
97
- margin: 5px 0 10px;
98
- }
99
-
100
- .cf7-style.preview-zone p {
101
- font-size: 14px;
102
- }
103
-
104
- .menu-icon-cf7_style .dashicons-twitter:after {
105
- color: #000;
106
- content: ".";
107
- font-size: 10px;
108
- left: 20px;
109
- position: absolute;
110
- top: 0;
111
- }
112
-
113
- .wp-admin .widefat .different-style input {
114
- margin: 0 10px 0 0;
115
- height: 21px;
116
- }
117
-
118
- .general-settings {
119
- float: left;
120
- width: 32%;
121
- margin-right: 2%;
122
- margin-bottom: 10px;
123
- }
124
-
125
- .general-settings.full-width {
126
- margin-right: 0;
127
- width: 99%;
128
- border: 1px solid #ddd;
129
- padding: 5px;
130
- -moz-border-size: border-box;
131
- -webkit-border-size: border-box;
132
- border-size: border-box;
133
- }
134
-
135
- .general-settings:nth-of-type(2n+3) {
136
- margin-right: 0;
137
- }
138
-
139
- .general-settings h3 {
140
- text-transform: uppercase;
141
- }
142
-
143
- .general-settings:after {
144
- clear: both;
145
- }
146
-
147
- .general-settings label {
148
- line-height: 26px;
149
- }
150
-
151
- .general-settings label strong {
152
- display: block;
153
- margin-right: 10px;
154
- }
155
-
156
- .general-settings label input {
157
- margin-right: 5px;
158
- }
159
-
160
- .general-settings small {
161
- display: block;
162
- color: #999;
163
- margin-top: 5px;
164
- line-height: 12px;
165
- }
166
-
167
- .general-settings .element {
168
- width: 100%;
169
- border: 1px solid #ddd;
170
- padding: 10px 10px;
171
- box-sizing: border-box;
172
- margin-bottom: 10px;
173
- }
174
-
175
- .general-settings .element table {
176
- width: 100%;
177
- }
178
-
179
- .general-settings .element td {
180
- width: 50%;
181
- }
182
-
183
- .CodeMirror {
184
- background: #f8f8ff;
185
- }
186
-
187
- @media screen and ( max-width: 1332px) {
188
- .general-settings {
189
- width: 47%;
190
- }
191
- .general-settings.full-width {
192
- width: 99%;
193
- margin-right: 0;
194
- }
195
- }
196
-
197
- @media screen and ( max-width: 1100px) {
198
- .general-settings {
199
- width: 99%;
200
- margin-right: 0;
201
- }
202
- }
203
-
204
-
205
- /*home panel*/
206
-
207
- .close-cf7-panel {
208
- float: right;
209
- }
210
-
211
- .cf7style-welcome-panel img {
212
- max-width: 160px;
213
- height: auto;
214
- }
215
-
216
-
217
- /*cf7 stlider*/
218
-
219
- .cf7-style-slider {
220
- position: relative;
221
- display: block;
222
- width: 202px;
223
- height: 300px;
224
- margin: 0 auto;
225
- }
226
-
227
- .cf7-style-slider-wrap {
228
- width: 202px;
229
- overflow: hidden;
230
- }
231
-
232
- .cf7-style-slider-wrap img {
233
- width: 198px;
234
- position: relative;
235
- display: block;
236
- margin: 0 auto;
237
- z-index: 1;
238
- }
239
-
240
- .cf7-style-slider-wrap .overlay {
241
- width: 100%;
242
- height: 100%;
243
- position: absolute;
244
- display: block;
245
- background: rgba(192, 192, 192, 0.4);
246
- z-index: 2;
247
- text-align: center;
248
- -webkit-transition: 100ms ease-in 0.1s;
249
- -moz-transition: 100ms ease-in 0.1s;
250
- -o-transition: 100ms ease-in 0.1s;
251
- transition: 100ms ease-in 0.1s;
252
- }
253
-
254
- .cf7-style-slider-wrap .overlay em {
255
- color: #fff;
256
- line-height: 200px;
257
- font-size: 20px;
258
- -webkit-transform: rotate(-45deg);
259
- -moz-transform: rotate(-45deg);
260
- -ms-transform: rotate(-45deg);
261
- -o-transform: rotate(-45deg);
262
- filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
263
- position: relative;
264
- display: block;
265
- font-weight: bold;
266
- }
267
-
268
- .cf7slider li {
269
- display: block;
270
- float: left;
271
- width: 202px;
272
- cursor: pointer;
273
- -webkit-transition: 100ms ease-in 0.1s;
274
- -moz-transition: 100ms ease-in 0.1s;
275
- -o-transition: 100ms ease-in 0.1s;
276
- transition: 100ms ease-in 0.1s;
277
- }
278
-
279
- .cf7slider li:hover > span em {
280
- display: none;
281
- }
282
-
283
- .cf7slider li:hover > span .overlay {
284
- background: transparent;
285
- }
286
-
287
- .cf7slider li:hover > span .overlay em {
288
- color: #000;
289
- }
290
-
291
- input.cf7style_template {
292
- display: none;
293
- }
294
-
295
- .cf7-style-slider .current-saved span .overlay {
296
- background: rgba(255, 0, 0, 0.1);
297
- }
298
-
299
- .cf7-style-slider .current-saved span {
300
- width: 100%;
301
- height: 100%;
302
- position: relative;
303
- display: block;
304
- background: rgba(255, 0, 0, 0.5);
305
- padding-top: 2px;
306
- padding-bottom: 2px;
307
- }
308
-
309
- .cf7-style-slider span {
310
- background: #c0c0c0;
311
- width: 100%;
312
- height: 100%;
313
- position: relative;
314
- display: block;
315
- padding-top: 2px;
316
- padding-bottom: 2px;
317
- }
318
-
319
- .cf7arrows a {
320
- position: absolute;
321
- display: block;
322
- width: 90px;
323
- height: 90px;
324
- background-repeat: no-repeat;
325
- top: 50px;
326
- color: transparent;
327
- opacity: 0.7;
328
- -webkit-transition: 100ms ease-in 0.1s;
329
- -moz-transition: 100ms ease-in 0.1s;
330
- -o-transition: 100ms ease-in 0.1s;
331
- transition: 100ms ease-in 0.1s;
332
- outline: none;
333
- background-size: 100% auto;
334
- }
335
-
336
- .cf7arrows a:hover {
337
- opacity: 1;
338
- }
339
-
340
- .cf7arrows a.left {
341
- left: -145px;
342
- background-image: url('../images/left.png');
343
- }
344
-
345
- .cf7arrows a.right {
346
- right: -145px;
347
- background-image: url('../images/right.png');
348
- }
349
-
350
-
351
- /*admin panel customizations*/
352
-
353
- .generate-preview {
354
- display: block;
355
- position: relative;
356
- }
357
-
358
- .panel-options {
359
- display: block;
360
- width: 60%;
361
- float: right;
362
- }
363
-
364
- .panel-header {
365
- padding-right: 12px;
366
- position: relative;
367
- width: 40%;
368
- float: left;
369
- -webkit-box-sizing: border-box;
370
- box-sizing: border-box;
371
- z-index: 5;
372
- }
373
-
374
- .generate-preview:after,
375
- .panel-header:after {
376
- display: block;
377
- content: "";
378
- clear: both;
379
- }
380
-
381
- .panel li,
382
- .panel-header select,
383
- .preview-form-tag {
384
- display: inline-block;
385
- vertical-align: top;
386
- }
387
-
388
- .preview-form-tag {
389
- width: 100%;
390
- box-sizing: border-box;
391
- height: 630px;
392
- }
393
-
394
- #form-tag,
395
- .preview-form-tag {
396
- background: #f2f2f2;
397
- overflow-x: auto;
398
- padding: 10px;
399
- }
400
-
401
- .element-selector {
402
- background: #f2f2f2;
403
- margin-bottom: 7px;
404
- margin-top: 3px;
405
- padding-left: 11px;
406
- padding-top: 7px;
407
- }
408
-
409
- #form-tag h4,
410
- .element-selector h4 {
411
- margin-top: 0;
412
- margin-bottom: 12px;
413
- }
414
-
415
- .element-selector label {
416
- display: block;
417
- margin-bottom: 10px;
418
- width: 50%;
419
- float: left;
420
- }
421
-
422
- #form-tag a {
423
- margin-right: 2px;
424
- margin-bottom: 5px;
425
- }
426
-
427
- #cf7_style_meta_box_font_selector,
428
- #cf7_style_meta_box_form_selector {
429
- display: inline-block;
430
- width: 49.5%;
431
- }
432
-
433
- .post-type-cf7_style #normal-sortables {
434
- display: none;
435
- }
436
-
437
- .preview-form-container > h4 {
438
- text-align: center;
439
- margin-top: 0;
440
- }
441
-
442
- .element-styling {
443
- float: left;
444
- padding: 0 10px;
445
- width: 100%;
446
- border-bottom: 1px solid #CCC;
447
- box-sizing: border-box;
448
- }
449
-
450
- .element-styling.half-size {
451
- width: 50%;
452
- }
453
-
454
- .element-styling label {
455
- display: inline-block;
456
- position: relative;
457
- margin-right: 5px;
458
- }
459
-
460
- .element-styling label select {
461
- width: 123px;
462
- }
463
-
464
- .element-styling label select[name*=unit] {
465
- width: 46px;
466
- margin-left: 3px;
467
- }
468
-
469
- .element-styling input[type=number] {
470
- height: 28px;
471
- position: relative;
472
- top: 2px;
473
- width: 60px;
474
- }
475
-
476
- .wp-picker-container {
477
- position: relative;
478
- top: 10px;
479
- }
480
-
481
- .element-styling.background li,
482
- .element-styling.font li {
483
- width: 50%;
484
- }
485
-
486
- .element-styling label strong {
487
- margin-right: 3px;
488
- font-weight: normal;
489
- display: inline-block;
490
- min-width: 153px;
491
- }
492
-
493
- .choose-preview {
494
- background-color: #f2f2f2;
495
- padding: 10px;
496
- margin-bottom: 3px;
497
- }
498
-
499
- .choose-preview h4 {
500
- margin: 0 0 10px;
501
- }
502
-
503
- .element-styling.background label,
504
- .element-styling.font label {
505
- margin-right: 0;
506
- }
507
-
508
- .element-styling h3 {
509
- font-size: 13px;
510
- margin-bottom: 10px;
511
- }
512
-
513
- .element-styling h3 span {
514
- color: #008EC2;
515
- opacity: 0.8;
516
- }
517
-
518
- .panel li {
519
- width: 100%;
520
- margin-bottom: 10px;
521
- }
522
-
523
- .fixed-save-style {
524
- position: fixed;
525
- width: 100%;
526
- left: 0;
527
- bottom: 0;
528
- z-index: 9999;
529
- text-align: center;
530
- display: none;
531
- }
532
-
533
- .wp-core-ui .fixed-save-style input.button {
534
- width: 100%;
535
- height: 40px;
536
- line-height: 40px;
537
- font-size: 18px;
538
- }
539
-
540
- .remove_template_notice {
541
- float: right;
542
- }
543
-
544
- @media all and (max-width:1600px) {
545
- .panel-header,
546
- .panel-options,
547
- .element-styling.half-size {
548
- width: 100%;
549
- }
550
- }
551
-
552
-
553
- /*Add arrows*/
554
-
555
- .element-styling .icon {
556
- display: inline-block;
557
- height: 26px;
558
- border: 1px solid #CCC;
559
- padding: 0 7px;
560
- background-color: #f2f2f2;
561
- position: relative;
562
- top: 2px;
563
- font-size: 13px;
564
- line-height: 26px;
565
- margin-right: -2px;
566
- }
567
-
568
- .element-styling .icon.smaller {
569
- height: 23px;
570
- line-height: 23px;
571
- top: 1px;
572
- font-size: 13px;
573
- }
574
-
575
- .description-title {
576
- padding-left: 10px;
577
- }
578
-
579
- .wp-core-ui .button-primary.generate-preview-button,
580
- .generate-preview-option,
581
- .multiple-form-generated-preview {
582
- display: none;
583
- }
584
-
585
- .parser-message {
586
- margin-bottom: 20px;
587
- color: red;
588
- }
589
-
590
- .cf7style-welcome-panel {
591
- background-color: #fff;
592
- border: 1px solid #e5e5e5;
593
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
594
- box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
595
- width: 100%;
596
- padding: 10px;
597
- }
598
- /* System Status */
599
-
600
- .cf7style-status-table {
601
- display: none;
602
- }
603
-
604
- .cf7style-status-form {
605
- margin-bottom: 20px;
606
- }
607
-
608
- .cf7style-input {
609
- width: 250px;
610
- }
611
-
612
- .wp-core-ui .button-primary.cf7style-status-submit,
613
- .wp-core-ui .button.cf7style-status-info,
614
- .wp-core-ui input:focus,
615
- .wp-core-ui input['disabled'] {
616
- display: inline-block;
617
- margin-top: 10px;
618
- }
619
-
620
- .wp-core-ui .button.cf7style-status-info {
621
- margin-right: 10px;
622
- }
1
+ .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.hidden,.panel .hidden{display:none}.menu-icon-cf7_style .dashicons-twitter{position:relative}.post-type-cf7_style .wp-list-table td{position:relative;overflow:visible}.post-type-cf7_style #preview-style{width:200px}#cf7_style_meta_box_image img{max-width:100%}.post-type-cf7_style .preview-style{text-align:center}.post-type-cf7_style .thumb-preview{width:50px;display:inline-block}.post-type-cf7_style .thumb-preview:hover .previewed-img{opacity:1;visibility:visible}.post-type-cf7_style .thumb-preview img{width:100%;border:1px solid #e1e1e1;padding:5px}.type-cf7_style .taxonomy-style_category{text-transform:capitalize}.post-type-cf7_style .previewed-img{opacity:0;visibility:hidden;position:absolute;z-index:100;top:-70px;left:0;width:202px;height:auto;border:1px solid #e1e1e1;padding:5px;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cf7-style-slider-wrap .overlay,.cf7slider li{-webkit-transition:.1s ease-in .1s;-moz-transition:.1s ease-in .1s;-o-transition:.1s ease-in .1s}.post-type-cf7_style .previewed-img img{padding:0;border:none}.post-type-cf7_style select[name=cf7_style_font_selector]{float:left;margin-right:10px;width:25%;margin-bottom:15px}.cf7-style.preview-zone{border:1px solid #e5e5e5;padding:8px 4px;width:70%;float:left}.cf7-style.preview-zone h4{margin:5px 0 10px}.cf7-style.preview-zone p{font-size:14px}.menu-icon-cf7_style .dashicons-twitter:after{color:#000;content:".";font-size:10px;left:20px;position:absolute;top:0}.wp-admin .widefat .different-style input{margin:0 10px 0 0;height:21px}.general-settings{float:left;width:32%;margin-right:2%;margin-bottom:10px}.general-settings.full-width{margin-right:0;width:99%;border:1px solid #ddd;padding:5px;-moz-border-size:border-box;-webkit-border-size:border-box;border-size:border-box}.general-settings:nth-of-type(2n+3){margin-right:0}.general-settings h3{text-transform:uppercase}.general-settings:after{clear:both}.general-settings label{line-height:26px}.general-settings label strong{display:block;margin-right:10px}.general-settings label input{margin-right:5px}.general-settings small{display:block;color:#999;margin-top:5px;line-height:12px}.general-settings .element{width:100%;border:1px solid #ddd;padding:10px;box-sizing:border-box;margin-bottom:10px}.general-settings .element table{width:100%}.general-settings .element td{width:50%}.CodeMirror{background:#f8f8ff}@media screen and (max-width:1332px){.general-settings{width:47%}.general-settings.full-width{width:99%;margin-right:0}}@media screen and (max-width:1100px){.general-settings{width:99%;margin-right:0}}.cf7-style-slider,.cf7-style-slider-wrap img{position:relative;margin:0 auto;display:block}.close-cf7-panel{float:right}.cf7style-welcome-panel img{max-width:160px;height:auto}.cf7-style-slider{width:202px;height:300px}.cf7-style-slider-wrap{width:202px;overflow:hidden}.cf7-style-slider-wrap img{width:198px;z-index:1}.cf7-style-slider-wrap .overlay{width:100%;height:100%;position:absolute;display:block;background:rgba(192,192,192,.4);z-index:2;text-align:center;transition:.1s ease-in .1s}.cf7-style-slider-wrap .overlay em{color:#fff;line-height:200px;font-size:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=2);position:relative;display:block;font-weight:700}.cf7slider li{display:block;float:left;width:202px;cursor:pointer;transition:.1s ease-in .1s}.cf7slider li:hover>span em,input.cf7style_template{display:none}.cf7-style-slider .current-saved span,.cf7-style-slider span{width:100%;height:100%;position:relative;padding-top:2px;padding-bottom:2px}.cf7slider li:hover>span .overlay{background:0 0}.cf7slider li:hover>span .overlay em{color:#000}.cf7-style-slider .current-saved span .overlay{background:rgba(255,0,0,.1)}.cf7-style-slider .current-saved span{display:block;background:rgba(255,0,0,.5)}.cf7-style-slider span{background:silver;display:block}.cf7arrows a{position:absolute;display:block;width:90px;height:90px;background-repeat:no-repeat;top:50px;color:transparent;opacity:.7;-webkit-transition:.1s ease-in .1s;-moz-transition:.1s ease-in .1s;-o-transition:.1s ease-in .1s;transition:.1s ease-in .1s;outline:0;background-size:100% auto}.generate-preview,.panel-options{display:block;position:relative}.cf7arrows a:hover{opacity:1}.cf7arrows a.left{left:-145px;background-image:url(../images/left.png)}.cf7arrows a.right{right:-145px;background-image:url(../images/right.png)}.panel-options{width:60%;min-height:685px;float:right}.panel-options .decision,.panel-options .loading{position:absolute;background-color:transparent;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.panel-options .decision{background-color:#f2f2f2;top:53px;height:182px}.panel-options .decision.hidden,.panel-options .loading.hidden{display:none}.wp-admin .panel-options .cancel-btn,.wp-admin .panel-options .save-btn{background-color:#e74c3c;height:40px;padding:0 25px;font-weight:400;margin-right:10px;font-size:16px;border:none;text-shadow:none;box-shadow:none}.wp-admin .panel-options .cancel-btn{background-color:#fff;color:#222;line-height:40px}.wp-admin .panel-options .save-btn{border:1px solid #e74c3c}.wp-admin .panel-options .save-btn:hover{color:#e74c3c;background-color:#fff}.panel-header{padding-right:12px;position:relative;width:40%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:5}.generate-preview:after,.panel-header:after{display:block;content:"";clear:both}.panel li,.panel-header select,.preview-form-tag{display:inline-block;vertical-align:top}.preview-form-tag{width:100%;box-sizing:border-box;height:630px}#form-tag,.preview-form-tag{background:#f2f2f2;overflow-x:auto;padding:10px}.element-selector{background:#f2f2f2;margin-bottom:7px;margin-top:3px;padding-left:11px;padding-top:7px}#form-tag h4,.element-selector h4{margin-top:0;margin-bottom:12px}.element-selector label{display:block;margin-bottom:10px;width:50%;float:left}#form-tag a{margin-right:5px;border-radius:0;box-shadow:none;background-color:#fff;margin-bottom:5px}#form-tag a:hover{background-color:#E74C3C;color:#FFF;border:1px solid #E74C3C}#advanced-sortables .generate-preview-button,#form-tag a.button-primary,.wp-core-ui .fixed-save-style input.button{background-color:#E74C3C;-webkit-box-shadow:none;box-shadow:none;border:1px solid #E74C3C;border-radius:0;text-shadow:none}#advanced-sortables .generate-preview-button:hover,#advanced-sortables .generate-preview-button[disabled],#form-tag a.button-primary:hover,.wp-core-ui .fixed-save-style input.button:hover{background-color:#fff!important;color:#E74C3C!important;border:1px solid #E74C3C!important}.wp-core-ui .fixed-save-style input.button,.wp-core-ui .fixed-save-style input.button:hover{border-left:none;border-right:none;border-radius:0}#cf7_style_meta_box_font_selector,#cf7_style_meta_box_form_selector{display:inline-block;width:49.5%}.post-type-cf7_style #normal-sortables{display:none}.preview-form-container>h4{text-align:center;margin-top:0}.element-styling{float:left;padding:0 10px;width:100%;border-bottom:1px solid #CCC;box-sizing:border-box}.element-styling.half-size{width:50%}.element-styling label{display:inline-block;position:relative;margin-right:5px}.element-styling label select{width:123px}.element-styling label select[name*=unit]{width:46px;margin-left:3px}.element-styling input[type=number]{height:28px;position:relative;top:2px;width:60px}.wp-picker-container{position:relative;top:10px}.element-styling.background li,.element-styling.font li{width:50%}.element-styling label strong{margin-right:3px;font-weight:400;display:inline-block;min-width:153px}.choose-preview{background-color:#f2f2f2;padding:10px;margin-bottom:3px}.choose-preview h4{margin:0 0 10px}.element-styling.background label,.element-styling.font label{margin-right:0}.element-styling h3{font-size:13px;margin-bottom:10px}.element-styling h3 span{color:#E74C3C;opacity:1}.panel li{width:100%;margin-bottom:10px}.cf7style-status-form,.parser-message{margin-bottom:20px}.fixed-save-style{position:fixed;width:100%;left:0;bottom:0;z-index:9999;text-align:center;display:none}.wp-core-ui .fixed-save-style input.button{width:100%;height:40px;line-height:40px;font-size:18px}.remove_template_notice{float:right}@media all and (max-width:1600px){.element-styling.half-size,.panel-header,.panel-options{width:100%}}.element-styling .icon{display:inline-block;height:26px;border:1px solid #CCC;padding:0 7px;background-color:#f2f2f2;position:relative;top:2px;font-size:13px;line-height:26px;margin-right:-2px}.cf7style-status-table,.generate-preview-option,.multiple-form-generated-preview,.wp-core-ui .button-primary.generate-preview-button{display:none}.element-styling .icon.smaller{height:23px;line-height:23px;top:1px;font-size:13px}.description-title{padding-left:10px}.parser-message{color:red}.cf7style-welcome-panel{background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);box-shadow:0 1px 1px rgba(0,0,0,.04);width:100%;padding:10px}.cf7style-input{width:250px}.wp-core-ui .button-primary.cf7style-status-submit,.wp-core-ui .button.cf7style-status-info,.wp-core-ui input:focus,.wp-core-ui input[disabled]{display:inline-block;margin-top:10px}.wp-core-ui .button.cf7style-status-info{margin-right:10px}span.wpcf7-not-valid-tip{color:red;font-size:1em;display:block}.wpcf7-validation-errors{background:0 0;padding:15px;margin:2em .5em 1em;color:red;border:2px solid red}.wpcf7-response-output.wpcf7-mail-sent-ok{background:0 0;color:green;border:2px solid green;padding:15px;margin:2em .5em 1em}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
admin/css/codemirror.css CHANGED
@@ -1,320 +1 @@
1
- /* BASICS */
2
-
3
- .CodeMirror {
4
- /* Set height, width, borders, and global font properties here */
5
- font-family: monospace;
6
- height: 300px;
7
- color: black;
8
- }
9
-
10
- /* PADDING */
11
-
12
- .CodeMirror-lines {
13
- padding: 4px 0; /* Vertical padding around content */
14
- }
15
- .CodeMirror pre {
16
- padding: 0 4px; /* Horizontal padding of content */
17
- }
18
-
19
- .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
20
- background-color: white; /* The little square between H and V scrollbars */
21
- }
22
-
23
- /* GUTTER */
24
-
25
- .CodeMirror-gutters {
26
- border-right: 1px solid #ddd;
27
- background-color: #f7f7f7;
28
- white-space: nowrap;
29
- }
30
- .CodeMirror-linenumbers {}
31
- .CodeMirror-linenumber {
32
- padding: 0 3px 0 5px;
33
- min-width: 20px;
34
- text-align: right;
35
- color: #999;
36
- -moz-box-sizing: content-box;
37
- box-sizing: content-box;
38
- }
39
-
40
- .CodeMirror-guttermarker { color: black; }
41
- .CodeMirror-guttermarker-subtle { color: #999; }
42
-
43
- /* CURSOR */
44
-
45
- .CodeMirror div.CodeMirror-cursor {
46
- border-left: 1px solid black;
47
- }
48
- /* Shown when moving in bi-directional text */
49
- .CodeMirror div.CodeMirror-secondarycursor {
50
- border-left: 1px solid silver;
51
- }
52
- .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
53
- width: auto;
54
- border: 0;
55
- background: #7e7;
56
- }
57
- .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
58
- z-index: 1;
59
- }
60
-
61
- .cm-animate-fat-cursor {
62
- width: auto;
63
- border: 0;
64
- -webkit-animation: blink 1.06s steps(1) infinite;
65
- -moz-animation: blink 1.06s steps(1) infinite;
66
- animation: blink 1.06s steps(1) infinite;
67
- }
68
- @-moz-keyframes blink {
69
- 0% { background: #7e7; }
70
- 50% { background: none; }
71
- 100% { background: #7e7; }
72
- }
73
- @-webkit-keyframes blink {
74
- 0% { background: #7e7; }
75
- 50% { background: none; }
76
- 100% { background: #7e7; }
77
- }
78
- @keyframes blink {
79
- 0% { background: #7e7; }
80
- 50% { background: none; }
81
- 100% { background: #7e7; }
82
- }
83
-
84
- /* Can style cursor different in overwrite (non-insert) mode */
85
- div.CodeMirror-overwrite div.CodeMirror-cursor {}
86
-
87
- .cm-tab { display: inline-block; text-decoration: inherit; }
88
-
89
- .CodeMirror-ruler {
90
- border-left: 1px solid #ccc;
91
- position: absolute;
92
- }
93
-
94
- /* DEFAULT THEME */
95
-
96
- .cm-s-default .cm-keyword {color: #708;}
97
- .cm-s-default .cm-atom {color: #219;}
98
- .cm-s-default .cm-number {color: #164;}
99
- .cm-s-default .cm-def {color: #00f;}
100
- .cm-s-default .cm-variable,
101
- .cm-s-default .cm-punctuation,
102
- .cm-s-default .cm-property,
103
- .cm-s-default .cm-operator {}
104
- .cm-s-default .cm-variable-2 {color: #05a;}
105
- .cm-s-default .cm-variable-3 {color: #085;}
106
- .cm-s-default .cm-comment {color: #a50;}
107
- .cm-s-default .cm-string {color: #a11;}
108
- .cm-s-default .cm-string-2 {color: #f50;}
109
- .cm-s-default .cm-meta {color: #555;}
110
- .cm-s-default .cm-qualifier {color: #555;}
111
- .cm-s-default .cm-builtin {color: #30a;}
112
- .cm-s-default .cm-bracket {color: #997;}
113
- .cm-s-default .cm-tag {color: #170;}
114
- .cm-s-default .cm-attribute {color: #00c;}
115
- .cm-s-default .cm-header {color: blue;}
116
- .cm-s-default .cm-quote {color: #090;}
117
- .cm-s-default .cm-hr {color: #999;}
118
- .cm-s-default .cm-link {color: #00c;}
119
-
120
- .cm-negative {color: #d44;}
121
- .cm-positive {color: #292;}
122
- .cm-header, .cm-strong {font-weight: bold;}
123
- .cm-em {font-style: italic;}
124
- .cm-link {text-decoration: underline;}
125
- .cm-strikethrough {text-decoration: line-through;}
126
-
127
- .cm-s-default .cm-error {color: #f00;}
128
- .cm-invalidchar {color: #f00;}
129
-
130
- /* Default styles for common addons */
131
-
132
- div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
133
- div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
134
- .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
135
- .CodeMirror-activeline-background {background: #e8f2ff;}
136
-
137
- /* STOP */
138
-
139
- /* The rest of this file contains styles related to the mechanics of
140
- the editor. You probably shouldn't touch them. */
141
-
142
- .CodeMirror {
143
- position: relative;
144
- overflow: hidden;
145
- background: white;
146
- }
147
-
148
- .CodeMirror-scroll {
149
- overflow: scroll !important; /* Things will break if this is overridden */
150
- /* 30px is the magic margin used to hide the element's real scrollbars */
151
- /* See overflow: hidden in .CodeMirror */
152
- margin-bottom: -30px; margin-right: -30px;
153
- padding-bottom: 30px;
154
- height: 100%;
155
- outline: none; /* Prevent dragging from highlighting the element */
156
- position: relative;
157
- -moz-box-sizing: content-box;
158
- box-sizing: content-box;
159
- }
160
- .CodeMirror-sizer {
161
- position: relative;
162
- border-right: 30px solid transparent;
163
- -moz-box-sizing: content-box;
164
- box-sizing: content-box;
165
- }
166
-
167
- /* The fake, visible scrollbars. Used to force redraw during scrolling
168
- before actuall scrolling happens, thus preventing shaking and
169
- flickering artifacts. */
170
- .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
171
- position: absolute;
172
- z-index: 6;
173
- display: none;
174
- }
175
- .CodeMirror-vscrollbar {
176
- right: 0; top: 0;
177
- overflow-x: hidden;
178
- overflow-y: scroll;
179
- }
180
- .CodeMirror-hscrollbar {
181
- bottom: 0; left: 0;
182
- overflow-y: hidden;
183
- overflow-x: scroll;
184
- }
185
- .CodeMirror-scrollbar-filler {
186
- right: 0; bottom: 0;
187
- }
188
- .CodeMirror-gutter-filler {
189
- left: 0; bottom: 0;
190
- }
191
-
192
- .CodeMirror-gutters {
193
- position: absolute; left: 0; top: 0;
194
- z-index: 3;
195
- }
196
- .CodeMirror-gutter {
197
- white-space: normal;
198
- height: 100%;
199
- -moz-box-sizing: content-box;
200
- box-sizing: content-box;
201
- display: inline-block;
202
- margin-bottom: -30px;
203
- /* Hack to make IE7 behave */
204
- *zoom:1;
205
- *display:inline;
206
- }
207
- .CodeMirror-gutter-wrapper {
208
- position: absolute;
209
- z-index: 4;
210
- height: 100%;
211
- }
212
- .CodeMirror-gutter-elt {
213
- position: absolute;
214
- cursor: default;
215
- z-index: 4;
216
- }
217
- .CodeMirror-gutter-wrapper {
218
- -webkit-user-select: none;
219
- -moz-user-select: none;
220
- user-select: none;
221
- }
222
-
223
- .CodeMirror-lines {
224
- cursor: text;
225
- min-height: 1px; /* prevents collapsing before first draw */
226
- }
227
- .CodeMirror pre {
228
- /* Reset some styles that the rest of the page might have set */
229
- -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
230
- border-width: 0;
231
- background: transparent;
232
- font-family: inherit;
233
- font-size: inherit;
234
- margin: 0;
235
- white-space: pre;
236
- word-wrap: normal;
237
- line-height: inherit;
238
- color: inherit;
239
- z-index: 2;
240
- position: relative;
241
- overflow: visible;
242
- -webkit-tap-highlight-color: transparent;
243
- }
244
- .CodeMirror-wrap pre {
245
- word-wrap: break-word;
246
- white-space: pre-wrap;
247
- word-break: normal;
248
- }
249
-
250
- .CodeMirror-linebackground {
251
- position: absolute;
252
- left: 0; right: 0; top: 0; bottom: 0;
253
- z-index: 0;
254
- }
255
-
256
- .CodeMirror-linewidget {
257
- position: relative;
258
- z-index: 2;
259
- overflow: auto;
260
- }
261
-
262
- .CodeMirror-widget {}
263
-
264
- .CodeMirror-code {
265
- outline: none;
266
- }
267
-
268
- .CodeMirror-measure {
269
- position: absolute;
270
- width: 100%;
271
- height: 0;
272
- overflow: hidden;
273
- visibility: hidden;
274
- }
275
- .CodeMirror-measure pre { position: static; }
276
-
277
- .CodeMirror div.CodeMirror-cursor {
278
- position: absolute;
279
- border-right: none;
280
- width: 0;
281
- }
282
-
283
- div.CodeMirror-cursors {
284
- visibility: hidden;
285
- position: relative;
286
- z-index: 3;
287
- }
288
- .CodeMirror-focused div.CodeMirror-cursors {
289
- visibility: visible;
290
- }
291
-
292
- .CodeMirror-selected { background: #d9d9d9; }
293
- .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
294
- .CodeMirror-crosshair { cursor: crosshair; }
295
- .CodeMirror ::selection { background: #d7d4f0; }
296
- .CodeMirror ::-moz-selection { background: #d7d4f0; }
297
-
298
- .cm-searching {
299
- background: #ffa;
300
- background: rgba(255, 255, 0, .4);
301
- }
302
-
303
- /* IE7 hack to prevent it from returning funny offsetTops on the spans */
304
- .CodeMirror span { *vertical-align: text-bottom; }
305
-
306
- /* Used to force a border model for a node */
307
- .cm-force-border { padding-right: .1px; }
308
-
309
- @media print {
310
- /* Hide the cursor when printing */
311
- .CodeMirror div.CodeMirror-cursors {
312
- visibility: hidden;
313
- }
314
- }
315
-
316
- /* See issue #2901 */
317
- .cm-tab-wrap-hack:after { content: ''; }
318
-
319
- /* Help users use markselection to safely style text background */
320
- span.CodeMirror-selectedtext { background: none; }
1
+ .CodeMirror{font-family:monospace;height:300px;color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;position:relative}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.CodeMirror.cm-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}.CodeMirror.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}@-moz-keyframes blink{0%,100%{background:#7e7}50%{background:0 0}}@-webkit-keyframes blink{0%,100%{background:#7e7}50%{background:0 0}}@keyframes blink{0%,100%{background:#7e7}50%{background:0 0}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-invalidchar,.cm-s-default .cm-error{color:red}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;box-sizing:content-box}.CodeMirror-sizer{border-right:30px solid transparent;box-sizing:content-box}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror ::selection,.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror ::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
admin/images/gears.svg ADDED
@@ -0,0 +1 @@
 
1
+ <?xml version="1.0" encoding="utf-8"?><svg width='90px' height='90px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ring"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke-dasharray="163.36281798666926 87.9645943005142" stroke="#e74c3c" fill="none" stroke-width="20"><animateTransform attributeName="transform" type="rotate" values="0 50 50;180 50 50;360 50 50;" keyTimes="0;0.5;1" dur="1s" repeatCount="indefinite" begin="0s"></animateTransform></circle></svg>
admin/images/minimal-brown.png ADDED
Binary file
admin/images/monochrome-light.png ADDED
Binary file
admin/images/monochrome.png ADDED
Binary file
admin/images/paypal.svg ADDED
@@ -0,0 +1,55 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="124px" height="33px" viewBox="0 0 124 33" enable-background="new 0 0 124 33" xml:space="preserve">
6
+ <path fill="#253B80" d="M46.211,6.749h-6.839c-0.468,0-0.866,0.34-0.939,0.802l-2.766,17.537c-0.055,0.346,0.213,0.658,0.564,0.658
7
+ h3.265c0.468,0,0.866-0.34,0.939-0.803l0.746-4.73c0.072-0.463,0.471-0.803,0.938-0.803h2.165c4.505,0,7.105-2.18,7.784-6.5
8
+ c0.306-1.89,0.013-3.375-0.872-4.415C50.224,7.353,48.5,6.749,46.211,6.749z M47,13.154c-0.374,2.454-2.249,2.454-4.062,2.454
9
+ h-1.032l0.724-4.583c0.043-0.277,0.283-0.481,0.563-0.481h0.473c1.235,0,2.4,0,3.002,0.704C47.027,11.668,47.137,12.292,47,13.154z"
10
+ />
11
+ <path fill="#253B80" d="M66.654,13.075h-3.275c-0.279,0-0.52,0.204-0.563,0.481l-0.145,0.916l-0.229-0.332
12
+ c-0.709-1.029-2.29-1.373-3.868-1.373c-3.619,0-6.71,2.741-7.312,6.586c-0.313,1.918,0.132,3.752,1.22,5.031
13
+ c0.998,1.176,2.426,1.666,4.125,1.666c2.916,0,4.533-1.875,4.533-1.875l-0.146,0.91c-0.055,0.348,0.213,0.66,0.562,0.66h2.95
14
+ c0.469,0,0.865-0.34,0.939-0.803l1.77-11.209C67.271,13.388,67.004,13.075,66.654,13.075z M62.089,19.449
15
+ c-0.316,1.871-1.801,3.127-3.695,3.127c-0.951,0-1.711-0.305-2.199-0.883c-0.484-0.574-0.668-1.391-0.514-2.301
16
+ c0.295-1.855,1.805-3.152,3.67-3.152c0.93,0,1.686,0.309,2.184,0.892C62.034,17.721,62.232,18.543,62.089,19.449z"/>
17
+ <path fill="#253B80" d="M84.096,13.075h-3.291c-0.314,0-0.609,0.156-0.787,0.417l-4.539,6.686l-1.924-6.425
18
+ c-0.121-0.402-0.492-0.678-0.912-0.678h-3.234c-0.393,0-0.666,0.384-0.541,0.754l3.625,10.638l-3.408,4.811
19
+ c-0.268,0.379,0.002,0.9,0.465,0.9h3.287c0.312,0,0.604-0.152,0.781-0.408L84.564,13.97C84.826,13.592,84.557,13.075,84.096,13.075z
20
+ "/>
21
+ <path fill="#179BD7" d="M94.992,6.749h-6.84c-0.467,0-0.865,0.34-0.938,0.802l-2.766,17.537c-0.055,0.346,0.213,0.658,0.562,0.658
22
+ h3.51c0.326,0,0.605-0.238,0.656-0.562l0.785-4.971c0.072-0.463,0.471-0.803,0.938-0.803h2.164c4.506,0,7.105-2.18,7.785-6.5
23
+ c0.307-1.89,0.012-3.375-0.873-4.415C99.004,7.353,97.281,6.749,94.992,6.749z M95.781,13.154c-0.373,2.454-2.248,2.454-4.062,2.454
24
+ h-1.031l0.725-4.583c0.043-0.277,0.281-0.481,0.562-0.481h0.473c1.234,0,2.4,0,3.002,0.704
25
+ C95.809,11.668,95.918,12.292,95.781,13.154z"/>
26
+ <path fill="#179BD7" d="M115.434,13.075h-3.273c-0.281,0-0.52,0.204-0.562,0.481l-0.145,0.916l-0.23-0.332
27
+ c-0.709-1.029-2.289-1.373-3.867-1.373c-3.619,0-6.709,2.741-7.311,6.586c-0.312,1.918,0.131,3.752,1.219,5.031
28
+ c1,1.176,2.426,1.666,4.125,1.666c2.916,0,4.533-1.875,4.533-1.875l-0.146,0.91c-0.055,0.348,0.213,0.66,0.564,0.66h2.949
29
+ c0.467,0,0.865-0.34,0.938-0.803l1.771-11.209C116.053,13.388,115.785,13.075,115.434,13.075z M110.869,19.449
30
+ c-0.314,1.871-1.801,3.127-3.695,3.127c-0.949,0-1.711-0.305-2.199-0.883c-0.484-0.574-0.666-1.391-0.514-2.301
31
+ c0.297-1.855,1.805-3.152,3.67-3.152c0.93,0,1.686,0.309,2.184,0.892C110.816,17.721,111.014,18.543,110.869,19.449z"/>
32
+ <path fill="#179BD7" d="M119.295,7.23l-2.807,17.858c-0.055,0.346,0.213,0.658,0.562,0.658h2.822c0.469,0,0.867-0.34,0.939-0.803
33
+ l2.768-17.536c0.055-0.346-0.213-0.659-0.562-0.659h-3.16C119.578,6.749,119.338,6.953,119.295,7.23z"/>
34
+ <path fill="#253B80" d="M7.266,29.154l0.523-3.322l-1.165-0.027H1.061L4.927,1.292C4.939,1.218,4.978,1.149,5.035,1.1
35
+ c0.057-0.049,0.13-0.076,0.206-0.076h9.38c3.114,0,5.263,0.648,6.385,1.927c0.526,0.6,0.861,1.227,1.023,1.917
36
+ c0.17,0.724,0.173,1.589,0.007,2.644l-0.012,0.077v0.676l0.526,0.298c0.443,0.235,0.795,0.504,1.065,0.812
37
+ c0.45,0.513,0.741,1.165,0.864,1.938c0.127,0.795,0.085,1.741-0.123,2.812c-0.24,1.232-0.628,2.305-1.152,3.183
38
+ c-0.482,0.809-1.096,1.48-1.825,2c-0.696,0.494-1.523,0.869-2.458,1.109c-0.906,0.236-1.939,0.355-3.072,0.355h-0.73
39
+ c-0.522,0-1.029,0.188-1.427,0.525c-0.399,0.344-0.663,0.814-0.744,1.328l-0.055,0.299l-0.924,5.855l-0.042,0.215
40
+ c-0.011,0.068-0.03,0.102-0.058,0.125c-0.025,0.021-0.061,0.035-0.096,0.035H7.266z"/>
41
+ <path fill="#179BD7" d="M23.048,7.667L23.048,7.667L23.048,7.667c-0.028,0.179-0.06,0.362-0.096,0.55
42
+ c-1.237,6.351-5.469,8.545-10.874,8.545H9.326c-0.661,0-1.218,0.48-1.321,1.132l0,0l0,0L6.596,26.83l-0.399,2.533
43
+ c-0.067,0.428,0.263,0.814,0.695,0.814h4.881c0.578,0,1.069-0.42,1.16-0.99l0.048-0.248l0.919-5.832l0.059-0.32
44
+ c0.09-0.572,0.582-0.992,1.16-0.992h0.73c4.729,0,8.431-1.92,9.513-7.476c0.452-2.321,0.218-4.259-0.978-5.622
45
+ C24.022,8.286,23.573,7.945,23.048,7.667z"/>
46
+ <path fill="#222D65" d="M21.754,7.151c-0.189-0.055-0.384-0.105-0.584-0.15c-0.201-0.044-0.407-0.083-0.619-0.117
47
+ c-0.742-0.12-1.555-0.177-2.426-0.177h-7.352c-0.181,0-0.353,0.041-0.507,0.115C9.927,6.985,9.675,7.306,9.614,7.699L8.05,17.605
48
+ l-0.045,0.289c0.103-0.652,0.66-1.132,1.321-1.132h2.752c5.405,0,9.637-2.195,10.874-8.545c0.037-0.188,0.068-0.371,0.096-0.55
49
+ c-0.313-0.166-0.652-0.308-1.017-0.429C21.941,7.208,21.848,7.179,21.754,7.151z"/>
50
+ <path fill="#253B80" d="M9.614,7.699c0.061-0.393,0.313-0.714,0.652-0.876c0.155-0.074,0.326-0.115,0.507-0.115h7.352
51
+ c0.871,0,1.684,0.057,2.426,0.177c0.212,0.034,0.418,0.073,0.619,0.117c0.2,0.045,0.395,0.095,0.584,0.15
52
+ c0.094,0.028,0.187,0.057,0.278,0.086c0.365,0.121,0.704,0.264,1.017,0.429c0.368-2.347-0.003-3.945-1.272-5.392
53
+ C20.378,0.682,17.853,0,14.622,0h-9.38c-0.66,0-1.223,0.48-1.325,1.133L0.01,25.898c-0.077,0.49,0.301,0.932,0.795,0.932h5.791
54
+ l1.454-9.225L9.614,7.699z"/>
55
+ </svg>
admin/images/transparent-two-columns.png ADDED
Binary file
admin/js/admin-min.js ADDED
@@ -0,0 +1 @@
 
1
+ jQuery(document).ready(function(e){function t(e){var t=/^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;return t.test(e)}function n(e,t){"valid"==t?e.css("border-color","#ddd"):e.css("border-color","red")}function a(t){e(".google-fontos").remove(),"none"!=t&&"undefined"!=typeof t&&(e("head").append('<link class="google-fontos" rel="stylesheet" href="https://fonts.googleapis.com/css?family='+t+':100,200,300,400,500,600,700,800,900&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese" />'),e(".cf7-style.preview-zone p").css("font-family","'"+t+"', sans-serif"),e(".preview-form-container .wpcf7").css("font-family","'"+t+"', sans-serif"))}function i(t){e(window).scroll(function(){if(e(window).width()>1600){var n=(t.find(".panel-header").offset(),e("#cf7_style_meta_box_style_customizer").offset()),a=e(window).scrollTop()-n.top;a>0&&t.find(".panel-header").css("top",a),0>=a&&t.find(".panel-header").css("top",0)}e(window).scrollTop()>700?e(".fixed-save-style").show():e(".fixed-save-style").hide()}).trigger("scroll")}function l(){e("input[type='number']").on("change",function(){var t=e(this).val(),n=e(this).index(),a=e(this).parent().find("input[type=number]");switch(n){case 2:a.val(t);break;case 5:a.eq(3).val(t)}})}function s(t){var n=e('input[name="cf7styleallvalues"]');if(n.length>0){var a=e('input[name="cf7styleallvalues"]').val(),i=e.parseJSON(a.replace(/'/g,'"'));e.each(i,function(n,a){if(n.indexOf("unit")<0&&("hover"==t&&n.indexOf("hover")>0||"hover"!=t&&n.indexOf("hover")<0)){var l=n.split("_"),s=l[0],o=i[n+"_unit"];"submit"==l[0]&&(s="input[type='submit']"),"form"==l[0]&&(s=".wpcf7"),("wpcf7-not-valid-tip"==l[0]||"wpcf7-validation-errors"==l[0]||"wpcf7-mail-sent-ok"==l[0])&&(s="."+l[0]),o="undefined"==typeof o||""==a?"":o;var r=a+o;"background-image"==l[1]&&(r="url("+a+")"),s="radio"==s?'input[type="radio"]':"checkbox"==s?'input[type="checkbox"]':s,e(".preview-form-container "+s).css(l[1],r)}})}}function o(t){t.on("click",function(){e(".cf7style_body_select_all input").prop("checked",e(this).is(":checked")?!0:!1)})}function r(t,n,a,i){var l=t.find(".active"),s=l.index()+1,o=t.find("li"),r=t.find("ul"),c=t.find(".narrow"),d=t.find(".narrow.left"),u=t.find(".narrow.right"),f=t.find("li").length;u.addClass("visible"),r.css("width",f*n),0==i&&t.mouseenter(function(){t.find(".visible").stop().show()}).mouseleave(function(){t.find(".visible").stop().hide()}),c.on("click",function(t){t.stopPropagation(),t.preventDefault();var i=e(this).attr("data-direction");"left"==i&&1!==s&&(r.stop(!0,!0).animate({marginLeft:"+="+n+"px"},a),s--),"right"==i&&s!==f&&(r.stop(!0,!0).animate({marginLeft:-(n*s)+"px"},a),s++),1==s&&(d.hide().removeClass("visible"),u.show().addClass("visible")),s==f&&u.hide().removeClass("visible"),f>s&&u.show().addClass("visible"),s>1&&d.show().addClass("visible"),o.removeClass("active").eq(s-1).addClass("active")}),r.css({"margin-left":"-"+(s-1)*n+"px"})}function c(t){r(t,202,500,!0),t.find("li").on("click",function(){e(this).hasClass("current-saved")||(t.find("li").removeClass("current-saved"),e(this).addClass("current-saved"),t.find(".overlay em").html("Not Active"),e(this).find(".overlay em").html("Active"),e(".cf7style_template").removeAttr("checked"),e(this).find(".cf7style_template").attr("checked","checked"))})}function d(e){var t,n=Object.keys(e).sort(function(e,t){return t>e?-1:e>t?1:0}),a={};for(t=0;t<n.length;t++)a[n[t]]=e[n[t]],delete e[n[t]];for(t=0;t<n.length;t++)e[n[t]]=a[n[t]];return e}function u(t){var n="",a=e('input[name="cf7styleallvalues"]').val(),i=e.parseJSON(a.replace(/'/g,'"'));t.each(function(){var t=e(this).val(),n=e(this).attr("id");0==i.length&&(i={}),""!=t&&"Clear"!=t&&(i[n]=t),""==t&&delete i[n]}),i=d(i),n=JSON.stringify(i),e('input[name="cf7styleallvalues"]').val(n.replace(/"/g,"'")),e('input[name="cf7styleallvalues"]').attr("value",n.replace(/"/g,"'"))}function f(){s(),e("#form-tag a.button").on("click",function(t){t.preventDefault();var n=e(this),a=e("."+n.attr("data-property")+"-panel"),i=0;0==e(".modified-style-here").length?(n.hasClass("button-primary")||(e(".panel").stop(!0,!0).animate({opacity:0},300,function(){0===i&&(i++,e(".panel").addClass("hidden"),e(".panel").html(""),a.css("opacity","0"),a.removeClass("hidden"),e.ajax({url:ajaxurl,method:"POST",data:{action:"cf7_style_load_property",property:n.attr("data-property")},beforeSend:function(){n.parent().find("a").prop("disabled","true"),e(".panel-options .loading").removeClass("hidden")},success:function(t){n.parent().find("a").prop("disabled","false"),i=0,a.html(t),e(".panel-options .loading").addClass("hidden");var s=e('input[name="cf7styleallvalues"]').val(),o=e.parseJSON(s.replace(/'/g,'"'));a.find('[name^="cf7stylecustom"]').each(function(){e(this).attr("id")in o&&""!=o[e(this).attr("id")]&&e(this).val(o[e(this).attr("id")])}),a.find(".cf7-style-color-field").wpColorPicker(E),l(),m(),a.stop(!0,!0).animate({opacity:1},300)}}))}),e(".element-selector input:eq(0)").prop("checked",!0)),e("#form-tag a.button").removeClass("button-primary"),n.addClass("button-primary"),e('input[name="cf7styleactivepane"]').val(n.attr("data-property"))):e(".panel-options .decision").removeClass("hidden")}),e(".panel-options .cancel-btn").on("click",function(t){t.preventDefault(),e(".panel-options .decision").addClass("hidden")}),e(".element-selector input").on("change",function(){e(".element-selector input").prop("checked",!1),e(this).prop("checked",!0),"hover"==e(this).val()?(e(".panel:visible li").addClass("hidden"),e(".panel:visible li.hover-element").removeClass("hidden"),s("hover")):(e(".panel:visible li.hover-element").addClass("hidden"),e(".panel:visible li").not(".hover-element").removeClass("hidden"),s())}),e("#form-preview").on("change",function(){e(".preview-form-container").addClass("hidden"),e(".preview-form-container").eq(e(this).val()).removeClass("hidden")});var t=0;e(document).on("change",'[name^="cf7stylecustom"]',function(){0==t&&(t++,e(this).parents(".panel").addClass("modified-style-here")),u(e(this).parents(".panel").find('[name^="cf7stylecustom"]')),"hover"==e('input[name="element-type"]:checked').val()?s("hover"):s()}),e(document).on("keyup",'[name^="cf7stylecustom"]',function(){u(e(this).parents(".panel").find('[name^="cf7stylecustom"]')),"hover"==e('input[name="element-type"]:checked').val()?s("hover"):s()})}function p(e){e.remove()}function h(e){e.on("click",function(e){e.preventDefault()})}function v(){e('.wpcf7 input[aria-required="true"]').each(function(){e('<span role="alert" class="wpcf7-not-valid-tip">Required field message example.</span>').insertAfter(e(this))}),e(".wpcf7").each(function(){e('<div class="wpcf7-response-output wpcf7-display-none wpcf7-validation-errors" style="display: block;" role="alert">Error message example.</div>').appendTo(e(this)),e('<div class="wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok" style="display: block;" role="alert">Thank you message example.</div>').appendTo(e(this))})}function m(){var t=e(".cf7-style-upload-field");t.addClass("hidden"),t.each(function(){var t=e(this);e('<span class="image-info-box"></span>').insertAfter(t),""!=t.val()&&t.parent().find(".image-info-box").text(t.val().filename("yes"))}),e(".upload-btn").length<=0&&(e("<a href='javascript: void(0);' class='remove-btn button'>Remove</a>").insertAfter(t),e("<a href='javascript: void(0);' class='upload-btn button'>Upload</a>").insertAfter(t)),e(".upload-btn").on("click",function(){var t=e(this),n=t.parent().find(".cf7-style-upload-field");tb_show("New Banner","media-upload.php?type=image&TB_iframe=1"),window.send_to_editor=function(a){n.val(e(a).attr("src")),n.trigger("change"),t.parent().find(".image-info-box").text(e(a).attr("src").filename("yes")),tb_remove()}}),e(".remove-btn").on("click",function(){var t=e(this),n=t.parent().find(".cf7-style-upload-field");n.val(" "),n.attr("value"," "),n.trigger("change"),t.parent().find(".image-info-box").text("")})}function F(){if(e("#cf7_style_manual_style").length>0){CodeMirror.fromTextArea(document.getElementById("cf7_style_manual_style"),{lineNumbers:!0,theme:"default",mode:"text/css"})}}var y=e(".cf7style-name"),g=e(".cf7style-email"),b=e(".cf7style-message"),w=e(".cf7style-status-submit");w.on("click",function(a){if(a.preventDefault(),e(".cf7style-input").each(function(t,a){""==e(this).val()?n(e(this),"error"):n(e(this),"valid")}),""!==y.val()&&""!==g.val())if(t(g.val())){n(g,"valid");var i=e("<div />");e(".cf7style-status-table").each(function(t,n){var a=e("<table />");a.html(e(this).html()),i.append(a)}),e.ajax({url:ajaxurl,method:"POST",data:{action:"cf7_style_send_status_report",name:y.val(),email:g.val(),message:b.val(),report:i.html()},beforeSend:function(){w.text("Sending...")},success:function(t){"success"==e.trim(t)?w.text("Report sent").removeClass("cf7style-status-submit").attr("disabled","disabled"):w.text("Something went wrong!").removeClass("cf7style-status-submit").attr("disabled","disabled")}})}else n(g,"error");else console.log("error 1")}),e(".cf7style-status-info").on("click",function(t){t.preventDefault(),e(".cf7style-status-table").toggle()}),String.prototype.filename=function(e){var t=this.replace(/\\/g,"/");return t=t.substring(t.lastIndexOf("/")+1),e?t.replace(/[?#].+$/,""):t.split(".")[0]},e(".cf7style-no-forms-added").length>0?e(".generate-preview-button, .generate-preview-option").show():e(".generate-button-hidden").show(),e(".generate-preview-button").on("click",function(t){t.preventDefault(),e(".cf7style-no-forms-added").hide();var n=e(this).attr("data-attr-id"),a=e(this).attr("data-attr-title");e(this).prop("disabled",!0),e(this).parents("tr").find("input").prop("checked",!0);var i=e("<p />");e(".preview-form-tag").prepend(i),e.ajax({url:ajaxurl,method:"POST",data:{action:"cf7_style_generate_preview_dashboard",form_id:n,form_title:a},beforeSend:function(){i.text("Loading..."),e(".multiple-form-generated-preview").hide()},success:function(t){t&&(i.remove(),e(".preview-form-tag").append(t),e(".multiple-form-generated-preview").eq(e(".multiple-form-generated-preview").length-1).show(),s(),v())}})});var x=e(".generate-preview"),_=e(".post-type-cf7_style "),C=e("#select_all"),D=e('select[name="cf7_style_font_selector"]'),k=e(".cf7-style-slider-wrap"),A=e(".preview-form-container"),E={change:function(t,n){u(e(this).parents(".panel").find('[name^="cf7stylecustom"]')),"hover"==e('input[name="element-type"]:checked').val()?s("hover"):s()}};if(e(".cf7-style-color-field").wpColorPicker(E),x.length>0&&i(x),_.length>0){F(),m(),l(),v();var A=e(".preview-form-container").not(".hidden");A.find("label").length<1&&e('.button[data-property="label"]').hide(),A.find("p").length<1&&e('.button[data-property="p"]').hide(),A.find("fieldset").length<1&&e('.button[data-property="fieldset"]').hide(),A.find("select").length<1&&e('.button[data-property="select"]').hide(),A.find('input[type="checkbox"]').length<1&&e('.button[data-property="checkbox"]').hide(),A.find('input[type="radio"]').length<1&&e('.button[data-property="radio"]').hide(),o(C),a(D.val()),D.on("change",function(){a(e(this).val())}),f(),p(A.find('input[type="hidden"]')),h(A.find('input[type="submit"]'))}k.length>0&&c(k),e(".close-cf7-panel").on("click",function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"cf7_style_remove_welcome_box"},success:function(t){e(".welcome-container").fadeOut("slow")}})})});
admin/js/admin.js CHANGED
@@ -7,56 +7,55 @@ jQuery(document).ready(function($) {
7
 
8
  /* Email address validation */
9
 
10
- function isValidEmailAddress( emailAddress ) {
11
  var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
12
  return pattern.test(emailAddress);
13
  }
14
 
15
  /* Validation border color */
16
 
17
- function validateInput( elem, result ) {
18
 
19
- if( result == 'valid' ) {
20
- elem.css( 'border-color', '#ddd' );
21
  } else {
22
- elem.css( 'border-color', 'red' );
23
  }
24
  }
25
 
26
  /* Send Report */
27
 
28
- var cf7s_status_name = $( '.cf7style-name' ),
29
- cf7s_status_email = $( '.cf7style-email' ),
30
- cf7s_status_message = $( '.cf7style-message' ),
31
- cf7s_status_submit = $( '.cf7style-status-submit' );
32
 
33
- cf7s_status_submit.on( 'click', function( e ) {
34
  e.preventDefault();
35
 
36
- $( '.cf7style-input' ).each( function( index, value ) {
37
- if( $( this ).val() == '' ) {
38
- validateInput( $( this ), 'error' );
39
  } else {
40
- validateInput( $( this ), 'valid' );
41
  }
42
- } );
43
 
44
- if( cf7s_status_name.val() !== '' && cf7s_status_email.val() !== '' ) {
45
- if( ! isValidEmailAddress( cf7s_status_email.val() ) ) {
46
- console.log( 'error 2' );
47
- validateInput( cf7s_status_email, 'error' );
48
  } else {
49
- validateInput( cf7s_status_email, 'valid' );
50
 
51
- var status = $( '<div />' );
52
 
53
- $( '.cf7style-status-table' ).each( function( index, value ) {
54
- var table = $( "<table />" );
55
- table.html( $( this ).html() );
56
- status.append( table );
57
- } );
58
 
59
- $.ajax( {
60
  'url': ajaxurl,
61
  'method': 'POST',
62
  'data': {
@@ -67,35 +66,31 @@ jQuery(document).ready(function($) {
67
  'report': status.html()
68
  },
69
  'beforeSend': function() {
70
- cf7s_status_submit.text( 'Sending...' );
71
  },
72
- 'success': function( data ) {
73
- if ( $.trim( data ) == 'success' ) {
74
- cf7s_status_submit.text( 'Report sent' ).removeClass( 'cf7style-status-submit' ).attr( 'disabled', 'disabled' );
75
  } else {
76
- cf7s_status_submit.text( 'Something went wrong!' ).removeClass( 'cf7style-status-submit' ).attr( 'disabled', 'disabled' );
77
  }
78
  }
79
- } );
80
  }
81
-
82
  } else {
83
- console.log( 'error 1' );
84
  }
85
- } );
86
 
87
  /* Show info */
88
 
89
- $( '.cf7style-status-info' ).on( 'click', function( e ) {
90
  e.preventDefault();
91
 
92
- $( '.cf7style-status-table' ).toggle();
93
-
94
- } );
95
-
96
-
97
-
98
 
 
99
 
100
  String.prototype.filename = function(extension) {
101
  var s = this.replace(/\\/g, '/');
@@ -150,34 +145,35 @@ jQuery(document).ready(function($) {
150
  });
151
  }
152
 
153
- function getPreviewElements(previewType) {
154
- var notElem = (previewType == "hover") ? "" : ",[name*='hover']";
155
- $('[name^=cf7stylecustom]').not("[name*='unit']" + notElem).each(function() {
156
- var _t = $(this);
157
- if (_t.attr('value').length > 0) {
158
- var elem_name = _t.attr('name'),
159
- splitArray = elem_name.substr(15).replace("]", "").split("_"),
160
- newElem = splitArray[0],
161
- unit = _t.parent().find('select[name*="unit"]').val();
162
- if (splitArray[0] == "submit") {
163
- newElem = "input[type='submit']";
164
- }
165
- if (splitArray[0] == "form") {
166
- newElem = ".wpcf7";
167
- }
168
-
169
- unit = (typeof unit == 'undefined' || _t.val() == "") ? "" : unit;
170
- var newValue = _t.val() + unit;
171
- if (_t.hasClass('cf7-style-upload-field')) {
172
- newValue = 'url(' + _t.val() + ')';
173
- if (_t.val() == "") {
174
- newValue = _t.val();
175
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
176
  }
177
- newElem = (newElem == 'radio') ? 'input[type="radio"]' : (newElem == 'checkbox') ? 'input[type="checkbox"]' : newElem;
178
- $('.preview-form-container ' + newElem).css(splitArray[1], newValue);
179
- }
180
- });
181
  }
182
 
183
  function selectAllForms(element) {
@@ -267,28 +263,115 @@ jQuery(document).ready(function($) {
267
  });
268
  }
269
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
270
  function showTheOption() {
 
271
  $('#form-tag a.button').on('click', function(e) {
272
  e.preventDefault();
273
- var _t = $(this);
274
- var currentElement = $('.' + _t.attr('data-property') + '-panel');
275
- if (!_t.hasClass('button-primary')) {
276
- $('.panel').stop(true, true).animate({
277
- 'opacity': 0
278
- }, 300, function() {
279
- $('.panel').addClass('hidden');
280
- currentElement.css('opacity', '0');
281
- currentElement.removeClass('hidden');
282
- currentElement.stop(true, true).animate({
283
- 'opacity': 1
284
- }, 300);
285
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
286
 
287
- $(".element-selector input:eq(0)").prop("checked", true);
 
 
 
 
 
 
288
  }
289
- $('#form-tag a.button').removeClass('button-primary');
290
- _t.addClass('button-primary');
291
- $('input[name="cf7styleactivepane"]').val(_t.attr('data-property'));
 
 
292
  });
293
 
294
  $('.element-selector input').on('change', function() {
@@ -297,29 +380,36 @@ jQuery(document).ready(function($) {
297
  if ($(this).val() == "hover") {
298
  $('.panel:visible li').addClass('hidden');
299
  $('.panel:visible li.hover-element').removeClass('hidden');
300
- getPreviewElements("hover");
301
  } else {
302
  $('.panel:visible li.hover-element').addClass('hidden');
303
  $('.panel:visible li').not('.hover-element').removeClass('hidden');
304
- getPreviewElements();
305
  }
306
  });
307
  $('#form-preview').on('change', function() {
308
  $('.preview-form-container').addClass('hidden');
309
  $('.preview-form-container').eq($(this).val()).removeClass('hidden');
310
  });
311
- $('[name^="cf7stylecustom"]').on("change", function() {
 
 
 
 
 
 
312
  if ($('input[name="element-type"]:checked').val() == "hover") {
313
- getPreviewElements('hover');
314
  } else {
315
- getPreviewElements();
316
  }
317
  });
318
- $('[name^="cf7stylecustom"]').on("keyup", function() {
 
319
  if ($('input[name="element-type"]:checked').val() == "hover") {
320
- getPreviewElements('hover');
321
  } else {
322
- getPreviewElements();
323
  }
324
  });
325
  }
@@ -334,6 +424,16 @@ jQuery(document).ready(function($) {
334
  });
335
  }
336
 
 
 
 
 
 
 
 
 
 
 
337
  function addBgImage() {
338
  var bgFormInput = $('.cf7-style-upload-field');
339
  bgFormInput.addClass('hidden');
@@ -386,7 +486,6 @@ jQuery(document).ready(function($) {
386
 
387
  $('.generate-preview-button').on('click', function(e) {
388
  e.preventDefault();
389
-
390
  $('.cf7style-no-forms-added').hide();
391
 
392
  var form_id = $(this).attr('data-attr-id'),
@@ -414,7 +513,8 @@ jQuery(document).ready(function($) {
414
  paragraph.remove();
415
  $('.preview-form-tag').append(data);
416
  $('.multiple-form-generated-preview').eq($('.multiple-form-generated-preview').length - 1).show();
417
- getPreviewElements();
 
418
  }
419
  }
420
  });
@@ -428,10 +528,11 @@ jQuery(document).ready(function($) {
428
  previewForm = $('.preview-form-container'),
429
  options = {
430
  change: function(event, ui) {
 
431
  if ($('input[name="element-type"]:checked').val() == "hover") {
432
- getPreviewElements('hover');
433
  } else {
434
- getPreviewElements();
435
  }
436
  }
437
  };
@@ -449,6 +550,26 @@ jQuery(document).ready(function($) {
449
  addBgImage();
450
  /*Autocomplete number fields*/
451
  autoCompleteOtherValues();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
452
  /*Checkbox for select all the forms*/
453
  selectAllForms(selectAll);
454
  /*Change Font*/
@@ -458,8 +579,6 @@ jQuery(document).ready(function($) {
458
  });
459
  /*show the right options*/
460
  showTheOption();
461
- /*preview changes on the fly*/
462
- getPreviewElements();
463
  /*remove nonce*/
464
  removePreviewfields(previewForm.find('input[type="hidden"]'));
465
  /*disable submit*/
7
 
8
  /* Email address validation */
9
 
10
+ function isValidEmailAddress(emailAddress) {
11
  var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
12
  return pattern.test(emailAddress);
13
  }
14
 
15
  /* Validation border color */
16
 
17
+ function validateInput(elem, result) {
18
 
19
+ if (result == 'valid') {
20
+ elem.css('border-color', '#ddd');
21
  } else {
22
+ elem.css('border-color', 'red');
23
  }
24
  }
25
 
26
  /* Send Report */
27
 
28
+ var cf7s_status_name = $('.cf7style-name'),
29
+ cf7s_status_email = $('.cf7style-email'),
30
+ cf7s_status_message = $('.cf7style-message'),
31
+ cf7s_status_submit = $('.cf7style-status-submit');
32
 
33
+ cf7s_status_submit.on('click', function(e) {
34
  e.preventDefault();
35
 
36
+ $('.cf7style-input').each(function(index, value) {
37
+ if ($(this).val() == '') {
38
+ validateInput($(this), 'error');
39
  } else {
40
+ validateInput($(this), 'valid');
41
  }
42
+ });
43
 
44
+ if (cf7s_status_name.val() !== '' && cf7s_status_email.val() !== '') {
45
+ if (!isValidEmailAddress(cf7s_status_email.val())) {
46
+ validateInput(cf7s_status_email, 'error');
 
47
  } else {
48
+ validateInput(cf7s_status_email, 'valid');
49
 
50
+ var status = $('<div />');
51
 
52
+ $('.cf7style-status-table').each(function(index, value) {
53
+ var table = $("<table />");
54
+ table.html($(this).html());
55
+ status.append(table);
56
+ });
57
 
58
+ $.ajax({
59
  'url': ajaxurl,
60
  'method': 'POST',
61
  'data': {
66
  'report': status.html()
67
  },
68
  'beforeSend': function() {
69
+ cf7s_status_submit.text('Sending...');
70
  },
71
+ 'success': function(data) {
72
+ if ($.trim(data) == 'success') {
73
+ cf7s_status_submit.text('Report sent').removeClass('cf7style-status-submit').attr('disabled', 'disabled');
74
  } else {
75
+ cf7s_status_submit.text('Something went wrong!').removeClass('cf7style-status-submit').attr('disabled', 'disabled');
76
  }
77
  }
78
+ });
79
  }
80
+
81
  } else {
82
+ console.log('error 1');
83
  }
84
+ });
85
 
86
  /* Show info */
87
 
88
+ $('.cf7style-status-info').on('click', function(e) {
89
  e.preventDefault();
90
 
91
+ $('.cf7style-status-table').toggle();
 
 
 
 
 
92
 
93
+ });
94
 
95
  String.prototype.filename = function(extension) {
96
  var s = this.replace(/\\/g, '/');
145
  });
146
  }
147
 
148
+ function initialPreview(previewType) {
149
+ var hiddenInputData = $('input[name="cf7styleallvalues"]');
150
+ if (hiddenInputData.length > 0) {
151
+ var loadedData = $('input[name="cf7styleallvalues"]').val(),
152
+ loadedArray = $.parseJSON(loadedData.replace(/'/g, '"'));
153
+ $.each(loadedArray, function(index, value) {
154
+ if (index.indexOf('unit') < 0 && ((previewType == "hover" && index.indexOf('hover') > 0) || (previewType != "hover" && index.indexOf('hover') < 0))) {
155
+ var splitArray = index.split("_"),
156
+ newElem = splitArray[0],
157
+ unit = loadedArray[index + "_unit"];
158
+ if (splitArray[0] == "submit") {
159
+ newElem = "input[type='submit']";
 
 
 
 
 
 
 
 
 
 
160
  }
161
+ if (splitArray[0] == "form") {
162
+ newElem = ".wpcf7";
163
+ }
164
+ if (splitArray[0] == 'wpcf7-not-valid-tip' || splitArray[0] == 'wpcf7-validation-errors' || splitArray[0] == 'wpcf7-mail-sent-ok') {
165
+ newElem = "." + splitArray[0];
166
+ }
167
+ unit = (typeof unit == 'undefined' || value == "") ? "" : unit;
168
+ var newValue = value + unit;
169
+ if (splitArray[1] == "background-image") {
170
+ newValue = 'url(' + value + ')';
171
+ }
172
+ newElem = (newElem == 'radio') ? 'input[type="radio"]' : (newElem == 'checkbox') ? 'input[type="checkbox"]' : newElem;
173
+ $('.preview-form-container ' + newElem).css(splitArray[1], newValue);
174
  }
175
+ });
176
+ }
 
 
177
  }
178
 
179
  function selectAllForms(element) {
263
  });
264
  }
265
 
266
+ function orderKeys(obj) {
267
+ var keys = Object.keys(obj).sort(function keyOrder(k1, k2) {
268
+ if (k1 < k2) return -1;
269
+ else if (k1 > k2) return +1;
270
+ else return 0;
271
+ });
272
+ var i, after = {};
273
+ for (i = 0; i < keys.length; i++) {
274
+ after[keys[i]] = obj[keys[i]];
275
+ delete obj[keys[i]];
276
+ }
277
+ for (i = 0; i < keys.length; i++) {
278
+ obj[keys[i]] = after[keys[i]];
279
+ }
280
+ return obj;
281
+ }
282
+
283
+ function updateHiddenInput(current) {
284
+ var loadedString = "",
285
+ loadedData = $('input[name="cf7styleallvalues"]').val(),
286
+ loadedArray = $.parseJSON(loadedData.replace(/'/g, '"'));
287
+ current.each(function() {
288
+ var curVal = $(this).val(),
289
+ curID = $(this).attr('id');
290
+ if (loadedArray.length == 0) {
291
+ loadedArray = {};
292
+ }
293
+ if (curVal != "" && curVal != "Clear") {
294
+ loadedArray[curID] = curVal;
295
+ }
296
+ if(curVal == ""){
297
+ delete loadedArray[curID];
298
+ }
299
+ });
300
+ loadedArray = orderKeys(loadedArray);
301
+ loadedString = JSON.stringify(loadedArray);
302
+ $('input[name="cf7styleallvalues"]').val(loadedString.replace(/"/g, "'"));
303
+ $('input[name="cf7styleallvalues"]').attr('value', loadedString.replace(/"/g, "'"));
304
+
305
+ }
306
+
307
  function showTheOption() {
308
+ initialPreview();
309
  $('#form-tag a.button').on('click', function(e) {
310
  e.preventDefault();
311
+ var _t = $(this),
312
+ currentElement = $('.' + _t.attr('data-property') + '-panel'),
313
+ onlyOnce = 0;
314
+ if ($('.modified-style-here').length == 0) {
315
+ if (!_t.hasClass('button-primary')) {
316
+ $('.panel').stop(true, true).animate({
317
+ 'opacity': 0
318
+ }, 300, function() {
319
+ if (onlyOnce === 0) {
320
+ onlyOnce++;
321
+
322
+ $('.panel').addClass('hidden');
323
+ $('.panel').html('');
324
+ currentElement.css('opacity', '0');
325
+ currentElement.removeClass('hidden');
326
+
327
+ $.ajax({
328
+ 'url': ajaxurl,
329
+ 'method': 'POST',
330
+ 'data': {
331
+ 'action': 'cf7_style_load_property',
332
+ 'property': _t.attr('data-property')
333
+ },
334
+ 'beforeSend': function() {
335
+ _t.parent().find('a').prop('disabled', 'true');
336
+ $('.panel-options .loading').removeClass('hidden');
337
+ },
338
+ 'success': function(data) {
339
+ _t.parent().find('a').prop('disabled', 'false');
340
+ onlyOnce = 0;
341
+ currentElement.html(data);
342
+ $('.panel-options .loading').addClass('hidden');
343
+ var loadedData = $('input[name="cf7styleallvalues"]').val(),
344
+ loadedArray = $.parseJSON(loadedData.replace(/'/g, '"'));
345
+ currentElement.find('[name^="cf7stylecustom"]').each(function() {
346
+ if (($(this).attr('id') in loadedArray) && loadedArray[$(this).attr('id')] != "") {
347
+ $(this).val(loadedArray[$(this).attr('id')]);
348
+ }
349
+ });
350
+ currentElement.find('.cf7-style-color-field').wpColorPicker(options);
351
+ autoCompleteOtherValues();
352
+ addBgImage();
353
+ currentElement.stop(true, true).animate({
354
+ 'opacity': 1
355
+ }, 300);
356
+ }
357
+ });
358
+
359
+ }
360
+ });
361
 
362
+ $(".element-selector input:eq(0)").prop("checked", true);
363
+ }
364
+ $('#form-tag a.button').removeClass('button-primary');
365
+ _t.addClass('button-primary');
366
+ $('input[name="cf7styleactivepane"]').val(_t.attr('data-property'));
367
+ } else {
368
+ $('.panel-options .decision').removeClass('hidden');
369
  }
370
+ });
371
+
372
+ $('.panel-options .cancel-btn').on('click', function(e) {
373
+ e.preventDefault();
374
+ $('.panel-options .decision').addClass('hidden');
375
  });
376
 
377
  $('.element-selector input').on('change', function() {
380
  if ($(this).val() == "hover") {
381
  $('.panel:visible li').addClass('hidden');
382
  $('.panel:visible li.hover-element').removeClass('hidden');
383
+ initialPreview("hover");
384
  } else {
385
  $('.panel:visible li.hover-element').addClass('hidden');
386
  $('.panel:visible li').not('.hover-element').removeClass('hidden');
387
+ initialPreview();
388
  }
389
  });
390
  $('#form-preview').on('change', function() {
391
  $('.preview-form-container').addClass('hidden');
392
  $('.preview-form-container').eq($(this).val()).removeClass('hidden');
393
  });
394
+ var once = 0;
395
+ $(document).on("change", '[name^="cf7stylecustom"]', function() {
396
+ if (once == 0) {
397
+ once++;
398
+ $(this).parents('.panel').addClass('modified-style-here');
399
+ }
400
+ updateHiddenInput($(this).parents('.panel').find('[name^="cf7stylecustom"]'));
401
  if ($('input[name="element-type"]:checked').val() == "hover") {
402
+ initialPreview('hover');
403
  } else {
404
+ initialPreview();
405
  }
406
  });
407
+ $(document).on("keyup", '[name^="cf7stylecustom"]', function() {
408
+ updateHiddenInput($(this).parents('.panel').find('[name^="cf7stylecustom"]'));
409
  if ($('input[name="element-type"]:checked').val() == "hover") {
410
+ initialPreview('hover');
411
  } else {
412
+ initialPreview();
413
  }
414
  });
415
  }
424
  });
425
  }
426
 
427
+ function addDummyElements() {
428
+ $('.wpcf7 input[aria-required="true"]').each(function() {
429
+ $('<span role="alert" class="wpcf7-not-valid-tip">Required field message example.</span>').insertAfter($(this));
430
+ });
431
+ $('.wpcf7').each(function() {
432
+ $('<div class="wpcf7-response-output wpcf7-display-none wpcf7-validation-errors" style="display: block;" role="alert">Error message example.</div>').appendTo($(this));
433
+ $('<div class="wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok" style="display: block;" role="alert">Thank you message example.</div>').appendTo($(this));
434
+ });
435
+ }
436
+
437
  function addBgImage() {
438
  var bgFormInput = $('.cf7-style-upload-field');
439
  bgFormInput.addClass('hidden');
486
 
487
  $('.generate-preview-button').on('click', function(e) {
488
  e.preventDefault();
 
489
  $('.cf7style-no-forms-added').hide();
490
 
491
  var form_id = $(this).attr('data-attr-id'),
513
  paragraph.remove();
514
  $('.preview-form-tag').append(data);
515
  $('.multiple-form-generated-preview').eq($('.multiple-form-generated-preview').length - 1).show();
516
+ initialPreview();
517
+ addDummyElements();
518
  }
519
  }
520
  });
528
  previewForm = $('.preview-form-container'),
529
  options = {
530
  change: function(event, ui) {
531
+ updateHiddenInput($(this).parents('.panel').find('[name^="cf7stylecustom"]'));
532
  if ($('input[name="element-type"]:checked').val() == "hover") {
533
+ initialPreview('hover');
534
  } else {
535
+ initialPreview();
536
  }
537
  }
538
  };
550
  addBgImage();
551
  /*Autocomplete number fields*/
552
  autoCompleteOtherValues();
553
+ addDummyElements();
554
+ var previewForm = $('.preview-form-container').not('.hidden');
555
+ if (previewForm.find('label').length < 1) {
556
+ $('.button[data-property="label"]').hide();
557
+ }
558
+ if (previewForm.find('p').length < 1) {
559
+ $('.button[data-property="p"]').hide();
560
+ }
561
+ if (previewForm.find('fieldset').length < 1) {
562
+ $('.button[data-property="fieldset"]').hide();
563
+ }
564
+ if (previewForm.find('select').length < 1) {
565
+ $('.button[data-property="select"]').hide();
566
+ }
567
+ if (previewForm.find('input[type="checkbox"]').length < 1) {
568
+ $('.button[data-property="checkbox"]').hide();
569
+ }
570
+ if (previewForm.find('input[type="radio"]').length < 1) {
571
+ $('.button[data-property="radio"]').hide();
572
+ }
573
  /*Checkbox for select all the forms*/
574
  selectAllForms(selectAll);
575
  /*Change Font*/
579
  });
580
  /*show the right options*/
581
  showTheOption();
 
 
582
  /*remove nonce*/
583
  removePreviewfields(previewForm.find('input[type="hidden"]'));
584
  /*disable submit*/
admin/js/overall-min.js ADDED
@@ -0,0 +1 @@
 
1
+ jQuery(document).ready(function(e){function t(){e.ajax({url:ajaxurl,method:"POST",data:{action:"cf7_style_remove_box"},success:function(e){}})}e(".remove_template_notice").on("click",function(c){c.preventDefault(),e(".template-message-box").fadeOut("slow"),t()}),e(document).on("click",".cf7style-pointer a.close",function(t){t.preventDefault(),e("#cf7_style_allow_tracking").is(":checked")?e.post(ajaxurl,"action=cf7_style_allow_tracking&cf7_style_allow_tracking=1",function(e){}):e.post(ajaxurl,"action=cf7_style_show_tracking&cf7_style_allow_tracking=0",function(e){})}),e('input[name="custom_template_check"]').on("change",function(){e(this).is(":checked")?e(".double-check").show():e(".double-check").hide()}),e(".confirm-remove-template").on("click",function(c){c.preventDefault();var n=e(this).parent();"no"==e('input[name="double_check_template"]:checked').val()?(n.hide(),e('input[name="custom_template_check"]').attr("checked","checked")):(t(),e.ajax({url:ajaxurl,method:"POST",data:{action:"cf7_style_remove_templates"},success:function(t){t&&(e('<p class="succeded">Predefined templates successfully removed.</p>').appendTo(n),setTimeout(function(){n.fadeOut("slow"),n.parent().fadeOut("slow",function(){setTimeout(function(){window.location.reload(!1)},300)})},2e3))}}))})});
admin/js/overall.js CHANGED
@@ -24,9 +24,9 @@
24
  });
25
  $('input[name="custom_template_check"]').on('change', function() {
26
  if ($(this).is(':checked')) {
27
- $('.double-check').hide();
28
- } else {
29
  $('.double-check').show();
 
 
30
  }
31
  });
32
  $('.confirm-remove-template').on('click', function(e) {
24
  });
25
  $('input[name="custom_template_check"]').on('change', function() {
26
  if ($(this).is(':checked')) {
 
 
27
  $('.double-check').show();
28
+ } else {
29
+ $('.double-check').hide();
30
  }
31
  });
32
  $('.confirm-remove-template').on('click', function(e) {
admin/js/quick.edit-min.js ADDED
@@ -0,0 +1 @@
 
1
+ !function(e){var t=inlineEditPost.edit;inlineEditPost.edit=function(i){t.apply(this,arguments);var n=0;if("object"==typeof i&&(n=parseInt(this.getId(i))),n>0){var a=[],c=[];checkbox=jQuery('.data input[type="checkbox"]'),jQuery.each(checkbox,function(t,i){a.push(e(this).attr("data-id"))});var d=[];e.each(a,function(t,i){-1===e.inArray(i,d)&&d.push(i)}),jQuery.each(d,function(t,i){var a=e("#form\\["+i+"\\]");a.attr("data-style")==n?(a.prop("checked",!0),a.parent().parent().next().hide()):(a.prop("checked",!1),a.parent().parent().next().show()),e(".cf7-quick-edit .hidden-fields").html(""),a.is(":checked")&&(c.push(a.attr("data-id")),a.on("click",function(){a.prop("checked")?e("#remove-form\\["+a.attr("data-id")+"\\]").remove():e(".cf7-quick-edit .hidden-fields").append('<input type="hidden" name="remove-'+a.attr("id")+'" id="remove-'+a.attr("id")+'" value="on">')}))})}},e(".inline-edit-cf7_style .button-primary").on("click",function(){var t=window.location.href;e(".cf7-quick-edit").load(t+" .cf7-quick-edit >")})}(jQuery);
admin/js/quick.edit.js CHANGED
@@ -60,7 +60,7 @@
60
  }
61
 
62
  };
63
-
64
  $( ".inline-edit-cf7_style .button-primary" ).on( "click", function() {
65
  var url = window.location.href;
66
  $( ".cf7-quick-edit" ).load( url + " .cf7-quick-edit >" );
60
  }
61
 
62
  };
63
+
64
  $( ".inline-edit-cf7_style .button-primary" ).on( "click", function() {
65
  var url = window.location.href;
66
  $( ".cf7-quick-edit" ).load( url + " .cf7-quick-edit >" );
cf7-style-meta-box.php CHANGED
@@ -101,7 +101,9 @@ class cf7_style_meta_boxes {
101
 
102
  }
103
 
104
- $posted_data = $_POST['cf7stylecustom'];
 
 
105
  $active_pane = sanitize_text_field($_POST['cf7styleactivepane']);
106
  if( isset( $active_pane )){
107
  update_post_meta( $post_id, 'cf7_style_active_panel', $active_pane, "");
@@ -354,8 +356,8 @@ class cf7_style_meta_boxes {
354
  */
355
  public function render_meta_paypal( $post ) { ?>
356
  <p><?php _e( "Your donation will motivate us to work more and improve this plugin.", "contact-form-7-style" ); ?></p>
357
- <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=ionut.iclanzan.reea@gmail.com&item_name=Donation+for+Contact+Form+Style" target="_blank">
358
- <img src="https://www.paypalobjects.com/webstatic/i/logo/rebrand/ppcom.svg">
359
  </a>
360
  <?php }
361
  }
@@ -482,7 +484,7 @@ function manage_wp_posts_qe_bulk_quick_edit_custom_box( $column_name, $post_type
482
  add_action( 'admin_print_scripts-edit.php', 'manage_wp_posts_be_qe_enqueue_admin_scripts' );
483
  function manage_wp_posts_be_qe_enqueue_admin_scripts() {
484
  // if using code as plugin
485
- wp_enqueue_script( 'manage-wp-posts-using-bulk-quick-edit', trailingslashit( plugin_dir_url( __FILE__ ) ) . 'admin/js/quick.edit.js', array( 'jquery', 'inline-edit-post' ), '', true );
486
  }
487
 
488
 
101
 
102
  }
103
 
104
+ $posted_data = $_POST['cf7styleallvalues'];
105
+ $posted_data = str_replace("\'", '"', $posted_data);
106
+ $posted_data = json_decode($posted_data, true);
107
  $active_pane = sanitize_text_field($_POST['cf7styleactivepane']);
108
  if( isset( $active_pane )){
109
  update_post_meta( $post_id, 'cf7_style_active_panel', $active_pane, "");
356
  */
357
  public function render_meta_paypal( $post ) { ?>
358
  <p><?php _e( "Your donation will motivate us to work more and improve this plugin.", "contact-form-7-style" ); ?></p>
359
+ <a href="http://cf7style.com/back-this-project/" target="_blank">
360
+ <img src="<?php echo WPCF7S_LOCATION;?>admin/images/paypal.svg">
361
  </a>
362
  <?php }
363
  }
484
  add_action( 'admin_print_scripts-edit.php', 'manage_wp_posts_be_qe_enqueue_admin_scripts' );
485
  function manage_wp_posts_be_qe_enqueue_admin_scripts() {
486
  // if using code as plugin
487
+ wp_enqueue_script( 'manage-wp-posts-using-bulk-quick-edit', trailingslashit( plugin_dir_url( __FILE__ ) ) . 'admin/js/quick.edit-min.js', array( 'jquery', 'inline-edit-post' ), '', true );
488
  }
489
 
490
 
cf7-style.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Contact Form 7 Style
4
  Plugin URI: http://wordpress.reea.net/contact-form-7-style/
5
  Description: Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed.
6
- Version: 3.0.5
7
  Author: Johnny, dorumarginean, mlehelsz, MirceaR
8
  Author URI: http://cf7style.com
9
  License: GPL2
@@ -15,7 +15,8 @@ License: GPL2
15
  */
16
  define( 'WPCF7S_PLUGIN', __FILE__ );
17
  define( 'WPCF7S_PLUGIN_DIR', untrailingslashit( dirname( WPCF7S_PLUGIN ) ) );
18
- define( 'WPCF7S_PLUGIN_VER', '3.0.5' );
 
19
 
20
 
21
  function get_predefined_cf7_style_template_data() {
@@ -146,7 +147,8 @@ function cf7_style_custom_css_generator(){
146
  $setting_key_part = explode( "_", $setting_key );
147
  $classelem = "body .cf7-style." . ( ( is_numeric( $cf7s_slug ) ) ? "cf7-style-".$cf7s_slug : $cf7s_slug );
148
  $html_element = ( $setting_key_part[0] == "submit" || $setting_key_part[0] == "radio" || $setting_key_part[0] == "checkbox" ) ?
149
- " input[type='". $setting_key_part[0]."']" : ( ( $setting_key_part[0] == "form" ) ? "" : ' '.$setting_key_part[0] );
 
150
  $endtag = ( $i == 0 ) ? "" : "}\n";
151
  $endtag_hover = ( $i_hover == 0 ) ? "" : "}\n";
152
  $curr_tag_gen = $classelem.$html_element;
@@ -239,16 +241,15 @@ function cf7_style_custom_css_generator(){
239
  }// end of cf7_style_custom_css_generator
240
  function cf7_style_admin_scripts($hook){
241
  global $post_type;
242
- $cur_plug_url = plugin_dir_url( __FILE__ );
243
  if (!wp_script_is( 'jquery', 'enqueued' )) {
244
  wp_enqueue_script('jquery');
245
  }
246
- wp_enqueue_style( "cf7-style-bar-style", $cur_plug_url . "css/admin-bar.css", array(), WPCF7S_PLUGIN_VER, "all");
247
- wp_enqueue_script( "cf7_style_overall", $cur_plug_url . "admin/js/overall.js", array('jquery'), WPCF7S_PLUGIN_VER, true );
248
  if( 'cf7_style_page_cf7style-css-editor' == $hook ){
249
- wp_enqueue_script( "cf7_style_codemirror_js", $cur_plug_url . "admin/js/codemirror.js", array( 'jquery' ), WPCF7S_PLUGIN_VER, true );
250
- wp_enqueue_style( "cf7-style-codemirror-style", $cur_plug_url . "admin/css/codemirror.css", array(), WPCF7S_PLUGIN_VER, "all" );
251
- wp_enqueue_script( "cf7-style-codemirror-mode", $cur_plug_url . "admin/js/mode/css/css.js", array( 'jquery' ), WPCF7S_PLUGIN_VER, true );
252
  }
253
  if( 'cf7_style' == $post_type){
254
  wp_enqueue_style( 'wp-color-picker' );
@@ -258,8 +259,8 @@ function cf7_style_admin_scripts($hook){
258
  }
259
  if( 'plugins.php'== $hook || 'cf7_style' == $post_type || 'toplevel_page_wpcf7' == $hook || 'cf7_style_page_cf7style-css-editor' == $hook || 'cf7_style_page_system-status' == $hook ){
260
  wp_enqueue_style('cf7-style-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css');
261
- wp_enqueue_style( "cf7-style-admin-style", $cur_plug_url . "admin/css/admin.css", false, WPCF7S_PLUGIN_VER, "all");
262
- wp_enqueue_script( "cf7_style_admin_js", $cur_plug_url . "admin/js/admin.js", array( 'wp-color-picker', 'jquery' ), WPCF7S_PLUGIN_VER, true );
263
  }
264
  }
265
  function cf7_style_add_class( $class ){
@@ -273,17 +274,22 @@ function cf7_style_add_class( $class ){
273
  function contact_form_7_check() {
274
 
275
  // WordPress active plugins
 
 
276
  $active_plugins = get_option( 'active_plugins' );
277
-
278
- if ( $active_plugins ) {
279
- // plugins to active
280
- $required_plugin = 'contact-form-7/wp-contact-form-7.php';
281
-
282
- if ( ! in_array( $required_plugin, $active_plugins ) ) {
283
 
 
 
 
 
 
 
 
 
 
284
  $html = '<div class="error">';
285
  $html .= '<p>';
286
- $html .= __( "Contact form 7 - Style is an addon. Please install", "contact-form-7-style" ).' <a href="http://wordpress.org/plugins/contact-form-7/" target="_blank">Contact form 7</a>.';
287
  $html .= '</p>';
288
  $html .= '</div><!-- /.updated -->';
289
  echo $html;
@@ -303,7 +309,7 @@ function contact_form_7_check() {
303
  $cf7_style_templates = get_option( 'cf7_style_no_temps' );
304
  if($cf7_style_templates != "hide_box"){
305
  $box = '<div class="updated template-message-box">';
306
- $box .= '<p><label><input type="checkbox" name="custom_template_check" checked="checked" />'.__( "Click here, if you want to delete ALL predefined Contact Form 7 Style templates.", "contact-form-7-style" ).'</label></p>';
307
  $box .= '<p><small>'.__( "This works only if the predefined templates are not in the", "contact-form-7-style" ).' <a href="'.admin_url('edit.php?post_status=trash&post_type=cf7_style').'">'.__( "Trash", "contact-form-7-style" ).'</a>.</small></p>';
308
  $box .= '<div class="double-check hidden">';
309
  $box .= '<label>'.__( "Are you sure you want to remove? ", "contact-form-7-style" );
@@ -397,6 +403,8 @@ function cf7_style_create_posts(){
397
  update_option( 'cf7_style_welcome', 'show_box' );
398
  update_option( 'cf7_style_update_saved', 'yes' );
399
  update_option( 'cf7_style_allow_tracking', '5' );
 
 
400
  }
401
  // Hook into the 'cf7_style_create_posts' action
402
  // register_activation_hook( __FILE__, 'cf7_style_create_posts' );
@@ -539,17 +547,15 @@ function cf7style_load_elements(){
539
  }
540
 
541
  function cf7_style_frontend_scripts(){
542
- $plug_dir_url = plugin_dir_url( __FILE__ );
543
- $cf7_style_templates = get_option( 'cf7_style_no_temps' );
544
  if (!wp_script_is( 'jquery', 'enqueued' )) {
545
  wp_enqueue_script('jquery');
546
  }
547
  if(is_user_logged_in()){
548
- wp_enqueue_style( "cf7-style-bar-style", $plug_dir_url . "css/admin-bar.css", array(), WPCF7S_PLUGIN_VER, "all");
549
  }
550
- wp_enqueue_style( "cf7-style-frontend-style", $plug_dir_url . "css/frontend.css", array(), WPCF7S_PLUGIN_VER, "all");
551
- wp_enqueue_style( "cf7-style-responsive-style", $plug_dir_url . "css/responsive.css", array(), WPCF7S_PLUGIN_VER, "all");
552
- wp_enqueue_script( "cf7-style-frontend-script", $plug_dir_url . "js/frontend.js", array( 'jquery' ), WPCF7S_PLUGIN_VER, true);
553
  }
554
  function cf7style_toolbar_link($wp_admin_bar) {
555
  $args = array(
@@ -687,6 +693,7 @@ require_once( 'inc/system_status.php' );
687
  function cf7_style_remove_templates() {
688
  global $wpdb;
689
  update_option( 'cf7_style_deleted', 'yes' );
 
690
  $del_args = array(
691
  'posts_per_page' => -1,
692
  'post_type' => 'cf7_style',
@@ -746,10 +753,10 @@ add_action( 'wp_ajax_cf7_style_remove_welcome_box', 'cf7_style_remove_welcome_bo
746
 
747
  function cf7_style_frontend_edit_link( $form ) {
748
 
749
- if( is_user_logged_in() && current_user_can( 'manage_options' ) && !is_admin()) {
750
 
751
- $cf7 = wpcf7_get_current_contact_form(); // Current contact form 7 object
752
- $form_id = get_form_id( $cf7 );
753
  $cf7_style_id = get_post_meta( $form_id, 'cf7_style_id', true );
754
 
755
  if( empty( $cf7_style_id ) ) {
@@ -772,11 +779,54 @@ add_filter( 'wpcf7_form_elements', 'cf7_style_frontend_edit_link' );
772
 
773
  function cf7_style_generate_preview_dashboard() {
774
 
775
- $form_id = sanitize_text_field( $_POST['form_id'] );
776
  $form_title = sanitize_text_field( $_POST['form_title'] );
777
- $form = "<div class='multiple-form-generated-preview preview-form-container'><h4>" . $form_title . "</h4>" . do_shortcode( '[contact-form-7 id="'. $form_id .'" title="'. $form_title .'"]' ) . "</div>";
778
  echo $form;
779
 
780
  wp_die();
781
  }
782
- add_action( 'wp_ajax_cf7_style_generate_preview_dashboard', 'cf7_style_generate_preview_dashboard' );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  Plugin Name: Contact Form 7 Style
4
  Plugin URI: http://wordpress.reea.net/contact-form-7-style/
5
  Description: Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed.
6
+ Version: 3.1.0
7
  Author: Johnny, dorumarginean, mlehelsz, MirceaR
8
  Author URI: http://cf7style.com
9
  License: GPL2
15
  */
16
  define( 'WPCF7S_PLUGIN', __FILE__ );
17
  define( 'WPCF7S_PLUGIN_DIR', untrailingslashit( dirname( WPCF7S_PLUGIN ) ) );
18
+ define('WPCF7S_LOCATION',plugin_dir_url( WPCF7S_PLUGIN ));
19
+ define( 'WPCF7S_PLUGIN_VER', '3.1.0' );
20
 
21
 
22
  function get_predefined_cf7_style_template_data() {
147
  $setting_key_part = explode( "_", $setting_key );
148
  $classelem = "body .cf7-style." . ( ( is_numeric( $cf7s_slug ) ) ? "cf7-style-".$cf7s_slug : $cf7s_slug );
149
  $html_element = ( $setting_key_part[0] == "submit" || $setting_key_part[0] == "radio" || $setting_key_part[0] == "checkbox" ) ?
150
+ " input[type='". $setting_key_part[0]."']" : ( ( $setting_key_part[0] == "form" ) ? "" : (( $setting_key_part[0] == "wpcf7-not-valid-tip" || $setting_key_part[0] == "wpcf7-validation-errors" || $setting_key_part[0] == "wpcf7-mail-sent-ok" ) ?
151
+ " .". $setting_key_part[0] : ' '.$setting_key_part[0]) );
152
  $endtag = ( $i == 0 ) ? "" : "}\n";
153
  $endtag_hover = ( $i_hover == 0 ) ? "" : "}\n";
154
  $curr_tag_gen = $classelem.$html_element;
241
  }// end of cf7_style_custom_css_generator
242
  function cf7_style_admin_scripts($hook){
243
  global $post_type;
 
244
  if (!wp_script_is( 'jquery', 'enqueued' )) {
245
  wp_enqueue_script('jquery');
246
  }
247
+ wp_enqueue_style( "cf7-style-bar-style", WPCF7S_LOCATION . "css/admin-bar.css", array(), WPCF7S_PLUGIN_VER, "all");
248
+ wp_enqueue_script( "cf7_style_overall", WPCF7S_LOCATION . "admin/js/overall-min.js", array('jquery'), WPCF7S_PLUGIN_VER, true );
249
  if( 'cf7_style_page_cf7style-css-editor' == $hook ){
250
+ wp_enqueue_script( "cf7_style_codemirror_js", WPCF7S_LOCATION . "admin/js/codemirror.js", array( 'jquery' ), WPCF7S_PLUGIN_VER, true );
251
+ wp_enqueue_style( "cf7-style-codemirror-style", WPCF7S_LOCATION . "admin/css/codemirror.css", array(), WPCF7S_PLUGIN_VER, "all" );
252
+ wp_enqueue_script( "cf7-style-codemirror-mode", WPCF7S_LOCATION . "admin/js/mode/css/css.js", array( 'jquery' ), WPCF7S_PLUGIN_VER, true );
253
  }
254
  if( 'cf7_style' == $post_type){
255
  wp_enqueue_style( 'wp-color-picker' );
259
  }
260
  if( 'plugins.php'== $hook || 'cf7_style' == $post_type || 'toplevel_page_wpcf7' == $hook || 'cf7_style_page_cf7style-css-editor' == $hook || 'cf7_style_page_system-status' == $hook ){
261
  wp_enqueue_style('cf7-style-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css');
262
+ wp_enqueue_style( "cf7-style-admin-style", WPCF7S_LOCATION . "admin/css/admin.css", false, WPCF7S_PLUGIN_VER, "all");
263
+ wp_enqueue_script( "cf7_style_admin_js", WPCF7S_LOCATION . "admin/js/admin-min.js", array( 'wp-color-picker', 'jquery' ), WPCF7S_PLUGIN_VER, true );
264
  }
265
  }
266
  function cf7_style_add_class( $class ){
274
  function contact_form_7_check() {
275
 
276
  // WordPress active plugins
277
+ $required_plugin = 'contact-form-7/wp-contact-form-7.php';
278
+ $all_plugins = get_plugins();
279
  $active_plugins = get_option( 'active_plugins' );
 
 
 
 
 
 
280
 
281
+ if(! array_key_exists( $required_plugin, $all_plugins)){
282
+ $html = '<div class="error">';
283
+ $html .= '<p>';
284
+ $html .= __( "Contact form 7 - Style is an addon. Please install", "contact-form-7-style" ).' <a href="'.esc_url(admin_url('plugin-install.php?s=contact+form+7&tab=search&type=term' )).'">Contact form 7</a>.';
285
+ $html .= '</p>';
286
+ $html .= '</div><!-- /.updated -->';
287
+ echo $html;
288
+ } else if ( $active_plugins ) {
289
+ if ( ! in_array( $required_plugin, $active_plugins ) ) {
290
  $html = '<div class="error">';
291
  $html .= '<p>';
292
+ $html .= __( "Contact form 7 - Style is an addon. Please activate", "contact-form-7-style" ).' <a href="'.esc_url(wp_nonce_url(admin_url('plugins.php?action=activate&plugin=' . $required_plugin ), 'activate-plugin_' . $required_plugin)).'">Contact form 7</a>.';
293
  $html .= '</p>';
294
  $html .= '</div><!-- /.updated -->';
295
  echo $html;
309
  $cf7_style_templates = get_option( 'cf7_style_no_temps' );
310
  if($cf7_style_templates != "hide_box"){
311
  $box = '<div class="updated template-message-box">';
312
+ $box .= '<p><label><input type="checkbox" name="custom_template_check" />'.__( "Click here, if you want to delete ALL predefined Contact Form 7 Style templates.", "contact-form-7-style" ).'</label></p>';
313
  $box .= '<p><small>'.__( "This works only if the predefined templates are not in the", "contact-form-7-style" ).' <a href="'.admin_url('edit.php?post_status=trash&post_type=cf7_style').'">'.__( "Trash", "contact-form-7-style" ).'</a>.</small></p>';
314
  $box .= '<div class="double-check hidden">';
315
  $box .= '<label>'.__( "Are you sure you want to remove? ", "contact-form-7-style" );
403
  update_option( 'cf7_style_welcome', 'show_box' );
404
  update_option( 'cf7_style_update_saved', 'yes' );
405
  update_option( 'cf7_style_allow_tracking', '5' );
406
+ update_option( 'cf7_style_add_categories', '0' );
407
+
408
  }
409
  // Hook into the 'cf7_style_create_posts' action
410
  // register_activation_hook( __FILE__, 'cf7_style_create_posts' );
547
  }
548
 
549
  function cf7_style_frontend_scripts(){
 
 
550
  if (!wp_script_is( 'jquery', 'enqueued' )) {
551
  wp_enqueue_script('jquery');
552
  }
553
  if(is_user_logged_in()){
554
+ wp_enqueue_style( "cf7-style-bar-style", WPCF7S_LOCATION . "css/admin-bar.css", array(), WPCF7S_PLUGIN_VER, "all");
555
  }
556
+ wp_enqueue_style( "cf7-style-frontend-style", WPCF7S_LOCATION . "css/frontend.css", array(), WPCF7S_PLUGIN_VER, "all");
557
+ wp_enqueue_style( "cf7-style-responsive-style", WPCF7S_LOCATION . "css/responsive.css", array(), WPCF7S_PLUGIN_VER, "all");
558
+ wp_enqueue_script( "cf7-style-frontend-script", WPCF7S_LOCATION . "js/frontend-min.js", array( 'jquery' ), WPCF7S_PLUGIN_VER, true);
559
  }
560
  function cf7style_toolbar_link($wp_admin_bar) {
561
  $args = array(
693
  function cf7_style_remove_templates() {
694
  global $wpdb;
695
  update_option( 'cf7_style_deleted', 'yes' );
696
+ update_option( 'cf7_style_add_categories', 0 );
697
  $del_args = array(
698
  'posts_per_page' => -1,
699
  'post_type' => 'cf7_style',
753
 
754
  function cf7_style_frontend_edit_link( $form ) {
755
 
756
+ if( is_user_logged_in() && current_user_can( 'manage_options' ) && !is_admin() && get_option( 'cf7_style_form_tooltip' ) == 1 ) {
757
 
758
+ $cf7 = wpcf7_get_current_contact_form(); // Current contact form 7 object
759
+ $form_id = get_form_id( $cf7 );
760
  $cf7_style_id = get_post_meta( $form_id, 'cf7_style_id', true );
761
 
762
  if( empty( $cf7_style_id ) ) {
779
 
780
  function cf7_style_generate_preview_dashboard() {
781
 
782
+ $form_id = sanitize_text_field( $_POST['form_id'] );
783
  $form_title = sanitize_text_field( $_POST['form_title'] );
784
+ $form = "<div class='multiple-form-generated-preview preview-form-container'><h4>" . $form_title . "</h4>" . do_shortcode( '[contact-form-7 id="'. $form_id .'" title="'. $form_title .'"]' ) . "</div>";
785
  echo $form;
786
 
787
  wp_die();
788
  }
789
+ add_action( 'wp_ajax_cf7_style_generate_preview_dashboard', 'cf7_style_generate_preview_dashboard' );
790
+
791
+ /**
792
+ * Dashboard generate custom style desired properties
793
+ */
794
+
795
+ function cf7_style_load_property() {
796
+
797
+ $form_property = sanitize_text_field( $_POST['property'] );
798
+ $form_panel = "";
799
+ $saved_values = maybe_unserialize(get_post_meta( $post->ID, 'cf7_style_custom_styler', true ));
800
+ $saved_values = (empty($saved_values)) ? array() : $saved_values;
801
+ require 'plugin-options.php';
802
+ foreach( $elements as $property => $property_value ) {
803
+ if( $property == $form_property ) {
804
+ if( $property_value['description'] != ""){
805
+ $form_panel .= '<h4 class="description-title">'.$property_value['description'].'</h4>';
806
+ }
807
+ foreach( $property_value['settings'] as $sub_property_key => $sub_property_value ) {
808
+ $property = strtolower( $property );
809
+ $sub_property_slug = strtolower( $options[$sub_property_value]['slug'] );
810
+ $style_element_name = strtolower($options[$sub_property_value]['name']);
811
+ $half_width_class = ( $style_element_name == "box sizing" || $style_element_name == "display" || $style_element_name == "position" || $style_element_name == "width" || $style_element_name == "height") ? "half-size" : "";
812
+ $form_panel .= '<div class="element-styling '.$half_width_class.' '.$style_element_name.'"><h3><span>&lt;'.$property.'&gt;</span> '.$style_element_name . '</h3>';
813
+ if( $options[$sub_property_value]['type'] ) {
814
+ $form_panel .= "<ul>";
815
+ foreach( $options[$sub_property_value]['type'] as $key => $value ) {
816
+ if( $key != "comming-soon" ){
817
+ $form_panel .= generate_property_fields( $key, $value, $property, $sub_property_slug, $saved_values, '');
818
+ $form_panel .= generate_property_fields( $key, $value, $property, $sub_property_slug, $saved_values, '_hover');
819
+ } else {
820
+ $form_panel .= "<li></li>";
821
+ }
822
+ }
823
+ $form_panel .= "</ul>";
824
+ $form_panel .= "</div>";
825
+ }
826
+ }
827
+ }
828
+ }
829
+ print_r($form_panel);
830
+ wp_die();
831
+ }
832
+ add_action( 'wp_ajax_cf7_style_load_property', 'cf7_style_load_property' );
css/admin-bar.css CHANGED
@@ -1,42 +1 @@
1
- #wp-admin-bar-cf7-style a {
2
- display: block;
3
- float: right;
4
- }
5
-
6
- .remove_template_notice {
7
- float: right;
8
- }
9
-
10
- #wpadminbar .admin-style-icon {
11
- float: right;
12
- padding-top: 7px;
13
- display: block;
14
- margin-right: -4px;
15
- margin-left: 10px;
16
- }
17
-
18
- #wpadminbar .admin-style-icon:after {
19
- color: #000;
20
- content: ".";
21
- font-size: 10px;
22
- left: 22px;
23
- position: absolute;
24
- top: -6px;
25
- }
26
-
27
- .cf7_style_page_cf7style-settings .form-table th,
28
- .cf7_style_page_cf7style-settings .form-table td {
29
- padding-top: 5px;
30
- padding-bottom: 5px;
31
- }
32
-
33
- .cf7_style_page_cf7style-settings .form-table th {
34
- width: auto;
35
- }
36
-
37
- .cf7_style_page_cf7style-settings .form-table td label {
38
- font-style: italic;
39
- text-decoration: underline;
40
- padding: 5px 0;
41
- line-height: 150%;
42
- }
1
+ #wp-admin-bar-cf7-style a{display:block;float:right}.remove_template_notice{float:right}#wpadminbar .admin-style-icon{float:right;padding-top:7px;display:block;margin-right:-4px;margin-left:10px}#wpadminbar .admin-style-icon:after{color:#000;content:".";font-size:10px;left:22px;position:absolute;top:-6px}.cf7_style_page_cf7style-settings .form-table td,.cf7_style_page_cf7style-settings .form-table th{padding-top:5px;padding-bottom:5px}.cf7_style_page_cf7style-settings .form-table th{width:auto}.cf7_style_page_cf7style-settings .form-table td label{font-style:italic;text-decoration:underline;padding:5px 0;line-height:150%}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/frontend.css CHANGED
@@ -1,1511 +1 @@
1
- /**
2
- * Table of Contents:
3
- *
4
- * 0.0 Reset
5
- * 1.0 - Valentine's Day
6
- * 1.1 - Classic
7
- * 1.2 - Roses
8
- * 1.3 - Birds
9
- * 1.4 - Blue Birds
10
- * 2.0 - Xmas Style
11
- * 2.1 - Classic
12
- * 2.2 - Red
13
- * 2.3 - Simple
14
- * 3.0 - Simple Style
15
- * -----------------------------------------------------------------------------
16
- */
17
-
18
-
19
- /**
20
- * Reset
21
- *
22
- * 0.0 - Reset
23
- * -----------------------------------------------------------------------------
24
- */
25
-
26
- .cf7-style input[type="text"],
27
- .cf7-style input[type="email"],
28
- .cf7-style input[type="url"],
29
- .cf7-style input[type="password"],
30
- .cf7-style input[type="search"],
31
- .cf7-style textarea {
32
- width: 100%;
33
- }
34
-
35
- body .cf7-style input.wpcf7-form-control.wpcf7-submit {
36
- text-align: center;
37
- }
38
-
39
- body .cf7-style input:focus,
40
- body .cf7-style textarea:focus,
41
- body .cf7-style input[type="submit"]:hover {
42
- background: inherit;
43
- }
44
-
45
- body .cf7-style * {
46
- -moz-box-shadow: none;
47
- -webkit-box-shadow: none;
48
- box-shadow: none;
49
- }
50
-
51
- body .cf7-style div.wpcf7-response-output {
52
- padding: 15px;
53
- text-transform: none;
54
- }
55
-
56
- body .cf7-style div.wpcf7-validation-errors {
57
- background: none;
58
- color: red;
59
- border: 2px solid red;
60
- }
61
-
62
- body .cf7-style div.wpcf7-response-output:before {
63
- display: none;
64
- }
65
-
66
- body .cf7-style div.wpcf7-response-output.wpcf7-mail-sent-ok {
67
- background: none;
68
- color: green;
69
- border: 2px solid green;
70
- }
71
-
72
-
73
- /**
74
- * Valentine's Day
75
- *
76
- * 1.1 - Classic
77
- * -----------------------------------------------------------------------------
78
- */
79
-
80
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-text,
81
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-number,
82
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-date,
83
- body .valentines-day-classic textarea.wpcf7-form-control.wpcf7-textarea,
84
- body .valentines-day-classic select.wpcf7-form-control.wpcf7-select,
85
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-quiz,
86
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-range,
87
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-date,
88
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-select,
89
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-file {
90
- margin: 5px 0 0;
91
- padding: 15px 10px;
92
- border-top: 0;
93
- border-right: 0;
94
- border-left: 1px solid #AAA;
95
- border-bottom: 1px solid #AAA;
96
- outline: 0;
97
- resize: none;
98
- font-size: 13px;
99
- line-height: 17px;
100
- background: rgba(255, 255, 255, 0.7);
101
- color: #818181;
102
- font-family: 'Raleway';
103
- font-weight: normal;
104
- -webkit-box-sizing: border-box;
105
- -moz-box-sizing: border-box;
106
- box-sizing: border-box;
107
- }
108
-
109
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
110
- border: none;
111
- }
112
-
113
- body .wpcf7 form.valentines-day-classic p {
114
- margin-bottom: 15px;
115
- font-size: 16px;
116
- color: #222;
117
- }
118
-
119
- body .valentines-day-classic {
120
- background: url('../images/vday-classic/hearted-bg.png') -45px 0 repeat;
121
- position: relative;
122
- max-width: 600px;
123
- margin: 0 auto 50px auto;
124
- padding-bottom: 50px;
125
- }
126
-
127
- body .valentines-day-classic .heart {
128
- position: absolute;
129
- right: 0;
130
- background: url('../images/vday-classic/big-heart.png') 0 0 no-repeat;
131
- width: 136px;
132
- height: 135px;
133
- top: -90px;
134
- }
135
-
136
- body .valentines-day-classic p {
137
- margin-bottom: 10px;
138
- text-shadow: 1px 1px #FFF;
139
- }
140
-
141
- body .valentines-day-classic span.wpcf7-list-item {
142
- display: inline-block;
143
- }
144
-
145
- body .valentines-day-classic input,
146
- body .valentines-day-classic textarea,
147
- body .valentines-day-classic select {
148
- background: rgba(255, 255, 255, 0.7);
149
- border: none;
150
- border-left: 1px solid #AAA;
151
- border-bottom: 1px solid #AAA;
152
- -webkit-border-radius: 0 0 5px 5px;
153
- -moz-border-radius: 0 0 5px 5px;
154
- border-radius: 0 0 5px 5px;
155
- -webkit-box-shadow: 5px 6px 10px -5px #999999;
156
- -moz-box-shadow: 5px 6px 10px -5px #999999;
157
- box-shadow: 5px 6px 10px -5px #999999;
158
- margin-top: 3px;
159
- }
160
-
161
- body .valentines-day-classic input:focus,
162
- body .valentines-day-classic textarea:focus {
163
- background: rgba(255, 255, 255, 0.7);
164
- border-left: 1px solid #AAA;
165
- border-bottom: 1px solid #AAA;
166
- }
167
-
168
- body .cf7-style.valentines-day-classic input.wpcf7-form-control.wpcf7-submit[disabled],
169
- body .cf7-style.valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
170
- body .cf7-style.valentines-day-classic .wpcf7-submit {
171
- -webkit-box-shadow: none;
172
- -moz-box-shadow: none;
173
- box-shadow: none;
174
- -webkit-border-radius: 10px;
175
- -moz-border-radius: 10px;
176
- border-radius: 10px;
177
- border: none;
178
- line-height: 20px;
179
- text-align: center;
180
- padding: 10px 20px;
181
- min-width: 90px;
182
- background: rgb(125, 185, 232);
183
- /* Old browsers */
184
- /* IE9 SVG, needs conditional override of 'filter' to 'none' */
185
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZDQwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjOTQwYTBhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
186
- background: -moz-linear-gradient(left, rgba(125, 185, 232, 1) 0%, rgba(213, 78, 78, 1) 0%, rgba(212, 0, 0, 1) 39%, rgba(148, 10, 10, 1) 85%);
187
- /* FF3.6+ */
188
- background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(125, 185, 232, 1)), color-stop(0%, rgba(213, 78, 78, 1)), color-stop(39%, rgba(212, 0, 0, 1)), color-stop(85%, rgba(148, 10, 10, 1)));
189
- /* Chrome,Safari4+ */
190
- background: -webkit-linear-gradient(left, rgba(125, 185, 232, 1) 0%, rgba(213, 78, 78, 1) 0%, rgba(212, 0, 0, 1) 39%, rgba(148, 10, 10, 1) 85%);
191
- /* Chrome10+,Safari5.1+ */
192
- background: -o-linear-gradient(left, rgba(125, 185, 232, 1) 0%, rgba(213, 78, 78, 1) 0%, rgba(212, 0, 0, 1) 39%, rgba(148, 10, 10, 1) 85%);
193
- /* Opera 11.10+ */
194
- background: -ms-linear-gradient(left, rgba(125, 185, 232, 1) 0%, rgba(213, 78, 78, 1) 0%, rgba(212, 0, 0, 1) 39%, rgba(148, 10, 10, 1) 85%);
195
- /* IE10+ */
196
- background: linear-gradient(to right, rgba(125, 185, 232, 1) 0%, rgba(213, 78, 78, 1) 0%, rgba(212, 0, 0, 1) 39%, rgba(148, 10, 10, 1) 85%);
197
- /* W3C */
198
- filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#940a0a', GradientType=1);
199
- /* IE6-8 */
200
- color: #FFF;
201
- float: right;
202
- text-shadow: 1px 1px #555;
203
- cursor: pointer;
204
- }
205
-
206
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,
207
- body .valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
208
- body .valentines-day-classic .wpcf7-submit:hover {
209
- opacity: 0.8;
210
- }
211
-
212
- body .valentines-day-classic div.wpcf7-response-output.wpcf7-validation-errors,
213
- body .valentines-day-classic div.wpcf7-response-output.wpcf7-mail-sent-ok {
214
- background: none repeat scroll 0 0 rgba( 255, 255, 255, 0.6);
215
- border: 1px solid #FF0000;
216
- top: 30px;
217
- }
218
-
219
- body .valentines-day-classic div.wpcf7-response-output.wpcf7-validation-errors {
220
- color: #ff0000;
221
- }
222
-
223
- body .valentines-day-classic div.wpcf7-response-output.wpcf7-mail-sent-ok {
224
- color: green;
225
- border: solid 1px green;
226
- }
227
-
228
- body .valentines-day-classic input[type="file"],
229
- body .valentines-day-classic input[type="range"],
230
- body .valentines-day-classic input[type="date"],
231
- body .valentines-day-classic select {
232
- width: 100%;
233
- }
234
-
235
- body .valentines-day-classic input[type=range] {
236
- -webkit-appearance: none;
237
- }
238
-
239
- body .valentines-day-classic input[type=range]::-webkit-slider-runnable-track {
240
- height: 5px;
241
- background: #ddd;
242
- border: none;
243
- border-radius: 3px;
244
- }
245
-
246
- body .valentines-day-classic input[type=range]::-webkit-slider-thumb {
247
- -webkit-appearance: none;
248
- border: none;
249
- height: 16px;
250
- width: 16px;
251
- border-radius: 50%;
252
- background: #777;
253
- margin-top: -4px;
254
- cursor: pointer;
255
- }
256
-
257
- body .valentines-day-classic input[type=range]:focus {
258
- outline: none;
259
- }
260
-
261
- body .valentines-day-classic input[type=range]:focus::-webkit-slider-runnable-track {
262
- background: #ccc;
263
- }
264
-
265
- body .valentines-day-classic input[type=range] {
266
- /* fix for FF unable to apply focus style bug */
267
- border: 1px solid white;
268
- /*required for proper track sizing in FF*/
269
- width: 100%;
270
- }
271
-
272
- body .valentines-day-classic input[type=range]::-moz-range-track {
273
- height: 5px;
274
- background: #ddd;
275
- border: none;
276
- border-radius: 3px;
277
- }
278
-
279
- body .valentines-day-classic input[type=range]::-moz-range-thumb {
280
- border: none;
281
- height: 16px;
282
- width: 16px;
283
- border-radius: 50%;
284
- background: #777;
285
- cursor: pointer;
286
- }
287
-
288
-
289
- /*hide the outline behind the border*/
290
-
291
- body .valentines-day-classic input[type=range]:-moz-focusring {
292
- outline: 1px solid white;
293
- outline-offset: -1px;
294
- }
295
-
296
- body .valentines-day-classic input[type=range]:focus::-moz-range-track {
297
- background: #ccc;
298
- }
299
-
300
- body .valentines-day-classic input[type=range]::-ms-track {
301
- height: 5px;
302
- /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
303
- background: transparent;
304
- /*leave room for the larger thumb to overflow with a transparent border */
305
- border-color: transparent;
306
- border-width: 6px 0;
307
- /*remove default tick marks*/
308
- color: transparent;
309
- }
310
-
311
- body .valentines-day-classic input[type=range]::-ms-fill-lower {
312
- background: #ddd;
313
- border-radius: 10px;
314
- }
315
-
316
- body .valentines-day-classic input[type=range]::-ms-fill-upper {
317
- background: #ddd;
318
- border-radius: 10px;
319
- }
320
-
321
- body .valentines-day-classic input[type=range]::-ms-thumb {
322
- border: none;
323
- height: 16px;
324
- width: 16px;
325
- border-radius: 50%;
326
- background: #777;
327
- cursor: pointer;
328
- }
329
-
330
- body .valentines-day-classic input[type=range]:focus::-ms-fill-lower {
331
- background: #ccc;
332
- }
333
-
334
- body .valentines-day-classic input[type=range]:focus::-ms-fill-upper {
335
- background: #ccc;
336
- }
337
-
338
-
339
- /**
340
- * Valentine's Day
341
- *
342
- * 1.2 - Roses
343
- * -----------------------------------------------------------------------------
344
- */
345
-
346
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-text,
347
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-number,
348
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-date,
349
- body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea,
350
- body .valentines-day-roses select.wpcf7-form-control.wpcf7-select,
351
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-quiz,
352
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-file {
353
- margin: 5px 0 0;
354
- padding: 15px 10px;
355
- border-bottom: 1px solid #490706;
356
- outline: 0;
357
- resize: none;
358
- font-size: 13px;
359
- line-height: 17px;
360
- background: none;
361
- color: #000;
362
- font-family: 'Raleway';
363
- font-weight: normal;
364
- -webkit-box-sizing: border-box;
365
- -moz-box-sizing: border-box;
366
- box-sizing: border-box;
367
- }
368
-
369
- body .valentines-day-roses select.wpcf7-form-control.wpcf7-select,
370
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-file,
371
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-range,
372
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-date {
373
- width: 100%;
374
- }
375
-
376
- body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea,
377
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
378
- border: none;
379
- }
380
-
381
- body .wpcf7 form.valentines-day-roses p {
382
- margin-bottom: 15px;
383
- font-size: 16px;
384
- color: #000;
385
- }
386
-
387
- body .wpcf7 form.valentines-day-roses span.wpcf7-list-item {
388
- display: inline-block;
389
- }
390
-
391
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit {
392
- position: absolute;
393
- right: 0;
394
- -webkit-transition: none;
395
- -moz-transition: none;
396
- -ms-transition: none;
397
- -o-transition: none;
398
- transition: none;
399
- }
400
-
401
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,
402
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
403
- background: #7F2A3A;
404
- border: none;
405
- }
406
-
407
- body .valentines-day-roses {
408
- background: url(../images/vday-rose/rose-bg-50percent.png) 0 0 no-repeat;
409
- position: relative;
410
- min-height: 380px;
411
- width: 270px;
412
- padding: 12px 0 0 200px;
413
- -wekit-box-sizing: initial;
414
- -moz-box-sizing: initial;
415
- box-sizing: initial;
416
- }
417
-
418
- body .valentines-day-roses {
419
- clear: both;
420
- }
421
-
422
- body .valentines-day-roses textarea {
423
- width: 92%;
424
- }
425
-
426
- body .valentines-day-roses input {
427
- padding-bottom: 2px;
428
- }
429
-
430
- body .valentines-day-roses input,
431
- body .valentines-day-roses input:hover,
432
- body .valentines-day-roses input:focus {
433
- border-bottom: 1px solid #490706;
434
- }
435
-
436
- body .valentines-day-roses textarea {
437
- width: 215px;
438
- height: 140px;
439
- resize: none;
440
- padding-top: 0;
441
- line-height: 32px;
442
- }
443
-
444
- body .valentines-day-roses p {
445
- margin-bottom: 10px;
446
- }
447
-
448
- body .valentines-day-roses .letter-box {
449
- background: #826e50 url(../images/vday-rose/contact-bg.png) 0 0 no-repeat;
450
- width: 285px;
451
- margin: 32px 0 0 -50px;
452
- padding: 35px 15px 50px;
453
- }
454
-
455
- body .wpcf7 form.valentines-day-roses .letter-box p {
456
- color: #000;
457
- }
458
-
459
- body .wpcf7 form.valentines-day-roses .wpcf7-submit {
460
- position: absolute;
461
- bottom: 10px;
462
- right: 20px;
463
- border: none;
464
- padding: 7px 15px;
465
- color: #fff;
466
- box-shadow: none;
467
- }
468
-
469
- body .valentines-day-roses input[type="submit"]:hover,
470
- body .valentines-day-roses input[type="submit"]:focus {
471
- background: #490706;
472
- }
473
-
474
- body .valentines-day-roses div.wpcf7-validation-errors,
475
- body .valentines-day-roses div.wpcf7-mail-sent-ok {
476
- background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
477
- border: none;
478
- left: 115px;
479
- position: absolute;
480
- top: 145px;
481
- width: 295px;
482
- }
483
-
484
- body .valentines-day-roses div.wpcf7-validation-errors {
485
- color: #ff0000;
486
- }
487
-
488
- body .valentines-day-roses div.wpcf7-mail-sent-ok {
489
- color: green;
490
- }
491
-
492
- body .valentines-day-roses div.wpcf7-response-output.wpcf7-validation-errors,
493
- body .valentines-day-roses div.wpcf7-response-output.wpcf7-mail-sent-ok {
494
- background: none repeat scroll 0 0 rgba( 255, 255, 255, 0.6);
495
- border: none;
496
- }
497
-
498
-
499
- /**
500
- * Valentine's Day
501
- *
502
- * 1.3 - Birds
503
- * -----------------------------------------------------------------------------
504
- */
505
-
506
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-text,
507
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-number,
508
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-date,
509
- body .valentines-day-birds textarea.wpcf7-form-control.wpcf7-textarea,
510
- body .valentines-day-birds select.wpcf7-form-control.wpcf7-select,
511
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-quiz,
512
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-range,
513
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-file {
514
- margin: 0 0 5px 0;
515
- padding: 8px 10px;
516
- border: 2px dashed #000;
517
- outline: 0;
518
- resize: none;
519
- font-size: 13px;
520
- line-height: 16px;
521
- background: none;
522
- color: #222;
523
- font-family: inherit;
524
- font-weight: normal;
525
- -webkit-box-sizing: border-box;
526
- -moz-box-sizing: border-box;
527
- box-sizing: border-box;
528
- }
529
-
530
- body .valentines-day-birds input[type="text"],
531
- body .valentines-day-birds input[type="email"],
532
- body .valentines-day-birds input[type="url"],
533
- body .valentines-day-birds input[type="password"],
534
- body .valentines-day-birds input[type="search"],
535
- body .valentines-day-birds textarea,
536
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-text,
537
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-number,
538
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-date,
539
- body .valentines-day-birds textarea.wpcf7-form-control.wpcf7-textarea,
540
- body .valentines-day-birds select.wpcf7-form-control.wpcf7-select,
541
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-range {
542
- width: 100%;
543
- }
544
-
545
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]),
546
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
547
- border: none;
548
- background: none;
549
- }
550
-
551
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
552
- color: #444;
553
- }
554
-
555
- body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
556
- color: #843A69;
557
- }
558
-
559
- body .valentines-day-birds div.wpcf7-response-output {
560
- position: relative;
561
- padding: 17px 42px;
562
- font-weight: normal;
563
- font-size: 13px;
564
- line-height: 17px;
565
- text-transform: uppercase;
566
- letter-spacing: 1px;
567
- border: 0;
568
- }
569
-
570
- body .valentines-day-birds div.wpcf7-response-output.wpcf7-validation-errors {
571
- background: none;
572
- }
573
-
574
- body .valentines-day-birds div.wpcf7-response-output.wpcf7-validation-errors:before {
575
- display: none;
576
- }
577
-
578
- body .valentines-day-birds span.wpcf7-list-item {
579
- display: inline-block;
580
- }
581
-
582
- body .valentines-day-birds {
583
- position: relative;
584
- width: 280px;
585
- margin: 234px 0 330px 97px;
586
- }
587
-
588
- body .valentines-day-birds-container {
589
- background: url('../images/vday-birds/bg-middle.png') 63px 0 repeat-y;
590
- width: 486px;
591
- margin: 0 auto;
592
- }
593
-
594
- body .valentines-day-birds .bg-header,
595
- body .valentines-day-birds .bg-bottom {
596
- width: 486px;
597
- }
598
-
599
- body .valentines-day-birds .bg-header {
600
- background: url('../images/vday-birds/bg-top.png') 25px 0 no-repeat;
601
- height: 234px;
602
- left: -97px;
603
- position: absolute;
604
- top: -234px;
605
- }
606
-
607
- body .valentines-day-birds .bg-bottom {
608
- background: url('../images/vday-birds/bg-bottom.png') 0 0 no-repeat;
609
- bottom: -301px;
610
- height: 301px;
611
- left: -97px;
612
- position: absolute;
613
- }
614
-
615
- body .wpcf7 form.valentines-day-birds p {
616
- margin-bottom: 20px;
617
- color: #222;
618
- line-height: 1.5em;
619
- }
620
-
621
- body .valentines-day-birds input,
622
- body .valentines-day-birds textarea {
623
- background: none;
624
- border: 2px dashed #000;
625
- resize: vertical;
626
- }
627
-
628
- body .valentines-day-birds textarea {
629
- height: 120px;
630
- }
631
-
632
- body .valentines-day-birds input:hover,
633
- body .valentines-day-birds textarea:hover,
634
- body .valentines-day-birds input:focus,
635
- body .valentines-day-birds textarea:focus {
636
- border: 2px dashed #000;
637
- }
638
-
639
- body .valentines-day-birds input {
640
- margin-bottom: 5px;
641
- }
642
-
643
- body .valentines-day-birds input[type="submit"] {
644
- font-size: 30px;
645
- color: #444;
646
- text-transform: capitalize;
647
- border: none;
648
- box-shadow: none;
649
- background: transparent;
650
- display: block;
651
- margin: 0 auto;
652
- }
653
-
654
- body .valentines-day-birds input[type="submit"]:hover,
655
- body .valentines-day-birds input[type="submit"]:focus {
656
- background: none;
657
- color: #000;
658
- }
659
-
660
- body .valentines-day-birds div.wpcf7-response-output {
661
- width: 265px;
662
- margin: 0 0 0 -36px;
663
- border: none;
664
- }
665
-
666
- body .valentines-day-birds .wpcf7-validation-errors {
667
- color: #ff0000;
668
- }
669
-
670
- body .valentines-day-birds .wpcf7-mail-sent-ok {
671
- color: green;
672
- }
673
-
674
-
675
- /**
676
- * Valentine's Day
677
- *
678
- * 1.4 - Blue Birds
679
- * -----------------------------------------------------------------------------
680
- */
681
-
682
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-text,
683
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-number,
684
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-date,
685
- body .valentines-day-blue-birds textarea.wpcf7-form-control.wpcf7-textarea,
686
- body .valentines-day-blue-birds select.wpcf7-form-control.wpcf7-select,
687
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-quiz,
688
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-file {
689
- margin: 5px 0 0;
690
- padding: 15px;
691
- border: 0;
692
- outline: 0;
693
- resize: none;
694
- font-size: 13px;
695
- line-height: 17px;
696
- background: #dad3c2;
697
- color: #818181;
698
- font-family: 'Raleway';
699
- font-weight: normal;
700
- -webkit-box-sizing: border-box;
701
- -moz-box-sizing: border-box;
702
- box-sizing: border-box;
703
- }
704
-
705
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-date,
706
- body .valentines-day-blue-birds select.wpcf7-form-control.wpcf7-select,
707
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-file,
708
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-range {
709
- width: 100%;
710
- }
711
-
712
- body .valentines-day-blue-birds .wpcf7-list-item,
713
- body .valentines-day-blue-birds .wpcf7-list-item-label {
714
- display: inline-block;
715
- }
716
-
717
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
718
- border: none;
719
- }
720
-
721
- body .wpcf7 form.valentines-day-blue-birds p {
722
- margin-bottom: 15px;
723
- font-size: 16px;
724
- }
725
-
726
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit {
727
- position: absolute;
728
- right: 40px;
729
- -webkit-transition: none;
730
- -moz-transition: none;
731
- -ms-transition: none;
732
- -o-transition: none;
733
- transition: none;
734
- }
735
-
736
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:hover,
737
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:focus,
738
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,
739
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
740
- background: url("../images/vday-blue-birds/submit.png") no-repeat top right;
741
- border: none;
742
- color: #7F2A3A;
743
- }
744
-
745
- body .valentines-day-blue-birds {
746
- position: relative;
747
- background: url("../images/vday-blue-birds/pattern.jpg") repeat;
748
- color: #100804;
749
- }
750
-
751
- body .valentines-day-blue-birds .header {
752
- background: url("../images/vday-blue-birds/header.png") no-repeat top center;
753
- height: 260px;
754
- width: 100%;
755
- }
756
-
757
- body .valentines-day-blue-birds textarea {
758
- width: 100%;
759
- display: inline-block;
760
- background: #dad3c2;
761
- border: none;
762
- }
763
-
764
- body .valentines-day-blue-birds input:focus,
765
- body .valentines-day-blue-birds textarea:focus {
766
- background: #dad3c2;
767
- }
768
-
769
- body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit {
770
- background: url("../images/vday-blue-birds/submit.png") no-repeat top right;
771
- line-height: 50px;
772
- font-size: 30px;
773
- display: inline;
774
- text-transform: none;
775
- width: auto;
776
- position: absolute;
777
- top: 50px;
778
- right: 20px;
779
- color: #100804;
780
- box-shadow: none;
781
- }
782
-
783
- body .valentines-day-blue-birds span.wpcf7-not-valid-tip,
784
- body .valentines-day-blue-birds .wpcf7-submit:hover {
785
- color: #7f2a3a;
786
- }
787
-
788
- body .valentines-day-blue-birds textarea {
789
- height: 75px;
790
- }
791
-
792
- body .valentines-day-blue-birds p {
793
- width: 290px;
794
- margin: 7px auto;
795
- position: relative;
796
- }
797
-
798
- body .valentines-day-blue-birds .footer {
799
- background: url("../images/vday-blue-birds/footer.png") no-repeat bottom center;
800
- height: 145px;
801
- width: 100%;
802
- }
803
-
804
- body .valentines-day-blue-birds div.wpcf7-mail-sent-ok,
805
- body .valentines-day-blue-birds div.wpcf7-validation-errors {
806
- border: none;
807
- background: rgba( 127, 42, 58, .9);
808
- position: absolute;
809
- bottom: 0;
810
- color: #fff;
811
- margin: 0;
812
- padding: 10px 20px;
813
- right: 0;
814
- }
815
-
816
- body .valentines-day-blue-birds div.wpcf7-mail-sent-ok {
817
- background: rgba( 9, 94, 0, .9);
818
- }
819
-
820
-
821
- /**
822
- * Xmas
823
- *
824
- * 2.1 - Classic
825
- * -----------------------------------------------------------------------------
826
- */
827
-
828
- body .christmas-classic input.wpcf7-form-control.wpcf7-text,
829
- body .christmas-classic input.wpcf7-form-control.wpcf7-number,
830
- body .christmas-classic input.wpcf7-form-control.wpcf7-date,
831
- body .christmas-classic textarea.wpcf7-form-control.wpcf7-textarea,
832
- body .christmas-classic select.wpcf7-form-control.wpcf7-select,
833
- body .christmas-classic input.wpcf7-form-control.wpcf7-quiz,
834
- body .christmas-classic input.wpcf7-form-control.wpcf7-file {
835
- margin: 5px 0 0;
836
- padding: 3px 10px;
837
- border: 1px dotted #b2a28e;
838
- outline: 0;
839
- resize: none;
840
- font-size: 14px;
841
- line-height: 20px;
842
- background: #f3eadf;
843
- color: #707070;
844
- color: rgba(51, 51, 51, 0.7);
845
- font-family: 'Raleway';
846
- font-weight: normal;
847
- height: 40px;
848
- -webkit-box-sizing: border-box;
849
- -moz-box-sizing: border-box;
850
- box-sizing: border-box;
851
- width: 100%;
852
- }
853
-
854
- body .christmas-classic select.wpcf7-form-control.wpcf7-select[multiple] {
855
- height: auto;
856
- }
857
-
858
- body .christmas-classic textarea.wpcf7-form-control.wpcf7-textarea {
859
- padding: 5px 10px;
860
- height: 140px;
861
- }
862
-
863
- body .christmas-classic input.wpcf7-form-control.wpcf7-file {
864
- padding: 8px 10px;
865
- }
866
-
867
- body .christmas-classic span.wpcf7-list-item {
868
- margin: 0.5em;
869
- display: inline-block;
870
- }
871
-
872
- body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
873
- border: none;
874
- }
875
-
876
- body .christmas-classic {
877
- position: relative;
878
- }
879
-
880
- body .christmas-classic-container {
881
- background: url("../images/xmas-classic/bg-repeat.png") repeat-y scroll 1px 1px rgba(0, 0, 0, 0);
882
- display: block;
883
- margin: auto;
884
- margin-bottom: 260px;
885
- text-align: center;
886
- width: 403px;
887
- }
888
-
889
- body .christmas-classic .header {
890
- background: url("../images/xmas-classic/top_border.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
891
- height: 23px;
892
- width: 100%;
893
- }
894
-
895
- body .christmas-classic .left {
896
- background: url("../images/xmas-classic/left_part_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
897
- bottom: 0;
898
- height: 129px;
899
- left: -73px;
900
- position: absolute;
901
- width: 99px;
902
- }
903
-
904
- body .christmas-classic p {
905
- color: #482C09;
906
- margin-bottom: 20px;
907
- margin-left: 27px;
908
- width: 350px;
909
- }
910
-
911
- body .christmas-classic .footer {
912
- background: url("../images/xmas-classic/bottombg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
913
- height: 255px;
914
- width: 474px;
915
- position: absolute;
916
- bottom: -255px;
917
- margin: 0 0 0 -70px;
918
- padding: 0;
919
- }
920
-
921
- body .christmas-classic input,
922
- body .christmas-classic textarea {
923
- display: inline-block;
924
- *display: inline;
925
- *zoom: 1;
926
- -moz-border-radius: 4px;
927
- -webkit-border-radius: 4px;
928
- border-radius: 4px;
929
- background: #f3eadf;
930
- border: 1px dotted #b2a28e;
931
- }
932
-
933
- body .christmas-classic input {
934
- height: 28px;
935
- padding: 3px 5px;
936
- line-height: 28px;
937
- }
938
-
939
- body .christmas-classic input:focus,
940
- body .christmas-classic textarea:focus {
941
- background: #f3eadf;
942
- border: 1px dotted #b2a28e;
943
- }
944
-
945
- body .christmas-classic .wpcf7-form-control-wrap input,
946
- body .christmas-classic .wpcf7-form-control-wrap textarea {
947
- display: block;
948
- width: 100%;
949
- }
950
-
951
- body .christmas-classic form textarea {
952
- resize: vertical;
953
- margin-bottom: 10px;
954
- }
955
-
956
- body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
957
- body .christmas-classic .wpcf7-submit {
958
- background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
959
- border: medium none;
960
- bottom: -246px;
961
- height: 86px;
962
- left: 21px;
963
- position: absolute;
964
- text-indent: -9999px;
965
- width: 95px;
966
- z-index: 10;
967
- }
968
-
969
- body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
970
- body .christmas-classic .wpcf7-submit:hover {
971
- background-color: rgba(255, 255, 255, .3);
972
- }
973
-
974
- body .christmas-classic div.wpcf7-response-output {
975
- width: 84%;
976
- margin: 0 auto;
977
- }
978
-
979
- body .christmas-classic span.wpcf7-list-item-label {
980
- display: inline-block;
981
- }
982
-
983
-
984
- /**
985
- * Xmas
986
- *
987
- * 2.2 - Red
988
- * -----------------------------------------------------------------------------
989
- */
990
-
991
- body .christmas-red .wpcf7-form-control-wrap {
992
- display: inherit;
993
- }
994
-
995
- body .christmas-red input.wpcf7-form-control.wpcf7-text,
996
- body .christmas-red input.wpcf7-form-control.wpcf7-number,
997
- body .christmas-red input.wpcf7-form-control.wpcf7-date,
998
- body .christmas-red textarea.wpcf7-form-control.wpcf7-textarea,
999
- body .christmas-red select.wpcf7-form-control.wpcf7-select,
1000
- body .christmas-red input.wpcf7-form-control.wpcf7-quiz {
1001
- margin: 5px 0 0;
1002
- padding: 15px 10px;
1003
- border: none;
1004
- outline: 0;
1005
- resize: none;
1006
- font-size: 17px;
1007
- line-height: normal;
1008
- background: #fff;
1009
- background: rgba(255, 255, 255, 0.9);
1010
- color: #818181;
1011
- font-family: 'Raleway';
1012
- font-weight: normal;
1013
- -webkit-box-sizing: border-box;
1014
- -moz-box-sizing: border-box;
1015
- box-sizing: border-box;
1016
- }
1017
-
1018
- body .christmas-red select.wpcf7-form-control.wpcf7-select[multiple] {
1019
- height: auto;
1020
- padding: 5px 10px;
1021
- }
1022
-
1023
- body .christmas-red input.wpcf7-form-control.wpcf7-acceptance {
1024
- display: inline-block;
1025
- width: auto;
1026
- }
1027
-
1028
- body .christmas-red textarea.wpcf7-form-control.wpcf7-textarea,
1029
- body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
1030
- border: none;
1031
- }
1032
-
1033
- body .wpcf7 form.christmas-red p {
1034
- margin-bottom: 15px;
1035
- font-size: 16px;
1036
- color: #fff;
1037
- }
1038
-
1039
- body .christmas-red-container {
1040
- color: #fff;
1041
- font-size: 17px;
1042
- width: 600px;
1043
- margin: 0 auto;
1044
- background: url(../images/xmas-red/middle.png ) repeat-y top center;
1045
- position: relative;
1046
- }
1047
-
1048
- body .christmas-red {
1049
- margin: 94px 0 125px;
1050
- }
1051
-
1052
- body .christmas-red .header {
1053
- display: block;
1054
- background: url(../images/xmas-red/header.png ) no-repeat 32px top;
1055
- width: 600px;
1056
- height: 94px;
1057
- position: absolute;
1058
- top: -94px;
1059
- }
1060
-
1061
- body .christmas-red .footer {
1062
- display: block;
1063
- background: url(../images/xmas-red/footer.png ) no-repeat top center;
1064
- width: 600px;
1065
- height: 94px;
1066
- bottom: -94px;
1067
- position: absolute;
1068
- }
1069
-
1070
- body .christmas-red p {
1071
- max-width: 370px;
1072
- margin: 0 auto;
1073
- }
1074
-
1075
- body .christmas-red input,
1076
- body .christmas-red textarea {
1077
- color: #222;
1078
- width: 100%;
1079
- font-size: 16px;
1080
- margin: 0;
1081
- }
1082
-
1083
- body .christmas-red input[type="text"],
1084
- body .christmas-red input[type="email"],
1085
- body .christmas-red input[type="url"],
1086
- body .christmas-red input[type="password"],
1087
- body .christmas-red input[type="search"],
1088
- body .christmas-red textarea,
1089
- body .christmas-red select {
1090
- width: 100%;
1091
- }
1092
-
1093
- body .christmas-red input[type="radio"],
1094
- body .christmas-red input[type="checkbox"] {
1095
- width: auto;
1096
- }
1097
-
1098
- body .christmas-red input:focus,
1099
- body .christmas-red textarea:focus {
1100
- background: #fff;
1101
- }
1102
-
1103
- body .christmas-red textarea {
1104
- height: 120px;
1105
- resize: vertical;
1106
- }
1107
-
1108
- body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]),
1109
- body .christmas-red .wpcf7-submit {
1110
- display: block;
1111
- width: 232px;
1112
- height: 126px;
1113
- background: url(../images/xmas-red/send.png) no-repeat top center;
1114
- position: absolute;
1115
- bottom: -125px;
1116
- right: 0;
1117
- text-indent: -9999px;
1118
- border: none;
1119
- z-index: 10;
1120
- -webkit-box-shadow: none;
1121
- -moz-box-shadow: none;
1122
- box-shadow: none;
1123
- }
1124
-
1125
- body .christmas-red .wpcf7-validation-errors,
1126
- body .christmas-red .wpcf7-mail-sent-ok,
1127
- body .christmas-classic-validation-errors,
1128
- body .christmas-classic-mail-sent-ok {
1129
- border: none;
1130
- max-width: 350px;
1131
- font-size: 22px;
1132
- color: #FC8181;
1133
- margin-left: 25px;
1134
- padding: 0;
1135
- }
1136
-
1137
- body .christmas-red .wpcf7-mail-sent-ok,
1138
- body .christmas-classic-mail-sent-ok {
1139
- color: #73C94E;
1140
- }
1141
-
1142
- body .christmas-red span.wpcf7-not-valid-tip,
1143
- body .christmas-classic span.wpcf7-not-valid-tip {
1144
- left: 0;
1145
- top: 0;
1146
- padding: 5px 10px;
1147
- width: 368px;
1148
- font-size: 16px;
1149
- border: none;
1150
- display: block;
1151
- color: #FC8181;
1152
- -webkit-border-radius: 5px;
1153
- -moz-border-radius: 5px;
1154
- border-radius: 5px;
1155
- }
1156
-
1157
- body .christmas-red span.wpcf7-list-item,
1158
- .wpcf7-form-control .wpcf7-radio {
1159
- display: inline-block;
1160
- height: 32px;
1161
- margin-left: 1em;
1162
- position: relative;
1163
- }
1164
-
1165
- body .christmas-red .wpcf7-radio .wpcf7-list-item-label:before {
1166
- content: '';
1167
- position: absolute;
1168
- right: 0;
1169
- top: 0;
1170
- width: 32px;
1171
- height: 32px;
1172
- background: url(../images/xmas-red/radio.png) no-repeat 0 2px;
1173
- z-index: 1;
1174
- }
1175
-
1176
- body .christmas-red .wpcf7-radio input + .wpcf7-list-item-label:before {
1177
- content: '';
1178
- position: absolute;
1179
- left: 0;
1180
- top: 0;
1181
- width: 32px;
1182
- height: 32px;
1183
- background: url(../images/xmas-red/radio.png) no-repeat 0 2px;
1184
- z-index: 1;
1185
- }
1186
-
1187
- body .christmas-red .wpcf7-radio .wpcf7-list-item.active .wpcf7-list-item-label:before,
1188
- body .christmas-red .wpcf7-radio .wpcf7-list-item .active .wpcf7-list-item-label:before {
1189
- background-position: 0 -31px;
1190
- }
1191
-
1192
- body .christmas-red .wpcf7-radio .wpcf7-list-item-label {
1193
- display: inline-block;
1194
- vertical-align: top;
1195
- }
1196
-
1197
- body .christmas-red span.wpcf7-list-item input[type="radio"] {
1198
- position: relative;
1199
- z-index: 2;
1200
- width: 30px;
1201
- height: 30px;
1202
- cursor: pointer;
1203
- /* IE 8 */
1204
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1205
- /* IE 5-7 */
1206
- filter: alpha(opacity=0);
1207
- /* Netscape */
1208
- -moz-opacity: 0;
1209
- /* Safari 1.x */
1210
- -khtml-opacity: 0;
1211
- /* Good browsers */
1212
- opacity: 0;
1213
- }
1214
-
1215
- body .christmas-red .wpcf7-response-output {
1216
- position: relative;
1217
- margin: 0 auto;
1218
- }
1219
-
1220
- body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,
1221
- body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
1222
- body .christmas-red .wpcf7-submit:hover {
1223
- opacity: 0.8;
1224
- }
1225
-
1226
- body .christmas-red div.wpcf7-response-output.wpcf7-validation-errors,
1227
- body .christmas-red div.wpcf7-response-output.wpcf7-mail-sent-ok {
1228
- background: none;
1229
- border: none;
1230
- font-size: 17px;
1231
- }
1232
-
1233
- body .christmas-red div.wpcf7-response-output.wpcf7-validation-errors {
1234
- color: #FC8181;
1235
- }
1236
-
1237
- body .christmas-red div.wpcf7-response-output.wpcf7-mail-sent-ok {
1238
- color: rgb(4, 192, 4);
1239
- }
1240
-
1241
- body .christmas-red span.wpcf7-not-valid-tip {
1242
- padding: 5px 10px 5px 0;
1243
- }
1244
-
1245
-
1246
- /**
1247
- * Xmas
1248
- *
1249
- * 2.3 - Simple
1250
- * -----------------------------------------------------------------------------
1251
- */
1252
-
1253
- body .christmas-simple {
1254
- width: 410px;
1255
- padding: 50px 20px 15px 20px;
1256
- margin-bottom: 20px;
1257
- color: #1b0a00;
1258
- position: relative;
1259
- margin: 75px 0 35px;
1260
- }
1261
-
1262
- body .christmas-simple-container {
1263
- width: 425px;
1264
- margin: 0 auto;
1265
- border-left: dashed 2px #542c0e;
1266
- border-right: dashed 2px #542c0e;
1267
- background: url(../images/xmas-simple/middle.png) repeat-y center top;
1268
- }
1269
-
1270
- body .christmas-simple p {
1271
- width: 325px;
1272
- margin: 15px auto;
1273
- }
1274
-
1275
- body .christmas-simple p input[type="text"],
1276
- body .christmas-simple p input[type="email"],
1277
- body .christmas-simple p input[type="tel"],
1278
- body .christmas-simple p input[type="range"],
1279
- body .christmas-simple p input[type="url"],
1280
- body .christmas-simple p input[type="number"],
1281
- body .christmas-simple p input[type="date"],
1282
- body .christmas-simple p input[type="file"],
1283
- body .christmas-simple p select,
1284
- body .christmas-simple p textarea,
1285
- body .christmas-simple p input[type="text"]:hover,
1286
- body .christmas-simple p input[type="email"]:hover,
1287
- body .christmas-simple p input[type="tel"]:hover,
1288
- body .christmas-simple p textarea:hover,
1289
- body .christmas-simple p input[type="text"]:focus,
1290
- body .christmas-simple p input[type="email"]:focus,
1291
- body .christmas-simple p input[type="tel"]:focus,
1292
- body .christmas-simple p textarea:focus {
1293
- width: 94%;
1294
- background: transparent;
1295
- border: dashed 2px #7d5f48;
1296
- padding: 0.625em 0.4375em;
1297
- }
1298
-
1299
- body .christmas-simple span.wpcf7-list-item {
1300
- display: inline-block;
1301
- margin-left: 1em;
1302
- }
1303
-
1304
- body .christmas-simple input[type="checkbox"],
1305
- body .christmas-simple input[type="radio"] {
1306
- margin-right: 0;
1307
- }
1308
-
1309
- body .christmas-simple textarea {
1310
- height: 110px;
1311
- resize: vertical;
1312
- }
1313
-
1314
- body .christmas-simple .header,
1315
- body .christmas-simple .footer {
1316
- width: 425px;
1317
- height: 35px;
1318
- margin: 0 auto;
1319
- background: url('../images/xmas-simple/header.png') no-repeat center bottom;
1320
- border: dashed 2px #542c0e;
1321
- border-bottom: none;
1322
- position: absolute;
1323
- left: -2px;
1324
- }
1325
-
1326
- body .christmas-simple .header {
1327
- background-position: 1px 1px;
1328
- border-radius: 12px 12px 0 0;
1329
- left: -2px;
1330
- top: -35px;
1331
- width: 421px;
1332
- }
1333
-
1334
- body .christmas-simple .footer {
1335
- background: url('../images/xmas-simple/footer.png') no-repeat center top;
1336
- border-bottom: 2px dashed #542c0e;
1337
- border-radius: 0 0 20px 20px;
1338
- border-top: medium none;
1339
- bottom: -35px;
1340
- padding-bottom: 3px;
1341
- width: 425px;
1342
- }
1343
-
1344
- body .christmas-simple .ribbon {
1345
- width: 182px;
1346
- height: 202px;
1347
- position: absolute;
1348
- background: url('../images/xmas-simple/ribbon.png') no-repeat;
1349
- right: -118px;
1350
- top: -85px;
1351
- }
1352
-
1353
- body .christmas-simple div.wpcf7-response-output {
1354
- width: 360px;
1355
- margin: 0 auto;
1356
- border: none;
1357
- color: #ee0000;
1358
- }
1359
-
1360
- body .christmas-simple .wpcf7-submit,
1361
- body .christmas-simple input[type="submit"] {
1362
- background: #e7e3d0;
1363
- color: #555;
1364
- border-top: solid 1px #fff;
1365
- font-size: 14px;
1366
- padding: 0px 40px;
1367
- height: 40px;
1368
- -webkit-border-radius: 15px 18px 7px 9px;
1369
- -moz-border-radius: 15px 18px 7px 9px;
1370
- border-radius: 15px 18px 7px 9px;
1371
- -webkit-box-shadow: -3px 3px 9px 1px #999;
1372
- box-shadow: -3px 3px 9px 1px #999;
1373
- }
1374
-
1375
- body .christmas-simple input[type='submit']:hover {
1376
- border-top: solid 1px #fff;
1377
- background: #e7e3d0;
1378
- color: #000;
1379
- }
1380
-
1381
-
1382
- /**
1383
- * Fix Error tooltips position
1384
- */
1385
-
1386
- body .christmas-simple span.wpcf7-not-valid-tip {
1387
- top: -4px;
1388
- left: 2px;
1389
- height: 30px;
1390
- line-height: 30px;
1391
- padding-left: 9px;
1392
- width: 335px;
1393
- color: #ee0000;
1394
- background: #fff;
1395
- border: none;
1396
- }
1397
-
1398
-
1399
- /*Christmas clasic - unique*/
1400
-
1401
- body .christmas-classic .wpcf7-not-valid-tip {
1402
- width: 100%;
1403
- background: transparent;
1404
- }
1405
-
1406
-
1407
- /***
1408
- * SIMPLE
1409
- *
1410
- * 3.1 - Twenty fiffteen like
1411
- * -----------------------------------------------------------------------------
1412
- */
1413
-
1414
- body .twenty-fifteen-pattern {
1415
- padding-top: 1.6842em;
1416
- }
1417
-
1418
- body .twenty-fifteen-pattern p {
1419
- font-size: 1.6rem;
1420
- margin-bottom: 1.6842em;
1421
- color: rgba(51, 51, 51, 0.7);
1422
- display: block;
1423
- font-family: "Noto Sans", sans-serif;
1424
- font-weight: 700;
1425
- letter-spacing: 0.04em;
1426
- line-height: 1.5;
1427
- text-transform: uppercase;
1428
- }
1429
-
1430
- body .twenty-fifteen-pattern input[type="text"],
1431
- body .twenty-fifteen-pattern input[type="email"],
1432
- body .twenty-fifteen-pattern input[type="url"],
1433
- body .twenty-fifteen-pattern input[type="submit"],
1434
- body .twenty-fifteen-pattern textarea {
1435
- width: 100%;
1436
- padding: 0.5278em;
1437
- line-height: normal;
1438
- font-size: 1.9rem;
1439
- border: 1px solid rgba(51, 51, 51, 0.1);
1440
- color: rgba(51, 51, 51, 0.7);
1441
- background: #f7f7f7;
1442
- border-radius: 0;
1443
- margin: 0;
1444
- max-width: 100%;
1445
- vertical-align: baseline;
1446
- font-family: "Noto Serif", serif;
1447
- -webkit-box-sizing: border-box;
1448
- -moz-box-sizing: border-box;
1449
- box-sizing: border-box;
1450
- }
1451
-
1452
- body .twenty-fifteen-pattern input:focus,
1453
- body .twenty-fifteen-pattern textarea:focus {
1454
- border: 1px solid rgba(51, 51, 51, 0.3);
1455
- color: #333;
1456
- background: #fff;
1457
- }
1458
-
1459
- body .twenty-fifteen-pattern button,
1460
- body .twenty-fifteen-pattern input[type="button"],
1461
- body .twenty-fifteen-pattern input[type="reset"],
1462
- body .twenty-fifteen-pattern input[type="submit"] {
1463
- font-size: 1.6rem;
1464
- padding: 0.8125em 1.625em;
1465
- background: #333;
1466
- border: none;
1467
- color: #fff;
1468
- cursor: pointer;
1469
- font-family: "Noto Sans", sans-serif;
1470
- font-weight: 700;
1471
- text-transform: uppercase;
1472
- width: 100%;
1473
- }
1474
-
1475
- body .twenty-fifteen-pattern button:hover,
1476
- body .twenty-fifteen-pattern input[type="button"]:hover,
1477
- body .twenty-fifteen-pattern input[type="reset"]:hover,
1478
- body .twenty-fifteen-pattern input[type="submit"]:hover {
1479
- background: rgba(51, 51, 51, 0.7);
1480
- outline: 0 none;
1481
- }
1482
-
1483
- .logged-in div.wpcf7 {
1484
- position: relative;
1485
- margin-top: 70px;
1486
- }
1487
-
1488
- .logged-in .frontend-edit-style-link {
1489
- position: absolute;
1490
- left: 0;
1491
- top: -50px;
1492
- z-index: 9;
1493
- display: block;
1494
- padding: 5px 10px;
1495
- border: none;
1496
- -webkit-box-shadow: none;
1497
- box-shadow: none;
1498
- text-decoration: none;
1499
- background: #E74C3C;
1500
- color: #FFF;
1501
- -webkit-border-radius: 5px;
1502
- border-radius: 5px;
1503
- border: 1px solid #E74C3C;
1504
- font-size: 13px;
1505
- line-height: 135%;
1506
- }
1507
-
1508
- .logged-in .frontend-edit-style-link:hover {
1509
- background-color: #fff;
1510
- color: #E74C3C;
1511
- }
1
+ .cf7-style input[type=text],.cf7-style input[type=email],.cf7-style input[type=url],.cf7-style input[type=password],.cf7-style input[type=search],.cf7-style textarea{width:100%}body .cf7-style input.wpcf7-form-control.wpcf7-submit{text-align:center}body .cf7-style *{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body .cf7-style div.wpcf7-response-output{padding:15px;text-transform:none}body .cf7-style div.wpcf7-validation-errors{background:0 0;color:red;border:2px solid red}body .cf7-style div.wpcf7-response-output:before{display:none}body .valentines-day-classic span.wpcf7-list-item,body .wpcf7 form.valentines-day-roses span.wpcf7-list-item{display:inline-block}body .cf7-style div.wpcf7-response-output.wpcf7-mail-sent-ok{background:0 0;color:green;border:2px solid green}body .valentines-day-classic input.wpcf7-form-control.wpcf7-date,body .valentines-day-classic input.wpcf7-form-control.wpcf7-file,body .valentines-day-classic input.wpcf7-form-control.wpcf7-number,body .valentines-day-classic input.wpcf7-form-control.wpcf7-quiz,body .valentines-day-classic input.wpcf7-form-control.wpcf7-range,body .valentines-day-classic input.wpcf7-form-control.wpcf7-select,body .valentines-day-classic input.wpcf7-form-control.wpcf7-text,body .valentines-day-classic select.wpcf7-form-control.wpcf7-select,body .valentines-day-classic textarea.wpcf7-form-control.wpcf7-textarea{margin:5px 0 0;padding:15px 10px;border-top:0;border-right:0;border-left:1px solid #AAA;border-bottom:1px solid #AAA;outline:0;resize:none;font-size:13px;line-height:17px;background:rgba(255,255,255,.7);color:#818181;font-family:Raleway;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]){border:none}body .wpcf7 form.valentines-day-classic p{margin-bottom:15px;font-size:16px;color:#222}body .valentines-day-classic{background:url(../images/vday-classic/hearted-bg.png) -45px 0;position:relative;max-width:600px;margin:0 auto 50px;padding-bottom:50px}body .valentines-day-classic .heart{position:absolute;right:0;background:url(../images/vday-classic/big-heart.png) no-repeat;width:136px;height:135px;top:-90px}body .valentines-day-classic p{margin-bottom:10px;text-shadow:1px 1px #FFF}body .valentines-day-classic input,body .valentines-day-classic select,body .valentines-day-classic textarea{background:rgba(255,255,255,.7);border:none;border-left:1px solid #AAA;border-bottom:1px solid #AAA;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:5px 6px 10px -5px #999;-moz-box-shadow:5px 6px 10px -5px #999;box-shadow:5px 6px 10px -5px #999;margin-top:3px}body .valentines-day-classic input:focus,body .valentines-day-classic textarea:focus{background:rgba(255,255,255,.7);border-left:1px solid #AAA;border-bottom:1px solid #AAA}body .cf7-style.valentines-day-classic .wpcf7-submit,body .cf7-style.valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),body .cf7-style.valentines-day-classic input.wpcf7-form-control.wpcf7-submit[disabled]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:none;line-height:20px;text-align:center;padding:10px 20px;min-width:90px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZDQwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjOTQwYTBhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background:-moz-linear-gradient(left,rgba(125,185,232,1) 0,rgba(213,78,78,1) 0,rgba(212,0,0,1) 39%,rgba(148,10,10,1) 85%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(125,185,232,1)),color-stop(0,rgba(213,78,78,1)),color-stop(39%,rgba(212,0,0,1)),color-stop(85%,rgba(148,10,10,1)));background:-webkit-linear-gradient(left,rgba(125,185,232,1) 0,rgba(213,78,78,1) 0,rgba(212,0,0,1) 39%,rgba(148,10,10,1) 85%);background:-o-linear-gradient(left,rgba(125,185,232,1) 0,rgba(213,78,78,1) 0,rgba(212,0,0,1) 39%,rgba(148,10,10,1) 85%);background:-ms-linear-gradient(left,rgba(125,185,232,1) 0,rgba(213,78,78,1) 0,rgba(212,0,0,1) 39%,rgba(148,10,10,1) 85%);background:linear-gradient(to right,rgba(125,185,232,1) 0,rgba(213,78,78,1) 0,rgba(212,0,0,1) 39%,rgba(148,10,10,1) 85%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#940a0a', GradientType=1);color:#FFF;float:right;text-shadow:1px 1px #555;cursor:pointer}body .valentines-day-classic .wpcf7-submit:hover,body .valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,body .valentines-day-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{opacity:.8}body .valentines-day-classic div.wpcf7-response-output.wpcf7-mail-sent-ok,body .valentines-day-classic div.wpcf7-response-output.wpcf7-validation-errors{background:rgba(255,255,255,.6);border:1px solid red;top:30px}body .valentines-day-classic div.wpcf7-response-output.wpcf7-validation-errors{color:red}body .valentines-day-classic div.wpcf7-response-output.wpcf7-mail-sent-ok{color:green;border:1px solid green}body .valentines-day-classic input[type=date],body .valentines-day-classic input[type=file],body .valentines-day-classic input[type=range],body .valentines-day-classic select{width:100%}body .valentines-day-classic input[type=range]::-webkit-slider-runnable-track{height:5px;background:#ddd;border:none;border-radius:3px}body .valentines-day-classic input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#777;margin-top:-4px;cursor:pointer}body .valentines-day-classic input[type=range]:focus{outline:0}body .valentines-day-classic input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}body .valentines-day-classic input[type=range]{-webkit-appearance:none;border:1px solid #fff;width:100%}body .valentines-day-classic input[type=range]::-moz-range-track{height:5px;background:#ddd;border:none;border-radius:3px}body .valentines-day-classic input[type=range]::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#777;cursor:pointer}body .valentines-day-classic input[type=range]:-moz-focusring{outline:#fff solid 1px;outline-offset:-1px}body .valentines-day-classic input[type=range]:focus::-moz-range-track{background:#ccc}body .valentines-day-classic input[type=range]::-ms-track{height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}body .valentines-day-classic input[type=range]::-ms-fill-lower{background:#ddd;border-radius:10px}body .valentines-day-classic input[type=range]::-ms-fill-upper{background:#ddd;border-radius:10px}body .valentines-day-classic input[type=range]::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#777;cursor:pointer}body .valentines-day-classic input[type=range]:focus::-ms-fill-lower{background:#ccc}body .valentines-day-classic input[type=range]:focus::-ms-fill-upper{background:#ccc}body .valentines-day-roses input.wpcf7-form-control.wpcf7-date,body .valentines-day-roses input.wpcf7-form-control.wpcf7-file,body .valentines-day-roses input.wpcf7-form-control.wpcf7-number,body .valentines-day-roses input.wpcf7-form-control.wpcf7-quiz,body .valentines-day-roses input.wpcf7-form-control.wpcf7-text,body .valentines-day-roses select.wpcf7-form-control.wpcf7-select,body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea{margin:5px 0 0;padding:15px 10px;border-bottom:1px solid #490706;outline:0;resize:none;font-size:13px;line-height:17px;background:0 0;color:#000;font-family:Raleway;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .valentines-day-roses input.wpcf7-form-control.wpcf7-date,body .valentines-day-roses input.wpcf7-form-control.wpcf7-file,body .valentines-day-roses input.wpcf7-form-control.wpcf7-range,body .valentines-day-roses select.wpcf7-form-control.wpcf7-select{width:100%}body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit:not([disabled]),body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea{border:none}body .wpcf7 form.valentines-day-roses p{margin-bottom:15px;font-size:16px;color:#000}body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit{position:absolute;right:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{background:#7F2A3A;border:none}body .valentines-day-roses{background:url(../images/vday-rose/rose-bg-50percent.png) no-repeat;position:relative;min-height:380px;width:270px;padding:12px 0 0 200px;-wekit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;clear:both}body .valentines-day-roses input{padding-bottom:2px}body .valentines-day-roses input,body .valentines-day-roses input:focus,body .valentines-day-roses input:hover{border-bottom:1px solid #490706}body .valentines-day-roses textarea{width:215px;height:140px;resize:none;padding-top:0;line-height:32px}body .valentines-day-roses p{margin-bottom:10px}body .valentines-day-roses .letter-box{background:url(../images/vday-rose/contact-bg.png) no-repeat #826e50;width:285px;margin:32px 0 0 -50px;padding:35px 15px 50px}body .wpcf7 form.valentines-day-roses .letter-box p{color:#000}body .wpcf7 form.valentines-day-roses .wpcf7-submit{position:absolute;bottom:10px;right:20px;border:none;padding:7px 15px;color:#fff;box-shadow:none}body .valentines-day-roses input[type=submit]:focus,body .valentines-day-roses input[type=submit]:hover{background:#490706}body .valentines-day-roses div.wpcf7-mail-sent-ok,body .valentines-day-roses div.wpcf7-validation-errors{background:rgba(255,255,255,.6);border:none;left:115px;position:absolute;top:145px;width:295px}body .valentines-day-roses div.wpcf7-validation-errors{color:red}body .valentines-day-roses div.wpcf7-mail-sent-ok{color:green}body .valentines-day-roses div.wpcf7-response-output.wpcf7-mail-sent-ok,body .valentines-day-roses div.wpcf7-response-output.wpcf7-validation-errors{background:rgba(255,255,255,.6);border:none}body .valentines-day-birds input.wpcf7-form-control.wpcf7-date,body .valentines-day-birds input.wpcf7-form-control.wpcf7-file,body .valentines-day-birds input.wpcf7-form-control.wpcf7-number,body .valentines-day-birds input.wpcf7-form-control.wpcf7-quiz,body .valentines-day-birds input.wpcf7-form-control.wpcf7-range,body .valentines-day-birds input.wpcf7-form-control.wpcf7-text,body .valentines-day-birds select.wpcf7-form-control.wpcf7-select,body .valentines-day-birds textarea.wpcf7-form-control.wpcf7-textarea{margin:0 0 5px;padding:8px 10px;border:2px dashed #000;outline:0;resize:none;font-size:13px;line-height:16px;background:0 0;color:#222;font-family:inherit;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .valentines-day-birds input.wpcf7-form-control.wpcf7-date,body .valentines-day-birds input.wpcf7-form-control.wpcf7-number,body .valentines-day-birds input.wpcf7-form-control.wpcf7-range,body .valentines-day-birds input.wpcf7-form-control.wpcf7-text,body .valentines-day-birds input[type=text],body .valentines-day-birds input[type=email],body .valentines-day-birds input[type=url],body .valentines-day-birds input[type=password],body .valentines-day-birds input[type=search],body .valentines-day-birds select.wpcf7-form-control.wpcf7-select,body .valentines-day-birds textarea,body .valentines-day-birds textarea.wpcf7-form-control.wpcf7-textarea{width:100%}body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]),body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{border:none;background:0 0}body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]){color:#444}body .valentines-day-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{color:#843A69}body .valentines-day-birds div.wpcf7-response-output{position:relative;padding:17px 42px;font-weight:400;font-size:13px;line-height:17px;text-transform:uppercase;letter-spacing:1px}body .valentines-day-birds div.wpcf7-response-output.wpcf7-validation-errors{background:0 0}body .valentines-day-birds div.wpcf7-response-output.wpcf7-validation-errors:before{display:none}body .valentines-day-birds span.wpcf7-list-item{display:inline-block}body .valentines-day-birds{position:relative;width:280px;margin:234px 0 330px 97px}body .valentines-day-birds-container{background:url(../images/vday-birds/bg-middle.png) 63px 0 repeat-y;width:486px;margin:0 auto}body .valentines-day-birds .bg-bottom,body .valentines-day-birds .bg-header{width:486px}body .valentines-day-birds .bg-header{background:url(../images/vday-birds/bg-top.png) 25px 0 no-repeat;height:234px;left:-97px;position:absolute;top:-234px}body .valentines-day-birds .bg-bottom{background:url(../images/vday-birds/bg-bottom.png) no-repeat;bottom:-301px;height:301px;left:-97px;position:absolute}body .wpcf7 form.valentines-day-birds p{margin-bottom:20px;color:#222;line-height:1.5em}body .valentines-day-birds input,body .valentines-day-birds textarea{background:0 0;border:2px dashed #000;resize:vertical}body .valentines-day-birds textarea{height:120px}body .valentines-day-birds input:focus,body .valentines-day-birds input:hover,body .valentines-day-birds textarea:focus,body .valentines-day-birds textarea:hover{border:2px dashed #000}body .valentines-day-birds input{margin-bottom:5px}body .valentines-day-birds input[type=submit]{font-size:30px;color:#444;text-transform:capitalize;border:none;box-shadow:none;background:0 0;display:block;margin:0 auto}body .valentines-day-birds input[type=submit]:focus,body .valentines-day-birds input[type=submit]:hover{background:0 0;color:#000}body .valentines-day-birds div.wpcf7-response-output{width:265px;margin:0 0 0 -36px;border:none}body .valentines-day-birds .wpcf7-validation-errors{color:red}body .valentines-day-birds .wpcf7-mail-sent-ok{color:green}body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-date,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-file,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-number,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-quiz,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-text,body .valentines-day-blue-birds select.wpcf7-form-control.wpcf7-select,body .valentines-day-blue-birds textarea.wpcf7-form-control.wpcf7-textarea{margin:5px 0 0;padding:15px;border:0;outline:0;resize:none;font-size:13px;line-height:17px;background:#dad3c2;color:#818181;font-family:Raleway;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-date,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-file,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-range,body .valentines-day-blue-birds select.wpcf7-form-control.wpcf7-select{width:100%}body .valentines-day-blue-birds .wpcf7-list-item,body .valentines-day-blue-birds .wpcf7-list-item-label{display:inline-block}body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]){border:none}body .wpcf7 form.valentines-day-blue-birds p{margin-bottom:15px;font-size:16px}body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:focus,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:hover,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{background:url(../images/vday-blue-birds/submit.png) top right no-repeat;border:none;color:#7F2A3A}body .valentines-day-blue-birds{position:relative;background:url(../images/vday-blue-birds/pattern.jpg);color:#100804}body .valentines-day-blue-birds .header{background:url(../images/vday-blue-birds/header.png) top center no-repeat;height:260px;width:100%}body .valentines-day-blue-birds textarea{width:100%;display:inline-block;background:#dad3c2;border:none;height:75px}body .valentines-day-blue-birds input:focus,body .valentines-day-blue-birds textarea:focus{background:#dad3c2}body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;background:url(../images/vday-blue-birds/submit.png) top right no-repeat;line-height:50px;font-size:30px;display:inline;text-transform:none;width:auto;position:absolute;top:50px;right:20px;color:#100804;box-shadow:none}body .valentines-day-blue-birds .wpcf7-submit:hover,body .valentines-day-blue-birds span.wpcf7-not-valid-tip{color:#7f2a3a}body .valentines-day-blue-birds p{width:290px;margin:7px auto;position:relative}body .valentines-day-blue-birds .footer{background:url(../images/vday-blue-birds/footer.png) bottom center no-repeat;height:145px;width:100%}body .valentines-day-blue-birds div.wpcf7-mail-sent-ok,body .valentines-day-blue-birds div.wpcf7-validation-errors{border:none;background:rgba(127,42,58,.9);position:absolute;bottom:0;color:#fff;margin:0;padding:10px 20px;right:0}body .valentines-day-blue-birds div.wpcf7-mail-sent-ok{background:rgba(9,94,0,.9)}body .christmas-classic input.wpcf7-form-control.wpcf7-date,body .christmas-classic input.wpcf7-form-control.wpcf7-file,body .christmas-classic input.wpcf7-form-control.wpcf7-number,body .christmas-classic input.wpcf7-form-control.wpcf7-quiz,body .christmas-classic input.wpcf7-form-control.wpcf7-text,body .christmas-classic select.wpcf7-form-control.wpcf7-select,body .christmas-classic textarea.wpcf7-form-control.wpcf7-textarea{margin:5px 0 0;padding:3px 10px;border:1px dotted #b2a28e;outline:0;resize:none;font-size:14px;line-height:20px;background:#f3eadf;color:#707070;color:rgba(51,51,51,.7);font-family:Raleway;font-weight:400;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}body .christmas-classic select.wpcf7-form-control.wpcf7-select[multiple]{height:auto}body .christmas-classic textarea.wpcf7-form-control.wpcf7-textarea{padding:5px 10px;height:140px}body .christmas-classic input.wpcf7-form-control.wpcf7-file{padding:8px 10px}body .christmas-classic span.wpcf7-list-item{margin:.5em;display:inline-block}body .christmas-classic{position:relative}body .christmas-classic-container{background:url(../images/xmas-classic/bg-repeat.png) 1px 1px repeat-y rgba(0,0,0,0);display:block;margin:auto auto 260px;text-align:center;width:403px}body .christmas-classic .header{background:url(../images/xmas-classic/top_border.png) no-repeat rgba(0,0,0,0);height:23px;width:100%}body .christmas-classic .left{background:url(../images/xmas-classic/left_part_bg.png) no-repeat rgba(0,0,0,0);bottom:0;height:129px;left:-73px;position:absolute;width:99px}body .christmas-classic p{color:#482C09;margin-bottom:20px;margin-left:27px;width:350px}body .christmas-classic .footer{background:url(../images/xmas-classic/bottombg.png) no-repeat rgba(0,0,0,0);height:255px;width:474px;position:absolute;bottom:-255px;margin:0 0 0 -70px;padding:0}body .christmas-classic input,body .christmas-classic textarea{display:inline-block;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#f3eadf;border:1px dotted #b2a28e}body .christmas-classic input{height:28px;padding:3px 5px;line-height:28px}body .christmas-classic input:focus,body .christmas-classic textarea:focus{background:#f3eadf;border:1px dotted #b2a28e}body .christmas-classic .wpcf7-form-control-wrap input,body .christmas-classic .wpcf7-form-control-wrap textarea{display:block;width:100%}body .christmas-classic form textarea{resize:vertical;margin-bottom:10px}body .christmas-classic .wpcf7-submit,body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]){background:rgba(0,0,0,0);border:none;bottom:-246px;height:86px;left:21px;position:absolute;text-indent:-9999px;width:95px;z-index:10}body .christmas-classic .wpcf7-submit:hover,body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{background-color:rgba(255,255,255,.3)}body .christmas-classic div.wpcf7-response-output{width:84%;margin:0 auto}body .christmas-classic span.wpcf7-list-item-label{display:inline-block}body .christmas-red .wpcf7-form-control-wrap{display:inherit}body .christmas-red input.wpcf7-form-control.wpcf7-date,body .christmas-red input.wpcf7-form-control.wpcf7-number,body .christmas-red input.wpcf7-form-control.wpcf7-quiz,body .christmas-red input.wpcf7-form-control.wpcf7-text,body .christmas-red select.wpcf7-form-control.wpcf7-select,body .christmas-red textarea.wpcf7-form-control.wpcf7-textarea{margin:5px 0 0;padding:15px 10px;border:none;outline:0;resize:none;font-size:17px;line-height:normal;background:#fff;background:rgba(255,255,255,.9);color:#818181;font-family:Raleway;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .christmas-red select.wpcf7-form-control.wpcf7-select[multiple]{height:auto;padding:5px 10px}body .christmas-red input.wpcf7-form-control.wpcf7-acceptance{display:inline-block;width:auto}body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]),body .christmas-red textarea.wpcf7-form-control.wpcf7-textarea{border:none}body .wpcf7 form.christmas-red p{margin-bottom:15px;font-size:16px;color:#fff}body .christmas-red-container{color:#fff;font-size:17px;width:600px;margin:0 auto;background:url(../images/xmas-red/middle.png) top center repeat-y;position:relative}body .christmas-red{margin:94px 0 125px}body .christmas-red .header{display:block;background:url(../images/xmas-red/header.png) 32px top no-repeat;width:600px;height:94px;position:absolute;top:-94px}body .christmas-red .footer{display:block;background:url(../images/xmas-red/footer.png) top center no-repeat;width:600px;height:94px;bottom:-94px;position:absolute}body .christmas-red p{max-width:370px;margin:0 auto}body .christmas-red input,body .christmas-red textarea{color:#222;width:100%;font-size:16px;margin:0}body .christmas-red input[type=text],body .christmas-red input[type=email],body .christmas-red input[type=url],body .christmas-red input[type=password],body .christmas-red input[type=search],body .christmas-red select,body .christmas-red textarea{width:100%}body .christmas-red input[type=radio],body .christmas-red input[type=checkbox]{width:auto}body .christmas-red input:focus,body .christmas-red textarea:focus{background:#fff}body .christmas-red textarea{height:120px;resize:vertical}body .christmas-red .wpcf7-submit,body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]){display:block;width:232px;height:126px;background:url(../images/xmas-red/send.png) top center no-repeat;position:absolute;bottom:-125px;right:0;text-indent:-9999px;border:none;z-index:10;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body .christmas-classic-mail-sent-ok,body .christmas-classic-validation-errors,body .christmas-red .wpcf7-mail-sent-ok,body .christmas-red .wpcf7-validation-errors{border:none;max-width:350px;font-size:22px;color:#FC8181;margin-left:25px;padding:0}body .christmas-classic-mail-sent-ok,body .christmas-red .wpcf7-mail-sent-ok{color:#73C94E}body .christmas-classic span.wpcf7-not-valid-tip,body .christmas-red span.wpcf7-not-valid-tip{left:0;top:0;padding:5px 10px;width:368px;font-size:16px;border:none;display:block;color:#FC8181;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wpcf7-form-control .wpcf7-radio,body .christmas-red span.wpcf7-list-item{display:inline-block;height:32px;margin-left:1em;position:relative}body .christmas-red .wpcf7-radio .wpcf7-list-item-label:before,body .christmas-red .wpcf7-radio input+.wpcf7-list-item-label:before{content:'';position:absolute;top:0;width:32px;height:32px;background:url(../images/xmas-red/radio.png) 0 2px no-repeat;z-index:1}body .christmas-red .wpcf7-radio .wpcf7-list-item-label:before{right:0}body .christmas-red .wpcf7-radio input+.wpcf7-list-item-label:before{left:0}body .christmas-red .wpcf7-radio .wpcf7-list-item .active .wpcf7-list-item-label:before,body .christmas-red .wpcf7-radio .wpcf7-list-item.active .wpcf7-list-item-label:before{background-position:0 -31px}body .christmas-red .wpcf7-radio .wpcf7-list-item-label{display:inline-block;vertical-align:top}body .christmas-red span.wpcf7-list-item input[type=radio]{position:relative;z-index:2;width:30px;height:30px;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}body .christmas-red .wpcf7-response-output{position:relative;margin:0 auto}body .christmas-red .wpcf7-submit:hover,body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]):focus,body .christmas-red input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{opacity:.8}body .christmas-red div.wpcf7-response-output.wpcf7-mail-sent-ok,body .christmas-red div.wpcf7-response-output.wpcf7-validation-errors{background:0 0;border:none;font-size:17px}body .christmas-red div.wpcf7-response-output.wpcf7-validation-errors{color:#FC8181}body .christmas-red div.wpcf7-response-output.wpcf7-mail-sent-ok{color:#04c004}body .christmas-red span.wpcf7-not-valid-tip{padding:5px 10px 5px 0}body .christmas-simple{width:410px;padding:50px 20px 15px;color:#1b0a00;position:relative;margin:75px 0 35px}body .christmas-simple-container{width:425px;margin:0 auto;border-left:dashed 2px #542c0e;border-right:dashed 2px #542c0e;background:url(../images/xmas-simple/middle.png) center top repeat-y}body .christmas-simple p{width:325px;margin:15px auto}body .christmas-simple p input[type=text],body .christmas-simple p input[type=text]:focus,body .christmas-simple p input[type=text]:hover,body .christmas-simple p input[type=date],body .christmas-simple p input[type=tel],body .christmas-simple p input[type=tel]:focus,body .christmas-simple p input[type=tel]:hover,body .christmas-simple p input[type=number],body .christmas-simple p input[type=email],body .christmas-simple p input[type=email]:focus,body .christmas-simple p input[type=email]:hover,body .christmas-simple p input[type=url],body .christmas-simple p input[type=file],body .christmas-simple p input[type=range],body .christmas-simple p select,body .christmas-simple p textarea,body .christmas-simple p textarea:focus,body .christmas-simple p textarea:hover{width:94%;background:0 0;border:2px dashed #7d5f48;padding:.625em .4375em}body .christmas-simple span.wpcf7-list-item{display:inline-block;margin-left:1em}body .christmas-simple input[type=radio],body .christmas-simple input[type=checkbox]{margin-right:0}body .christmas-simple textarea{height:110px;resize:vertical}body .christmas-simple .footer,body .christmas-simple .header{width:425px;height:35px;margin:0 auto;background:url(../images/xmas-simple/header.png) center bottom no-repeat;border:2px dashed #542c0e;border-bottom:none;position:absolute;left:-2px}body .christmas-simple .header{background-position:1px 1px;border-radius:12px 12px 0 0;left:-2px;top:-35px;width:421px}body .christmas-simple .footer{background:url(../images/xmas-simple/footer.png) center top no-repeat;border-bottom:2px dashed #542c0e;border-radius:0 0 20px 20px;border-top:medium none;bottom:-35px;padding-bottom:3px;width:425px}body .christmas-simple .ribbon{width:182px;height:202px;position:absolute;background:url(../images/xmas-simple/ribbon.png) no-repeat;right:-118px;top:-85px}body .christmas-simple div.wpcf7-response-output{width:360px;margin:0 auto;border:none;color:#e00}body .christmas-simple .wpcf7-submit,body .christmas-simple input[type=submit]{background:#e7e3d0;color:#555;border-top:solid 1px #fff;font-size:14px;padding:0 40px;height:40px;-webkit-border-radius:15px 18px 7px 9px;-moz-border-radius:15px 18px 7px 9px;border-radius:15px 18px 7px 9px;-webkit-box-shadow:-3px 3px 9px 1px #999;box-shadow:-3px 3px 9px 1px #999}body .christmas-simple input[type=submit]:hover{border-top:solid 1px #fff;background:#e7e3d0;color:#000}body .christmas-simple span.wpcf7-not-valid-tip{top:-4px;left:2px;height:30px;line-height:30px;padding-left:9px;width:335px;color:#e00;background:#fff;border:none}body .christmas-classic .wpcf7-not-valid-tip{width:100%;background:0 0}body .twenty-fifteen-pattern{padding-top:1.6842em}body .twenty-fifteen-pattern p{font-size:1.6rem;margin-bottom:1.6842em;color:rgba(51,51,51,.7);display:block;font-family:"Noto Sans",sans-serif;font-weight:700;letter-spacing:.04em;line-height:1.5;text-transform:uppercase}body .twenty-fifteen-pattern input[type=text],body .twenty-fifteen-pattern input[type=submit],body .twenty-fifteen-pattern input[type=email],body .twenty-fifteen-pattern input[type=url],body .twenty-fifteen-pattern textarea{width:100%;padding:.5278em;line-height:normal;font-size:1.9rem;border:1px solid rgba(51,51,51,.1);color:rgba(51,51,51,.7);background:#f7f7f7;border-radius:0;margin:0;max-width:100%;vertical-align:baseline;font-family:"Noto Serif",serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .twenty-fifteen-pattern input:focus,body .twenty-fifteen-pattern textarea:focus{border:1px solid rgba(51,51,51,.3);color:#333;background:#fff}body .twenty-fifteen-pattern button,body .twenty-fifteen-pattern input[type=submit],body .twenty-fifteen-pattern input[type=button],body .twenty-fifteen-pattern input[type=reset]{font-size:1.6rem;padding:.8125em 1.625em;background:#333;border:none;color:#fff;cursor:pointer;font-family:"Noto Sans",sans-serif;font-weight:700;text-transform:uppercase;width:100%}body .twenty-fifteen-pattern button:hover,body .twenty-fifteen-pattern input[type=submit]:hover,body .twenty-fifteen-pattern input[type=button]:hover,body .twenty-fifteen-pattern input[type=reset]:hover{background:rgba(51,51,51,.7);outline:0}body .monochrome input::-webkit-input-placeholder,body .monochrome textarea::-webkit-input-placeholder{opacity:1;color:#FFF}body .monochrome input::-moz-placeholder,body .monochrome textarea::-moz-placeholder{opacity:1;color:#FFF}body .monochrome input:-ms-input-placeholder,body .monochrome textarea:-ms-input-placeholder{opacity:1;color:#FFF}body .monochrome input:-moz-placeholder,body .monochrome textarea:-moz-placeholder{opacity:1;color:#FFF}body .monochrome p{margin-bottom:0}body .monochrome input.wpcf7-form-control.wpcf7-date,body .monochrome input.wpcf7-form-control.wpcf7-number,body .monochrome input.wpcf7-form-control.wpcf7-quiz,body .monochrome input.wpcf7-form-control.wpcf7-text,body .monochrome select.wpcf7-form-control.wpcf7-select,body .monochrome textarea.wpcf7-form-control.wpcf7-textarea{background-color:#0d0d0d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:0;text-transform:none;margin-top:0;margin-bottom:5px;width:100%;padding:24px 29px}body .monochrome input.wpcf7-form-control.wpcf7-submit,body .monochrome input.wpcf7-form-control.wpcf7-submit:not([disabled]){background-color:#fff;border:2px solid #303030;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#0d0d0d;font-size:14px;line-height:65px;height:65px;font-style:normal;font-weight:700;letter-spacing:0;text-transform:none;padding:0 34px}body .monochrome input.wpcf7-form-control.wpcf7-submit:hover,body .monochrome input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{color:#fff;background-color:#0d0d0d}body .minimal-brown input::-webkit-input-placeholder,body .minimal-brown textarea::-webkit-input-placeholder{opacity:1;color:#828282}body .minimal-brown input::-moz-placeholder,body .minimal-brown textarea::-moz-placeholder{opacity:1;color:#828282}body .minimal-brown input:-ms-input-placeholder,body .minimal-brown textarea:-ms-input-placeholder{opacity:1;color:#828282}body .minimal-brown input:-moz-placeholder,body .minimal-brown textarea:-moz-placeholder{opacity:1;color:#828282}body .minimal-brown p{margin-bottom:-1px}body .minimal-brown input.wpcf7-form-control.wpcf7-date,body .minimal-brown input.wpcf7-form-control.wpcf7-number,body .minimal-brown input.wpcf7-form-control.wpcf7-quiz,body .minimal-brown input.wpcf7-form-control.wpcf7-text,body .minimal-brown select.wpcf7-form-control.wpcf7-select,body .minimal-brown textarea.wpcf7-form-control.wpcf7-textarea{background-color:#fff;border:1px solid #ededed;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#828282;font-size:14px;font-style:normal;font-weight:400;text-transform:none;padding:17px 19px;margin:0;display:block;outline:0;resize:none;line-height:17px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}body .minimal-brown input.wpcf7-form-control.wpcf7-date:focus,body .minimal-brown input.wpcf7-form-control.wpcf7-number:focus,body .minimal-brown input.wpcf7-form-control.wpcf7-quiz:focus,body .minimal-brown input.wpcf7-form-control.wpcf7-text:focus,body .minimal-brown select.wpcf7-form-control.wpcf7-select:focus,body .minimal-brown textarea.wpcf7-form-control.wpcf7-textarea:focus{color:#828282;background-color:#fcfcfc;border-color:#ededed}body .minimal-brown input.wpcf7-form-control.wpcf7-submit,body .minimal-brown input.wpcf7-form-control.wpcf7-submit:not([disabled]){background-color:#fff;border:1px solid #ededed;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#303030;font-size:12px;font-style:normal;font-weight:700;letter-spacing:0;text-transform:uppercase;height:51px;line-height:51px;padding:0 54px;margin-top:5px}body .minimal-brown input.wpcf7-form-control.wpcf7-submit:hover,body .minimal-brown input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{color:#fff;background-color:#b08d58;border-color:#b08d58}body .transparent-two-columns input::-webkit-input-placeholder,body .transparent-two-columns textarea::-webkit-input-placeholder{opacity:1;color:#FFF}body .transparent-two-columns input::-moz-placeholder,body .transparent-two-columns textarea::-moz-placeholder{opacity:1;color:#FFF}body .transparent-two-columns input:-ms-input-placeholder,body .transparent-two-columns textarea:-ms-input-placeholder{opacity:1;color:#FFF}body .transparent-two-columns input:-moz-placeholder,body .transparent-two-columns textarea:-moz-placeholder{opacity:1;color:#FFF}body .transparent-two-columns p{text-align:center;margin-bottom:5px}body .transparent-two-columns p:nth-of-type(1),body .transparent-two-columns p:nth-of-type(2){display:inline-block;width:48%;margin:0 10px 0 0}body .transparent-two-columns p:nth-of-type(2){margin:0 0 0 8px}body .transparent-two-columns input.wpcf7-form-control.wpcf7-date,body .transparent-two-columns input.wpcf7-form-control.wpcf7-number,body .transparent-two-columns input.wpcf7-form-control.wpcf7-quiz,body .transparent-two-columns input.wpcf7-form-control.wpcf7-text,body .transparent-two-columns select.wpcf7-form-control.wpcf7-select,body .transparent-two-columns textarea.wpcf7-form-control.wpcf7-textarea{background-color:rgba(255,255,255,0);border:1px solid #f6f6f6;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#fff;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;padding:14px 20px;margin:0 0 14px;outline:0;resize:none;line-height:17px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}body .transparent-two-columns textarea.wpcf7-form-control.wpcf7-textarea{height:92px}body .transparent-two-columns input.wpcf7-form-control.wpcf7-date:focus,body .transparent-two-columns input.wpcf7-form-control.wpcf7-number:focus,body .transparent-two-columns input.wpcf7-form-control.wpcf7-quiz:focus,body .transparent-two-columns input.wpcf7-form-control.wpcf7-text:focus,body .transparent-two-columns select.wpcf7-form-control.wpcf7-select:focus,body .transparent-two-columns textarea.wpcf7-form-control.wpcf7-textarea:focus{color:#303030;background-color:#fff}body .transparent-two-columns input.wpcf7-form-control.wpcf7-submit,body .transparent-two-columns input.wpcf7-form-control.wpcf7-submit:not([disabled]){background-color:#f6f6f6;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#222;font-size:13px;font-style:normal;font-weight:400;letter-spacing:2.9px;text-transform:uppercase;height:50px;line-height:50px;padding:0 26px;margin-top:22px;display:inline-block}body .transparent-two-columns input.wpcf7-form-control.wpcf7-submit:hover,body .transparent-two-columns input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{color:#222;background-color:#fff}body .transparent-two-columns div.wpcf7-response-output.wpcf7-validation-errors{background-color:#f1c40f;color:#FFF;border-color:#f1c40f}body .transparent-two-columns div.wpcf7-response-output.wpcf7-mail-sent-ok{background-color:#1abc9c;color:#FFF;border-color:#1abc9c}body .monochrome-light input::-webkit-input-placeholder,body .monochrome-light textarea::-webkit-input-placeholder{opacity:1;color:#303030}body .monochrome-light input::-moz-placeholder,body .monochrome-light textarea::-moz-placeholder{opacity:1;color:#303030}body .monochrome-light input:-ms-input-placeholder,body .monochrome-light textarea:-ms-input-placeholder{opacity:1;color:#303030}body .monochrome-light input:-moz-placeholder,body .monochrome-light textarea:-moz-placeholder{opacity:1;color:#303030}body .monochrome-light p{margin-bottom:20px}body .monochrome-light input.wpcf7-form-control.wpcf7-date,body .monochrome-light input.wpcf7-form-control.wpcf7-number,body .monochrome-light input.wpcf7-form-control.wpcf7-quiz,body .monochrome-light input.wpcf7-form-control.wpcf7-text,body .monochrome-light select.wpcf7-form-control.wpcf7-select,body .monochrome-light textarea.wpcf7-form-control.wpcf7-textarea{background-color:#FFF;border:2px solid #303030;color:#303030;font-size:15px;line-height:15px;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:21px 22px 17px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;resize:none}body .monochrome-light textarea.wpcf7-form-control.wpcf7-textarea{height:150px}body .monochrome-light input.wpcf7-form-control.wpcf7-submit,body .monochrome-light input.wpcf7-form-control.wpcf7-submit:not([disabled]){background-color:#303030;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#fff;font-size:13px;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase;height:45px;line-height:45px;padding:0 35px}body .monochrome-light input.wpcf7-form-control.wpcf7-submit:hover,body .monochrome-light input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover{color:#fff;background-color:#3a3a3a;border-color:#3a3a3a}body .monochrome-light div.wpcf7-response-output.wpcf7-mail-sent-ok{background-color:#1abc9c}.logged-in div.wpcf7{position:relative;margin-top:70px}.logged-in .frontend-edit-style-link{position:absolute;left:0;top:-50px;z-index:9;display:block;padding:5px 10px;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;background:#E74C3C;color:#FFF;-webkit-border-radius:5px;border-radius:5px;border:1px solid #E74C3C;font-size:13px;line-height:135%}.logged-in .frontend-edit-style-link:hover{background-color:#fff;color:#E74C3C}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/responsive.css CHANGED
@@ -1,643 +1 @@
1
- /*Device friendly customizations*/
2
-
3
- @media only screen and (max-device-width: 1024px) {
4
- /**
5
- * Xmas
6
- *
7
- * 1.1 - Red
8
- * -----------------------------------------------------------------------------
9
- */
10
-
11
- body .christmas-red {
12
- margin-bottom: 0;
13
- }
14
- body .christmas-red-container {
15
- margin-bottom: 140px;
16
- padding-bottom: 4px;
17
- }
18
- body .christmas-red-container,
19
- body .christmas-red .header,
20
- body .christmas-red .footer,
21
- body .christmas-classic-container,
22
- body .christmas-classic .header,
23
- body .christmas-classic .footer,
24
- body .christmas-simple-container,
25
- body .christmas-simple .header,
26
- body .christmas-simple .footer,
27
- body .christmas-simple .ribbon,
28
- body .valentines-day-classic .heart,
29
- body .valentines-day-roses,
30
- body .valentines-day-blue-birds,
31
- body .valentines-day-blue-birds .header,
32
- body .valentines-day-blue-birds .footer {
33
- -webkit-background-size: 100% auto;
34
- -moz-background-size: 100% auto;
35
- background-size: 100% auto;
36
- }
37
- body .christmas-red p,
38
- body .christmas-classic p,
39
- body .christmas-simple p,
40
- body .valentines-day-roses,
41
- body .valentines-day-blue-birds p,
42
- body .valentines-day-blue-birds textarea,
43
- body .twenty-fifteen-pattern p {
44
- width: 100%;
45
- padding: 0 45px;
46
- -webkit-box-sizing: border-box;
47
- -moz-box-sizing: border-box;
48
- box-sizing: border-box;
49
- }
50
- /**
51
- * Xmas
52
- *
53
- * 1.2 - Classic
54
- * -----------------------------------------------------------------------------
55
- */
56
-
57
- body .christmas-classic-container {
58
- width: 100%;
59
- max-width: 480px;
60
- margin-bottom: 310px;
61
- }
62
- body .christmas-classic p {
63
- margin-left: 0;
64
- }
65
- body .christmas-classic .left {
66
- z-index: 100;
67
- left: -70px;
68
- bottom: -15px;
69
- }
70
- body .christmas-classic .footer {
71
- width: 559px;
72
- margin-left: -79px;
73
- height: 300px;
74
- bottom: -300px;
75
- }
76
- body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
77
- body .christmas-classic .wpcf7-submit {
78
- bottom: -285px;
79
- left: 34px;
80
- width: 101px;
81
- height: 90px;
82
- }
83
- body .christmas-red .wpcf7-validation-errors,
84
- body .christmas-red .wpcf7-mail-sent-ok,
85
- body .christmas-classic-validation-errors,
86
- body .christmas-classic-mail-sent-ok,
87
- body .christmas-red span.wpcf7-not-valid-tip,
88
- body .christmas-classic span.wpcf7-not-valid-tip {
89
- width: 100%;
90
- }
91
- body .cf7-style div.wpcf7-response-output {
92
- padding: 0 45px;
93
- font-size: 14px;
94
- }
95
- /**
96
- * Xmas
97
- *
98
- * 1.3 - Simple
99
- * -----------------------------------------------------------------------------
100
- */
101
-
102
- body .christmas-simple-container{
103
- width: 85%;
104
- }
105
- body .christmas-simple {
106
- width: 100%;
107
- }
108
- body .christmas-simple {
109
- padding: 0;
110
- }
111
- body .christmas-simple .header {
112
- width: 100.9%;
113
- }
114
- body .christmas-simple .footer {
115
- width: 100.9%;
116
- bottom: -35px;
117
- }
118
- body .christmas-simple p input[type="text"],
119
- body .christmas-simple p input[type="email"],
120
- body .christmas-simple p input[type="tel"],
121
- body .christmas-simple p textarea,
122
- body .christmas-simple p input[type="text"]:hover,
123
- body .christmas-simple p input[type="email"]:hover,
124
- body .christmas-simple p input[type="tel"]:hover,
125
- body .christmas-simple p textarea:hover,
126
- body .christmas-simple p input[type="text"]:focus,
127
- body .christmas-simple p input[type="email"]:focus,
128
- body .christmas-simple p input[type="tel"]:focus,
129
- body .christmas-simple p textarea:focus {
130
- width: 97%;
131
- }
132
- body .christmas-simple .ribbon {
133
- right: -70px;
134
- top: -90px;
135
- }
136
- body .christmas-simple span.wpcf7-not-valid-tip,
137
- body .christmas-simple div.wpcf7-response-output {
138
- width: 100%;
139
- line-height: 20px;
140
- }
141
- /**
142
- * Simple Pattern
143
- *
144
- * 3.1 - Twenty Fifteen Like
145
- * -----------------------------------------------------------------------------
146
- */
147
-
148
- body .twenty-fifteen-pattern {
149
- width: 100%;
150
- }
151
- }
152
-
153
- @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
154
- /**
155
- * Xmas
156
- *
157
- * 1.1 - Red
158
- * -----------------------------------------------------------------------------
159
- */
160
-
161
- body .christmas-red-container {
162
- width: 480px;
163
- margin: 0 auto 140px;
164
- padding-bottom: 4px;
165
- display: block;
166
- }
167
- body .christmas-red .header {
168
- width: 489px;
169
- background-position: -5px 0;
170
- top: -85px;
171
- }
172
- body .christmas-red .footer {
173
- width: 490px;
174
- left: -5px;
175
- }
176
- /**
177
- * Valentine's Day
178
- *
179
- * 2.2 - Roses
180
- * -----------------------------------------------------------------------------
181
- */
182
-
183
- body .valentines-day-roses {
184
- padding-left: 215px;
185
- padding-right: 0;
186
- }
187
- body .valentines-day-roses .letter-box {
188
- margin-top: 64px;
189
- }
190
-
191
- }
192
-
193
- @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
194
- /**
195
- * Xmas
196
- *
197
- * 1.2 - Classic
198
- * -----------------------------------------------------------------------------
199
- */
200
-
201
- body .christmas-classic-container {
202
- margin-bottom: 331px;
203
- }
204
- body .christmas-classic .footer {
205
- width: 619px;
206
- margin-left: -87px;
207
- height: 331px;
208
- bottom: -331px;
209
- }
210
- /**
211
- * Valentine's Day
212
- *
213
- * 2.2 - Roses
214
- * -----------------------------------------------------------------------------
215
- */
216
-
217
- body .valentines-day-roses {
218
- padding-left: 265px;
219
- }
220
- body .valentines-day-roses .letter-box {
221
- margin-top: 93px;
222
- }
223
- }
224
-
225
- @media only screen and (min-width: 480px) and (max-device-width: 767px){
226
- /**
227
- * Xmas
228
- *
229
- * 1.1 - Red
230
- * -----------------------------------------------------------------------------
231
- */
232
- body .christmas-red-container{
233
- width: 468px;
234
- }
235
- body .christmas-red .header,
236
- body .christmas-red .footer{
237
- width: 476px;
238
- }
239
- body .christmas-red .header{
240
- top: -83px;
241
- left: -4px;
242
- background: url(../images/xmas-red/header.png ) no-repeat 0px top;
243
- background-size: contain;
244
- }
245
- body .christmas-red .footer{
246
- left: -4px;
247
- }
248
- body .christmas-red p{
249
- padding: 0 20px;
250
- }
251
- body .christmas-red select.wpcf7-form-control.wpcf7-select option{
252
- width: 100%;
253
- background-color: #fff;
254
- }
255
-
256
-
257
- /**
258
- * Xmas
259
- *
260
- * 1.2 - Classic
261
- * -----------------------------------------------------------------------------
262
- */
263
- body .christmas-simple .header{
264
- top: -33px;
265
- }
266
-
267
- }
268
-
269
-
270
- @media only screen and (min-device-width: 321px) and (max-device-width: 480px) {
271
- /**
272
- * Xmas
273
- *
274
- * 1.1 - Red
275
- * -----------------------------------------------------------------------------
276
- */
277
-
278
- body .christmas-red-container {
279
- width: 405px;
280
- padding-bottom: 22px;
281
- }
282
- body .christmas-red .header {
283
- background-position: -4px 0;
284
- top: -71px;
285
- width: 412px;
286
- }
287
- body .christmas-red p {
288
- padding: 0 40px;
289
- }
290
- body .christmas-red .footer {
291
- left: -4px;
292
- width: 413px;
293
- }
294
- /**
295
- * Xmas
296
- *
297
- * 1.2 - Classic
298
- * -----------------------------------------------------------------------------
299
- */
300
-
301
- body .christmas-classic-container {
302
- margin-bottom: 260px;
303
- }
304
- body .christmas-classic .left {
305
- left: -73px;
306
- }
307
- body .christmas-classic .footer {
308
- bottom: -256px;
309
- height: 256px;
310
- margin-left: -70px;
311
- width: 476px;
312
- }
313
- body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
314
- body .christmas-classic .wpcf7-submit {
315
- left: 20px;
316
- bottom: -250px;
317
- }
318
- /**
319
- * Xmas
320
- *
321
- * 2.4 - Blue Birds
322
- * -----------------------------------------------------------------------------
323
- */
324
-
325
- body .valentines-day-blue-birds .header {
326
- height: 180px;
327
- }
328
- }
329
-
330
- @media only screen and (max-device-width: 480px) {
331
- /**
332
- * Xmas
333
- *
334
- * 1.1 - Classic
335
- * -----------------------------------------------------------------------------
336
- */
337
- body .christmas-classic p {
338
- padding: 0 25px;
339
- }
340
-
341
-
342
-
343
-
344
- /**
345
- * Xmas
346
- *
347
- * 1.3 - Simple
348
- * -----------------------------------------------------------------------------
349
- */
350
-
351
- body .christmas-simple .ribbon {
352
- width: 90px;
353
- top: -40px;
354
- right: -20px;
355
- }
356
-
357
- body .christmas-simple p{
358
- padding: 0 20px;
359
- }
360
-
361
- body .christmas-simple span.wpcf7-list-item {
362
- display: block;
363
- }
364
-
365
- body .christmas-simple .header {
366
- top: -28px;
367
- }
368
-
369
-
370
-
371
- /**
372
- * Valentine's Day
373
- *
374
- * 2.1 - Classic
375
- * -----------------------------------------------------------------------------
376
- */
377
-
378
- body .valentines-day-classic {
379
- margin-top: 50px;
380
- padding-bottom: 0;
381
- margin-bottom: 10px;
382
- }
383
-
384
- /**
385
- * Valentine's Day
386
- *
387
- * 2.2 - Roses
388
- * -----------------------------------------------------------------------------
389
- */
390
-
391
- body .valentines-day-roses .letter-box {
392
- margin-top: 17px;
393
- }
394
-
395
-
396
- /**
397
- * Valentine's Day
398
- *
399
- * 2.3 Birds
400
- * -----------------------------------------------------------------------------
401
- */
402
-
403
- body .valentines-day-birds-container,
404
- body .valentines-day-birds .bg-header,
405
- body .valentines-day-birds .bg-bottom {
406
- -webkit-background-size: 100% auto;
407
- -moz-background-size: 100% auto;
408
- background-size: 100% auto;
409
- }
410
- body .valentines-day-birds {
411
- width: 100%;
412
- padding: 0 45px;
413
- -webkit-box-sizing: border-box;
414
- -moz-box-sizing: border-box;
415
- box-sizing: border-box;
416
- }
417
- body .valentines-day-birds {
418
- margin-left: 50px;
419
- padding: 0 90px 0 0;
420
- margin-bottom: 0;
421
- }
422
- body .valentines-day-birds:after{
423
- content: '';
424
- width: 94%;
425
- position: absolute;
426
- top: 100%;
427
- right: 50px;
428
- border-bottom: 1px solid #000;
429
- }
430
- body .valentines-day-birds-container {
431
- width: 100%;
432
- background-position: 2px 0;
433
- }
434
- body .valentines-day-birds .bg-header {
435
- width: 490px;
436
- height: 263px;
437
- left: -92px;
438
- background-position: 0 0;
439
- top: -260px;
440
- }
441
- body .valentines-day-birds .bg-bottom {
442
- display: none;
443
- }
444
-
445
-
446
-
447
- /**
448
- * Simple pattern
449
- *
450
- * 3.1 - Twenty Fifteen pattern
451
- * -----------------------------------------------------------------------------
452
- */
453
-
454
- body .twenty-fifteen-pattern p,
455
- body .twenty-fifteen-pattern button, body .twenty-fifteen-pattern input[type="button"], body .twenty-fifteen-pattern input[type="reset"], body .twenty-fifteen-pattern input[type="submit"] {
456
- font-size: 14px;
457
- }
458
- }
459
-
460
- @media only screen and (max-width: 479px){
461
- /**
462
- * Xmas
463
- *
464
- * 1.2 - Classic
465
- * -----------------------------------------------------------------------------
466
- */
467
- body .christmas-classic .footer {
468
- margin-left: -56px;
469
- width: 373px;
470
- }
471
-
472
-
473
- /**
474
- * Valentine's Day
475
- *
476
- * 2.3 Birds
477
- * -----------------------------------------------------------------------------
478
- */
479
- body .valentines-day-birds{
480
- margin-top: 221px;
481
- }
482
- body .valentines-day-birds .bg-header {
483
- width: 383px;
484
- height: 213px;
485
- left: -83px;
486
- top: -211px;
487
- }
488
- body .wpcf7 form.valentines-day-birds p{
489
- font-size: 0.8rem;
490
- }
491
-
492
-
493
- body .wpcf7 form.valentines-day-blue-birds p{
494
- font-size: 0.8rem;
495
- padding: 0 20px;
496
- }
497
-
498
- body .valentines-day-roses {
499
- padding: 0 20px;
500
- }
501
- body .valentines-day-roses>p{
502
- text-align: right;
503
- padding-top: 8px;
504
- text-align: center;
505
- padding-left: 100px;
506
- }
507
-
508
- }
509
-
510
-
511
-
512
- @media only screen and (max-width: 320px) {
513
- /**
514
- * Xmas
515
- *
516
- * 1.1 - Red
517
- * -----------------------------------------------------------------------------
518
- */
519
-
520
- body .christmas-red-container {
521
- width: 270px;
522
- }
523
- body .christmas-red .header {
524
- width: 275px;
525
- height: 47px;
526
- top: -47px;
527
- background-position: -3px 0;
528
- }
529
- body .christmas-red .footer {
530
- width: 270px;
531
- }
532
-
533
-
534
-
535
- /**
536
- * Xmas
537
- *
538
- * 1.2 - Classic
539
- * -----------------------------------------------------------------------------
540
- */
541
- body .christmas-classic-container {
542
- margin-bottom: 170px;
543
- }
544
- body .christmas-classic .left {
545
- display: none;
546
- }
547
- body .christmas-classic .footer {
548
- width: 316px;
549
- margin-left: -46px;
550
- height: 300px;
551
- bottom: -300px;
552
- }
553
- body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
554
- body .christmas-classic .wpcf7-submit {
555
- bottom: -165px;
556
- left: 12px;
557
- }
558
- /**
559
- * Xmas
560
- *
561
- * 1.3 - Simple
562
- * -----------------------------------------------------------------------------
563
- */
564
-
565
- body .christmas-simple .header {
566
- top: -23px;
567
- }
568
- /**
569
- * Valentine's Day
570
- *
571
- * 2.1 - Classic
572
- * -----------------------------------------------------------------------------
573
- */
574
-
575
- body .valentines-day-classic .heart {
576
- width: 90px;
577
- }
578
- /**
579
- * Valentine's Day
580
- *
581
- * 2.2 - Roses
582
- * -----------------------------------------------------------------------------
583
- */
584
-
585
- body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea {
586
- width: 140px;
587
- height: 90px;
588
- padding: 5px;
589
- }
590
- body .valentines-day-roses .letter-box {
591
- width: 100%;
592
- }
593
- body .valentines-day-roses div.wpcf7-validation-errors,
594
- body .valentines-day-roses div.wpcf7-mail-sent-ok {
595
- width: 100%;
596
- margin: 0;
597
- left: 0;
598
- }
599
- /**
600
- * Valentine's Day
601
- *
602
- * 2.3 Birds
603
- * -----------------------------------------------------------------------------
604
- */
605
-
606
- body .valentines-day-birds {
607
- margin-top: 145px;
608
- }
609
- body .valentines-day-birds .bg-header {
610
- width: 322px;
611
- left: -75px;
612
- height: 164px;
613
- top: -163px;
614
- }
615
- /**
616
- * Xmas
617
- *
618
- * 2.4 - Blue Birds
619
- * -----------------------------------------------------------------------------
620
- */
621
-
622
- body .valentines-day-blue-birds .header {
623
- height: 120px;
624
- }
625
- }
626
-
627
-
628
- @media only screen and (min-device-width: 991px) and (max-device-width: 1199px){
629
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit {
630
- right: 50%;
631
- margin-right: -40px;
632
- }
633
- }
634
-
635
- @media only screen and (max-device-width: 767px){
636
- body .valentines-day-roses .letter-box{
637
- margin: 20px auto;
638
- }
639
- body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit {
640
- right: 50%;
641
- margin-right: -40px;
642
- }
643
- }
1
+ @media only screen and (max-device-width:1024px){body .christmas-red{margin-bottom:0}body .christmas-red-container{margin-bottom:140px;padding-bottom:4px}body .christmas-classic .footer,body .christmas-classic .header,body .christmas-classic-container,body .christmas-red .footer,body .christmas-red .header,body .christmas-red-container,body .christmas-simple .footer,body .christmas-simple .header,body .christmas-simple .ribbon,body .christmas-simple-container,body .valentines-day-blue-birds,body .valentines-day-blue-birds .footer,body .valentines-day-blue-birds .header,body .valentines-day-classic .heart,body .valentines-day-roses{-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto}body .christmas-classic p,body .christmas-red p,body .christmas-simple p,body .twenty-fifteen-pattern p,body .valentines-day-blue-birds p,body .valentines-day-blue-birds textarea,body .valentines-day-roses{width:100%;padding:0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .christmas-classic-container{width:100%;max-width:480px;margin-bottom:310px}body .christmas-classic p{margin-left:0}body .christmas-classic .left{z-index:100;left:-70px;bottom:-15px}body .christmas-classic .footer{width:559px;margin-left:-79px;height:300px;bottom:-300px}body .christmas-classic .wpcf7-submit,body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]){bottom:-285px;left:34px;width:101px;height:90px}body .christmas-classic span.wpcf7-not-valid-tip,body .christmas-classic-mail-sent-ok,body .christmas-classic-validation-errors,body .christmas-red .wpcf7-mail-sent-ok,body .christmas-red .wpcf7-validation-errors,body .christmas-red span.wpcf7-not-valid-tip{width:100%}body .cf7-style div.wpcf7-response-output{padding:0 45px;font-size:14px}body .christmas-simple-container{width:85%}body .christmas-simple{width:100%;padding:0}body .christmas-simple .header{width:100.9%}body .christmas-simple .footer{width:100.9%;bottom:-35px}body .christmas-simple p input[type=text],body .christmas-simple p input[type=text]:focus,body .christmas-simple p input[type=text]:hover,body .christmas-simple p input[type=email],body .christmas-simple p input[type=email]:focus,body .christmas-simple p input[type=email]:hover,body .christmas-simple p input[type=tel],body .christmas-simple p input[type=tel]:focus,body .christmas-simple p input[type=tel]:hover,body .christmas-simple p textarea,body .christmas-simple p textarea:focus,body .christmas-simple p textarea:hover{width:97%}body .christmas-simple .ribbon{right:-70px;top:-90px}body .christmas-simple div.wpcf7-response-output,body .christmas-simple span.wpcf7-not-valid-tip{width:100%;line-height:20px}body .twenty-fifteen-pattern{width:100%}body .transparent-two-columns p:nth-of-type(1),body .transparent-two-columns p:nth-of-type(2){width:100%;margin:0}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body .christmas-red-container{width:480px;margin:0 auto 140px;padding-bottom:4px;display:block}body .christmas-red .header{width:489px;background-position:-5px 0;top:-85px}body .christmas-red .footer{width:490px;left:-5px}body .valentines-day-roses{padding-left:215px;padding-right:0}body .valentines-day-roses .letter-box{margin-top:64px}}@media only screen and (min-device-width:768px) and (max-device-width:1023px){body .christmas-classic-container{margin-bottom:331px}body .christmas-classic .footer{width:619px;margin-left:-87px;height:331px;bottom:-331px}body .valentines-day-roses{padding-left:265px}body .valentines-day-roses .letter-box{margin-top:93px}}@media only screen and (min-width:480px) and (max-device-width:767px){body .christmas-red-container{width:468px}body .christmas-red .footer,body .christmas-red .header{width:476px}body .christmas-red .header{top:-83px;left:-4px;background:url(../images/xmas-red/header.png) 0 top no-repeat;background-size:contain}body .christmas-red .footer{left:-4px}body .christmas-red p{padding:0 20px}body .christmas-red select.wpcf7-form-control.wpcf7-select option{width:100%;background-color:#fff}body .christmas-simple .header{top:-33px}}@media only screen and (min-device-width:321px) and (max-device-width:480px){body .christmas-red-container{width:405px;padding-bottom:22px}body .christmas-red .header{background-position:-4px 0;top:-71px;width:412px}body .christmas-red p{padding:0 40px}body .christmas-red .footer{left:-4px;width:413px}body .christmas-classic-container{margin-bottom:260px}body .christmas-classic .left{left:-73px}body .christmas-classic .footer{bottom:-256px;height:256px;margin-left:-70px;width:476px}body .christmas-classic .wpcf7-submit,body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]){left:20px;bottom:-250px}body .valentines-day-blue-birds .header{height:180px}}@media only screen and (max-device-width:480px){body .christmas-classic p{padding:0 25px}body .christmas-simple .ribbon{width:90px;top:-40px;right:-20px}body .christmas-simple p{padding:0 20px}body .christmas-simple span.wpcf7-list-item{display:block}body .christmas-simple .header{top:-28px}body .valentines-day-classic{margin-top:50px;padding-bottom:0;margin-bottom:10px}body .valentines-day-roses .letter-box{margin-top:17px}body .valentines-day-birds .bg-bottom,body .valentines-day-birds .bg-header,body .valentines-day-birds-container{-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto}body .valentines-day-birds{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:50px;padding:0 90px 0 0;margin-bottom:0}body .valentines-day-birds:after{content:'';width:94%;position:absolute;top:100%;right:50px;border-bottom:1px solid #000}body .valentines-day-birds-container{width:100%;background-position:2px 0}body .valentines-day-birds .bg-header{width:490px;height:263px;left:-92px;background-position:0 0;top:-260px}body .valentines-day-birds .bg-bottom{display:none}body .twenty-fifteen-pattern button,body .twenty-fifteen-pattern input[type=button],body .twenty-fifteen-pattern input[type=reset],body .twenty-fifteen-pattern input[type=submit],body .twenty-fifteen-pattern p{font-size:14px}}@media only screen and (max-width:479px){body .christmas-classic .footer{margin-left:-56px;width:373px}body .valentines-day-birds{margin-top:221px}body .valentines-day-birds .bg-header{width:383px;height:213px;left:-83px;top:-211px}body .wpcf7 form.valentines-day-birds p{font-size:.8rem}body .wpcf7 form.valentines-day-blue-birds p{font-size:.8rem;padding:0 20px}body .valentines-day-roses{padding:0 20px}body .valentines-day-roses>p{padding-top:8px;text-align:center;padding-left:100px}}@media only screen and (max-width:320px){body .christmas-red-container{width:270px}body .christmas-red .header{width:275px;height:47px;top:-47px;background-position:-3px 0}body .christmas-red .footer{width:270px}body .christmas-classic-container{margin-bottom:170px}body .christmas-classic .left{display:none}body .christmas-classic .footer{width:316px;margin-left:-46px;height:300px;bottom:-300px}body .christmas-classic .wpcf7-submit,body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]){bottom:-165px;left:12px}body .christmas-simple .header{top:-23px}body .valentines-day-classic .heart{width:90px}body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea{width:140px;height:90px;padding:5px}body .valentines-day-roses .letter-box{width:100%}body .valentines-day-roses div.wpcf7-mail-sent-ok,body .valentines-day-roses div.wpcf7-validation-errors{width:100%;margin:0;left:0}body .valentines-day-birds{margin-top:145px}body .valentines-day-birds .bg-header{width:322px;left:-75px;height:164px;top:-163px}body .valentines-day-blue-birds .header{height:120px}}@media only screen and (min-device-width:991px) and (max-device-width:1199px){body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit{right:50%;margin-right:-40px}}@media only screen and (max-device-width:767px){body .valentines-day-roses .letter-box{margin:20px auto}body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit{right:50%;margin-right:-40px}}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
inc/editor_page.php CHANGED
@@ -72,6 +72,20 @@ class init_sections_register_fields {
72
  $html .= '</td></tr><tr><td colspan="2">';
73
  return $html;
74
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
75
  function register_new_fields() {
76
  add_settings_section(
77
  'cf7styleeditor',
@@ -92,6 +106,7 @@ class init_sections_register_fields {
92
  $set_fields = array (
93
  'cf7_style_allow_tracking' => __('Data collection', 'contact-form-7-style'),
94
  'cf7_style_deleted' => __('Import predefined Contact Form 7 Style templates', 'contact-form-7-style'),
 
95
  );
96
  foreach ( $set_fields as $field => $value ) {
97
  add_settings_field(
@@ -126,6 +141,9 @@ class init_sections_register_fields {
126
  if(isset($_POST[ 'cf7styletracking' ])){
127
  update_option( $args[0], 0 );
128
  }
 
 
 
129
  }
130
  switch($args[0]) {
131
  case 'cf7_style_allow_tracking' :
@@ -134,6 +152,9 @@ class init_sections_register_fields {
134
  case 'cf7_style_deleted':
135
  echo $this->cf7style_templates_structure( $args );
136
  break;
 
 
 
137
  }
138
  }
139
  function text_inputs( $args ) {
72
  $html .= '</td></tr><tr><td colspan="2">';
73
  return $html;
74
  }
75
+
76
+ function cf7style_tooltip_structure( $args ) {
77
+ $html = "";
78
+ $html .= '</tr>';
79
+ $html .= '<tr><td colspan="2">';
80
+ $option = get_option( $args[0] );
81
+ if( isset( $_POST[ 'cf7_style_form_tooltip' ] ) ) {
82
+ update_option( 'cf7_style_form_tooltip', '1' );
83
+ }
84
+ $html .= '<label>'. __( 'Show the frontend form edit button:', 'contact-form-7-style' ) . ' <input type="checkbox" value="1" ' . checked( 1, $option, false ) .' id="' . $args[0] . '[' . $args[0] . ']" name="' . $args[0] . '" /></label>';
85
+ $html .= '</td></tr><tr><td colspan="2">';
86
+ return $html;
87
+ }
88
+
89
  function register_new_fields() {
90
  add_settings_section(
91
  'cf7styleeditor',
106
  $set_fields = array (
107
  'cf7_style_allow_tracking' => __('Data collection', 'contact-form-7-style'),
108
  'cf7_style_deleted' => __('Import predefined Contact Form 7 Style templates', 'contact-form-7-style'),
109
+ 'cf7_style_form_tooltip' => __( 'Display form edit tooltip on frontend?', 'contact-form-7-style' ),
110
  );
111
  foreach ( $set_fields as $field => $value ) {
112
  add_settings_field(
141
  if(isset($_POST[ 'cf7styletracking' ])){
142
  update_option( $args[0], 0 );
143
  }
144
+ if( isset( $_POST['cf7_style_form_tooltip'] ) ) {
145
+ update_option( $args[0], 0 );
146
+ }
147
  }
148
  switch($args[0]) {
149
  case 'cf7_style_allow_tracking' :
152
  case 'cf7_style_deleted':
153
  echo $this->cf7style_templates_structure( $args );
154
  break;
155
+ case 'cf7_style_form_tooltip' :
156
+ echo $this->cf7style_tooltip_structure( $args );
157
+ break;
158
  }
159
  }
160
  function text_inputs( $args ) {
inc/slider_meta_box.php CHANGED
@@ -97,11 +97,13 @@ function cf7style_meta_box ( $post_id ) {
97
  function init_meta_box_by_version() {
98
  $plugin_folder = get_plugins( '/' . 'contact-form-7' );
99
  $plugin_file = 'wp-contact-form-7.php';
100
- $CF7Version = $plugin_folder[$plugin_file]['Version'];
101
- if ( $CF7Version < 4.2 ) {
102
- add_action( 'wpcf7_add_meta_boxes', 'cf7style_meta_box' );
103
- } else {
104
- add_filter( 'wpcf7_editor_panels', 'cf7style_add_template_panel' );
 
 
105
  }
106
  }
107
  add_action( 'admin_init', 'init_meta_box_by_version' );
97
  function init_meta_box_by_version() {
98
  $plugin_folder = get_plugins( '/' . 'contact-form-7' );
99
  $plugin_file = 'wp-contact-form-7.php';
100
+ if($plugin_folder){
101
+ $CF7Version = $plugin_folder[$plugin_file]['Version'];
102
+ if ( $CF7Version < 4.2 ) {
103
+ add_action( 'wpcf7_add_meta_boxes', 'cf7style_meta_box' );
104
+ } else {
105
+ add_filter( 'wpcf7_editor_panels', 'cf7style_add_template_panel' );
106
+ }
107
  }
108
  }
109
  add_action( 'admin_init', 'init_meta_box_by_version' );
inc/system_status.php CHANGED
@@ -253,19 +253,41 @@ function cf7style_register_help_submenu_page() {
253
 
254
  function cf7_style_send_status_report() {
255
 
256
- $name = sanitize_text_field( $_POST['name'] );
257
- $email = sanitize_email( $_POST['email'] );
258
- $message = sanitize_text_field( $_POST['message'] );
259
-
260
- $to = 'cf7style@gmail.com';
261
- $subject = __( 'CF7 Style System Status', 'contact-form-7-style' );
262
- $body = wp_kses_post( $_POST['report'] );
263
- $body .= "<table><tr><td>Name: " . $name . "</td></tr>";
264
- $body .= "<tr><td>Email: " . $email . "</td></tr>";
265
- $body .= "<tr><td>Message: " . $message . "</td></tr></table>";
266
- $headers = array( 'Content-Type: text/html; charset=UTF-8' );
267
-
268
- $wp_mail = wp_mail( $to, $subject, $body, $headers );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
269
 
270
  if( false === $wp_mail ) {
271
  echo 'error';
253
 
254
  function cf7_style_send_status_report() {
255
 
256
+ $name = sanitize_text_field( $_POST['name'] );
257
+ $email = sanitize_email( $_POST['email'] );
258
+ $message = sanitize_text_field( $_POST['message'] );
259
+ $site_name = get_bloginfo( 'name' );
260
+
261
+ $to = 'cf7style@gmail.com';
262
+ $subject = __( 'CF7 Style System Status', 'contact-form-7-style' ) . " - {$site_name}";
263
+ $body = wp_kses_post( $_POST['report'] );
264
+ $body .= "<table><tr><td>Name: " . $name . "</td></tr>";
265
+ $body .= "<tr><td>Email: " . $email . "</td></tr>";
266
+ $body .= "<tr><td>Message: " . $message . "</td></tr></table>";
267
+ $headers = array( 'Content-Type: text/html; charset=UTF-8' );
268
+
269
+ $wp_mail = wp_mail( $to, $subject, $body, $headers );
270
+
271
+ // Auto-response
272
+ $auto_response = "<table><tr><td>" . __( 'Hey there', 'contact-form-7-style' ) . ",</td></tr><tr><td></td></tr>";
273
+ $auto_response .= "<tr><td>" . __( 'Thank you for using Contact Form 7 Style', 'contact-form-7-style' ) . ".</td></tr>";
274
+ $auto_response .= "<tr><td>" . __( 'One of our consultants will reply as soon as possible', 'contact-form-7-style' ) . ".</td></tr>";
275
+ $auto_response .= "<tr><td></td></tr><tr><td></td></tr>";
276
+ $auto_response .= "<tr style='font-size: 13px;'><td>" . __( 'Thank you!', 'contact-form-7-style' ) . "</td></tr>";
277
+ $auto_response .= "<tr style='font-size: 13px;'><td>" . __( 'Contact Form 7 Style Support Team', 'contact-form-7-style' ) . "</td></tr><tr><td></td></tr></table>";
278
+
279
+ $auto_response .= "<table style='font-size: 12px; color: #777;'>";
280
+ $auto_response .= "<tr><td></td></tr><tr><td></td></tr>";
281
+ $auto_response .= "<tr><td>" . __( 'If you like this plugin we hope that you will help support our continued development', 'contact-form-7-style' ) . ".</td></tr>";
282
+ $auto_response .= "<tr><td>" . __( 'The two best ways to offer your support is to', 'contact-form-7-style' ) . " <a href='http://cf7style.com/back-this-project/'>";
283
+ $auto_response .= __( 'send us a Donation', 'contact-form-7-style' ) . "</a>. ";
284
+ $auto_response .= __( 'Even $1 helps encourage us to do more', 'contact-form-7-style' ) . ".</td></tr>";
285
+ $auto_response .= "<tr><td>" . __( 'If you can’t donate, please help us reach our 5-star rating by', 'contact-form-7-style' );
286
+ $auto_response .= " <a href='https://wordpress.org/support/view/plugin-reviews/contact-form-7-style#postform'>" . __( 'rating this plugin', 'contact-form-7-style' ) . "</a>.";
287
+ $auto_response .= "</td></tr><tr><td></td></tr>";
288
+ $auto_response .= "<tr><td>" . __( 'All contributions will be gratefully acknowledged', 'contact-form-7-style' ) . "!</td></tr></table>";
289
+
290
+ $wp_mail2 = wp_mail( $email, $subject, $auto_response, $headers );
291
 
292
  if( false === $wp_mail ) {
293
  echo 'error';
js/frontend-min.js ADDED
@@ -0,0 +1 @@
 
1
+ jQuery(document).ready(function(s){s(".valentines-day-classic").prepend("<div class='heart'></div>"),s(".valentines-day-roses").length>0&&s(".valentines-day-roses").append("<div class='letter-box'></div>").find("input, select").parents("p").appendTo(s(".letter-box")),s(".valentines-day-birds").wrap("<div class='valentines-day-birds-container'></div>"),s(".valentines-day-birds").prepend("<div class='bg-header'></div>").append("<div class='bg-bottom'></div>"),s(".valentines-day-blue-birds").prepend('<div class="header"></div>').append('<div class="footer"></div>'),s(".christmas-classic").wrap("<div class='christmas-classic-container'></div>"),s(".christmas-classic").prepend('<div class="header"></div><div class="left"></div>').append('<div class="footer"></div>'),s(".christmas-red").wrap("<div class='christmas-red-container'></div>"),s(".christmas-red").prepend('<div class="header"></div><div class="left"></div>').append('<div class="footer"></div>'),s(".christmas-red .wpcf7-radio .wpcf7-list-item").first().addClass("active"),s(".christmas-red .wpcf7-radio .wpcf7-list-item input").on("click",function(){s(".christmas-red .wpcf7-radio .wpcf7-list-item, .christmas-red .wpcf7-radio .wpcf7-list-item label").removeClass("active"),s(this).parent().addClass("active")}),s(".christmas-red .wpcf7-checkbox .wpcf7-list-item input").on("click",function(){s(this).parent().toggleClass("active")}),s(".christmas-simple").wrap("<div class='christmas-simple-container'></div>"),s(".christmas-simple").prepend('<div class="header"></div><div class="middle"></div><div class="ribbon"></div>').append('<div class="footer"></div>')});
misc/welcome.php CHANGED
@@ -43,7 +43,7 @@ if ( !function_exists( 'cf7_style_show_welcome_panel' ) ) {
43
  </td>
44
  <td>
45
  <h3>&nbsp;</h3>
46
- <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=ionut.iclanzan.reea@gmail.com&item_name=Donation+for+Contact+Form+Style" target="_blank">
47
  <?php echo '<img src="' . plugins_url( 'contact-form-7-style/admin/images/donate1.jpg' ) . '" > ';?>
48
  </a>
49
  </td>
43
  </td>
44
  <td>
45
  <h3>&nbsp;</h3>
46
+ <a href="http://cf7style.com/back-this-project/" target="_blank">
47
  <?php echo '<img src="' . plugins_url( 'contact-form-7-style/admin/images/donate1.jpg' ) . '" > ';?>
48
  </a>
49
  </td>
options.php CHANGED
@@ -4,185 +4,6 @@
4
  */
5
 
6
  require 'plugin-options.php';
7
- $options = json_decode($options_string, true);
8
-
9
- /**
10
- * Generate property fields
11
- */
12
-
13
- function generate_property_fields( $key, $std, $name, $type, $saved_values, $selector_type ) {
14
- $temp = '';
15
- /*Had to remove numbers which adds the UNIQUE keys!*/
16
- $title_addon = ($selector_type != "") ? str_replace('_', ' ', $selector_type): "";
17
- $hidden_element = ($selector_type != "") ? "class='hidden".$title_addon."-element'": "";
18
- $current_key = preg_replace('/[0-9]+/', '', strtolower( $key ) );
19
- switch ( $current_key ) {
20
- case 'color-picker':
21
- case 'input':
22
- $field_class = ($current_key == "input") ? "cf7-style-upload-field" : "cf7-style-color-field";
23
- $saved_one = (array_key_exists( $name . "_". $std["style"].$selector_type, $saved_values)) ? $saved_values[ $name . "_". $std["style"].$selector_type] : "";
24
- return "<li ".$hidden_element."><label for='". $name . "_". $std["style"] .$selector_type."'><strong>".$std["title"].$title_addon.":</strong></label>".(($current_key == "color-picker") ? "<span class='icon smaller'><i class='fa fa-eyedropper' aria-hidden='true'></i></span>" : "")."<input type='text' id='". $name . "_". $std["style"] .$selector_type."' name='cf7stylecustom[". $name . "_". $std["style"] .$selector_type."]' value='". $saved_one ."' class='".$field_class."' /></li>";
25
- break;
26
- case 'comming-soon':
27
- return "<li></li>";
28
- break;
29
- case 'numeric':
30
- $val = explode( " ", $std["property"] );
31
- $temp .= "<li ".$hidden_element.">";
32
- if( $std["property"] == "0 0 0 0"){
33
- if( $std["style"] == "border-radius"){
34
- $element= array( "top-left", "top-right-radius", "bottom-left-radius", "bottom-right-radius" );
35
- $temp .= "<label for='".$name . "_border-top-left-radius".$selector_type."'><strong>".$std["title"].":</strong>";
36
- } else {
37
- $element= array( "top", "right", "bottom", "left" );
38
- $labelos = explode( "-",$std["style"]);
39
- if( $std["style"] == "border-radius"){
40
- $ending = "-top-".$labelos[1].$selector_type;
41
- } else {
42
- $ending = "-top".$selector_type;
43
- }
44
- $temp .= "<label for='".$name . "_". $labelos[0].$ending."'><strong>".$std["title"].$title_addon.":</strong>";
45
- }
46
- }else {
47
- $temp .= "<label for='".$name . "_". $std["style"].$selector_type."'><strong>".$std["title"].$title_addon.":</strong>";
48
- }
49
- $incrementor = 0;
50
- $indexer = 0;
51
- $arrows = array('up', 'right', 'down' , 'left');
52
- $fonts = array( 'font-size' => 'text-height', 'line-height' => 'font', 'text-indent' => 'indent');
53
- foreach( $val as $elem_key => $elem_value ) {
54
- if( $std["property"] == "0 0 0 0"){
55
- /*Add new style properties if 4 value property inserted*/
56
- $newproperty = explode("-", $std["style"]);
57
- $endstyling = $element[ $incrementor];
58
- if( $std["style"] == "border-radius"){
59
- $endstyling = $element[ $incrementor ]."-".end($newproperty);
60
- }
61
- $std["style"] = $newproperty[0] ."-".$endstyling;
62
- $incrementor++;
63
- }
64
- $test = ( $std["style"] == "border-top" || $std["style"] == "border-right" || $std["style"] == "border-bottom" || $std["style"] == "border-left") ? '-width' : '' ;
65
- $saved_one = ( array_key_exists( $name . "_". $std["style"].$test.$selector_type, $saved_values)) ? $saved_values [ $name . "_". $std["style"].$test.$selector_type ] : "";
66
- switch ($type){
67
- case "width" : $temp .= '<span class="icon"><i class="fa fa-arrows-h" aria-hidden="true"></i></span>'; break;
68
- case "height" : $temp .= '<span class="icon"><i class="fa fa-arrows-v" aria-hidden="true"></i></span>'; break;
69
- case "border" :
70
- case "margin" :
71
- case "padding": $temp .= '<span class="icon"><i class="fa fa-long-arrow-'.$arrows[$indexer++].'" aria-hidden="true"></i></span>'; break;
72
- case "font" : $temp .= '<span class="icon"><i class="fa fa-'.$fonts[$std["style"]].'" aria-hidden="true"></i></span>';break;
73
- }
74
- $temp .= "<input type='number' min='0' max='1000' id='". $name . "_". $std["style"].$test.$selector_type."' name='cf7stylecustom[". $name . "_". $std["style"].$test.$selector_type."]' value='". $saved_one ."' />";
75
-
76
- $temp .= "<select id='". $name . "_". $std["style"] .$test . "_unit".$selector_type."' name='cf7stylecustom[". $name . "_". $std["style"] .$test ."_unit".$selector_type."]'>";
77
- foreach( $std["unit"] as $unit_val ) {
78
- $saved_one_unit = ( array_key_exists( $name . "_". $std["style"]. "_unit".$selector_type, $saved_values) ) ? $saved_values[ $name . "_". $std["style"]. "_unit".$selector_type ] : "";
79
- $temp .= "<option ". selected( $saved_one_unit , $unit_val, false ) . ">". $unit_val ."</option>";
80
- }
81
- $temp .= "</select>";
82
-
83
- }
84
- $temp .= "</label></li>";
85
- return $temp;
86
- break;
87
-
88
- case 'select':
89
- $fonts = array( 'font-style' => 'italic', 'font-weight' => 'bold', 'text-align' => 'align-center', 'text-decoration' => 'underline', 'text-transform' => 'header' );
90
- $temp .= "<li ".$hidden_element."><label for='".$name . "_" . $std["style"].$selector_type."'><strong>".$std["title"].$title_addon.":</strong>";
91
- switch ($type){
92
- case "font" : $temp .= '<span class="icon"><i class="fa fa-'.$fonts[$std["style"]].'" aria-hidden="true"></i></span>';break;
93
- }
94
- $temp .= "<select id='". $name . "_" . $std["style"].$selector_type. "' name='cf7stylecustom[". $name . "_" . $std["style"] .$selector_type."]'>";
95
- $temp .= '<option value="">'.__( "Choose value", 'contact-form-7-style' ).'</option>';
96
- foreach( $std["property"] as $key => $value ) {
97
- $saved_one = ( array_key_exists($name . "_". $std["style"].$selector_type, $saved_values) ) ? $saved_values[ $name . "_". $std["style"].$selector_type] : "";
98
- $temp .= "<option ". selected( $saved_one , $value, false ) . ">". $value ."</option>";
99
- }
100
- $temp .= "</select></label></li>";
101
- return $temp;
102
-
103
- break;
104
-
105
- default:
106
-
107
- break;
108
- }
109
-
110
- }
111
-
112
-
113
- /**
114
- * Elements
115
- */
116
- $sameElements = array( "width", "height", "background", "margin", "padding", "font", "border", "float", "display", "box-sizing" );
117
- $containerElements = array( "width", "height", "margin", "padding", "font", "border", "float", "box-sizing" );
118
- $elements = array(
119
- 'form' => array(
120
- 'name' => 'form',
121
- 'description' => 'The Contact Form 7 form element\'s design can be modified below:',
122
- 'settings' => array("width", "height", "background", "margin", "padding", "border", "float", "box-sizing" )
123
- ),
124
- 'input' => array(
125
- 'name' => 'input',
126
- 'description' => 'This section allows styling of text, email, URL and contact numbers fields.',
127
- 'settings' => $sameElements
128
- ),
129
- 'textarea' => array(
130
- 'name' => 'text area',
131
- 'description' => 'This section allows styling the textarea fields.',
132
- 'settings' => $sameElements
133
- ),
134
- "p" => array(
135
- 'name' => 'text',
136
- 'description' => '',
137
- 'settings' => $containerElements
138
- ),
139
- 'label' => array(
140
- 'name' => 'input label',
141
- 'description' => 'This section allows styling the input label.',
142
- 'settings' => $containerElements
143
- ),
144
- 'fieldset' => array(
145
- 'name' => 'fieldset',
146
- 'description' => '',
147
- 'settings' => $containerElements
148
- ),
149
- 'submit' => array(
150
- 'name' => 'submit button',
151
- 'description' => 'This section allows styling the submit button.',
152
- 'settings' => $sameElements
153
- ),
154
- 'select' => array(
155
- 'name' => 'dropdown menu',
156
- 'description' => 'This section allows styling the dropdown menus.',
157
- 'settings' => $sameElements
158
- ),
159
- 'acceptance' => array(
160
- 'name' => 'acceptance',
161
- 'description' => '',
162
- 'settings' => array("comming-soon")
163
- ),
164
- 'checkbox' => array(
165
- 'name' => 'checkboxes',
166
- 'description' => '',
167
- 'settings' => array( "width", "height" )
168
- ),
169
- 'radio' => array(
170
- 'name' => 'radio buttons',
171
- 'description' => '',
172
- 'settings' => array( "width", "height" )
173
- ),
174
- 'file' => array(
175
- 'name' => 'file',
176
- 'description' => '',
177
- 'settings' => array("comming-soon")
178
- ),
179
- 'quiz' => array(
180
- 'name' => 'quiz',
181
- 'description' => '',
182
- 'settings' => array("comming-soon")
183
- ),
184
- );
185
-
186
 
187
  /**
188
  * Get saved values
@@ -191,42 +12,44 @@ $elements = array(
191
  wp_nonce_field( 'cf_7_style_style_customizer_inner_custom_box', 'cf_7_style_customizer_custom_box_nonce' );
192
  $saved_values = maybe_unserialize(get_post_meta( $post->ID, 'cf7_style_custom_styler', true ));
193
  $saved_values = (empty($saved_values)) ? array() : $saved_values;
 
194
  $active_panel = get_post_meta( $post->ID, 'cf7_style_active_panel', 'form' );
195
- $active_panel = ( $active_panel=="" ) ? "form" : $active_panel;
196
-
197
  $form_tags = '<div id="form-tag">';
198
  $form_tags .= '<h4>'. __( "Choose element", 'contact-form-7-style' ).'</h4>';
199
- $form_panel = '';
200
  $form_index = 0;
201
  foreach( $elements as $property => $property_value ) {
202
  $selected_class = ( $active_panel == $property) ? ' button-primary' : '';
203
  $hidden_class = ( $active_panel != $property || ( $active_panel =="" && $form_index++ > 0)) ? ' hidden' : '';
204
  $form_tags .= "<a href='#' class='button".$selected_class."' data-property='".$property."'>" . $property_value['name'] . "</a>";
205
  $form_panel .= "<div class='". $property ."-panel panel".$hidden_class." clearfix'>";
206
- if( $property_value['description'] != ""){
207
- $form_panel .= '<h4 class="description-title">'.$property_value['description'].'</h4>';
208
- }
209
- foreach( $property_value['settings'] as $sub_property_key => $sub_property_value ) {
210
- $property = strtolower( $property );
211
- $sub_property_slug = strtolower( $options[$sub_property_value]['slug'] );
212
- $style_element_name = strtolower($options[$sub_property_value]['name']);
213
- $half_width_class = ( $style_element_name == "box sizing" || $style_element_name == "display" || $style_element_name == "position" || $style_element_name == "width" || $style_element_name == "height") ? "half-size" : "";
214
- $form_panel .= '<div class="element-styling '.$half_width_class.' '.$style_element_name.'"><h3><span>&lt;'.$property.'&gt;</span> '.$style_element_name . '</h3>';
215
- if( $options[$sub_property_value]['type'] ) {
216
- $form_panel .= "<ul>";
217
- foreach( $options[$sub_property_value]['type'] as $key => $value ) {
218
- if( $key != "comming-soon" ){
219
- $form_panel .= generate_property_fields( $key, $value, $property, $sub_property_slug, $saved_values, '');
220
- $form_panel .= generate_property_fields( $key, $value, $property, $sub_property_slug, $saved_values, '_hover');
221
- } else {
222
- $form_panel .= "<li></li>";
 
 
223
  }
 
 
224
  }
225
- $form_panel .= "</ul>";
226
- $form_panel .= "</div>";
227
  }
228
  }
229
- $form_panel .= "</div>";
230
  }
231
  ?>
232
 
@@ -265,8 +88,21 @@ foreach( $elements as $property => $property_value ) {
265
  <label><input type="radio" name="element-type" checked = "checked" value="normal" /> <?php echo __( "normal state", 'contact-form-7-style' ); ?></label>
266
  <label><input type="radio" name="element-type" value="hover" /> <?php echo __( ":hover state", 'contact-form-7-style' ); ?></label>
267
  <div class="hidden"><input type="text" name="cf7styleactivepane" value="<?php echo $active_panel; ?>"></div>
 
268
  </div>
269
  <?php echo $form_panel; ?>
 
 
 
 
 
 
 
 
 
 
 
 
270
  </div>
271
  <div class='panel-header'>
272
 
@@ -278,7 +114,7 @@ foreach( $elements as $property => $property_value ) {
278
 
279
  // Show default form when on first custom style edit
280
  if( empty( $form_el ) ) {
281
- echo "<p class='cf7style-no-forms-added'>" . __( 'Please check one of the forms above to activate the preview mode.', 'cf7style' ) . "</p>";
282
  }
283
 
284
  foreach ( $form_el as $key => $cur_form ) {
@@ -294,8 +130,8 @@ foreach( $elements as $property => $property_value ) {
294
  <?php $check_screen = get_current_screen(); ?>
295
  <div class="fixed-save-style">
296
  <?php if( $check_screen->action == "add" && $check_screen->post_type == "cf7_style" ){ ?>
297
- <input type="submit" name="publish" class="button button-primary button-large" value="Publish Style">
298
  <?php } else { ?>
299
- <input name="save" type="submit" class="button button-primary button-large" value="Update Style">
300
  <?php } ?>
301
  </div>
4
  */
5
 
6
  require 'plugin-options.php';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
 
8
  /**
9
  * Get saved values
12
  wp_nonce_field( 'cf_7_style_style_customizer_inner_custom_box', 'cf_7_style_customizer_custom_box_nonce' );
13
  $saved_values = maybe_unserialize(get_post_meta( $post->ID, 'cf7_style_custom_styler', true ));
14
  $saved_values = (empty($saved_values)) ? array() : $saved_values;
15
+ $encoded_data = str_replace( "\"", "'", json_encode( $saved_values));
16
  $active_panel = get_post_meta( $post->ID, 'cf7_style_active_panel', 'form' );
17
+ $active_panel = ( $active_panel=="" ) ? "form" : $active_panel;
 
18
  $form_tags = '<div id="form-tag">';
19
  $form_tags .= '<h4>'. __( "Choose element", 'contact-form-7-style' ).'</h4>';
20
+ $form_panel = "";
21
  $form_index = 0;
22
  foreach( $elements as $property => $property_value ) {
23
  $selected_class = ( $active_panel == $property) ? ' button-primary' : '';
24
  $hidden_class = ( $active_panel != $property || ( $active_panel =="" && $form_index++ > 0)) ? ' hidden' : '';
25
  $form_tags .= "<a href='#' class='button".$selected_class."' data-property='".$property."'>" . $property_value['name'] . "</a>";
26
  $form_panel .= "<div class='". $property ."-panel panel".$hidden_class." clearfix'>";
27
+ if( $property == $active_panel ) {
28
+ if( $property_value['description'] != ""){
29
+ $form_panel .= '<h4 class="description-title">'.$property_value['description'].'</h4>';
30
+ }
31
+ foreach( $property_value['settings'] as $sub_property_key => $sub_property_value ) {
32
+ $property = strtolower( $property );
33
+ $sub_property_slug = strtolower( $options[$sub_property_value]['slug'] );
34
+ $style_element_name = strtolower($options[$sub_property_value]['name']);
35
+ $half_width_class = ( $style_element_name == "box sizing" || $style_element_name == "display" || $style_element_name == "position" || $style_element_name == "width" || $style_element_name == "height") ? "half-size" : "";
36
+ $form_panel .= '<div class="element-styling '.$half_width_class.' '.$style_element_name.'"><h3><span>&lt;'.$property.'&gt;</span> '.$style_element_name . '</h3>';
37
+ if( $options[$sub_property_value]['type'] ) {
38
+ $form_panel .= "<ul>";
39
+ foreach( $options[$sub_property_value]['type'] as $key => $value ) {
40
+ if( $key != "comming-soon" ){
41
+ $form_panel .= generate_property_fields( $key, $value, $property, $sub_property_slug, $saved_values, '');
42
+ $form_panel .= generate_property_fields( $key, $value, $property, $sub_property_slug, $saved_values, '_hover');
43
+ } else {
44
+ $form_panel .= "<li></li>";
45
+ }
46
  }
47
+ $form_panel .= "</ul>";
48
+ $form_panel .= "</div>";
49
  }
 
 
50
  }
51
  }
52
+ $form_panel .= "</div>";
53
  }
54
  ?>
55
 
88
  <label><input type="radio" name="element-type" checked = "checked" value="normal" /> <?php echo __( "normal state", 'contact-form-7-style' ); ?></label>
89
  <label><input type="radio" name="element-type" value="hover" /> <?php echo __( ":hover state", 'contact-form-7-style' ); ?></label>
90
  <div class="hidden"><input type="text" name="cf7styleactivepane" value="<?php echo $active_panel; ?>"></div>
91
+ <div class="hidden"><input type="text" name="cf7styleallvalues" value="<?php echo $encoded_data; ?>"></div>
92
  </div>
93
  <?php echo $form_panel; ?>
94
+ <div class="loading hidden">
95
+ <img src="<?php echo WPCF7S_LOCATION; ?>admin/images/gears.svg" alt="loading...">
96
+ </div><!-- /.loading hidden -->
97
+ <div class="decision hidden">
98
+ <?php $check_screen = get_current_screen(); ?>
99
+ <?php if( $check_screen->action == "add" && $check_screen->post_type == "cf7_style" ){ ?>
100
+ <input type="submit" name="publish" class="button button-primary button-large save-btn" value="<?php echo __( 'Publish Style', 'contact-form-7-style' );?>">
101
+ <?php } else { ?>
102
+ <input name="save" type="submit" class="button button-primary button-large save-btn" value="<?php echo __( 'Update Style', 'contact-form-7-style' );?>">
103
+ <?php } ?>
104
+ <a href="#" class="button button-primary cancel-btn"><?php echo __( "Cancel", 'contact-form-7-style' );?></a>
105
+ </div><!-- /.decision hidden -->
106
  </div>
107
  <div class='panel-header'>
108
 
114
 
115
  // Show default form when on first custom style edit
116
  if( empty( $form_el ) ) {
117
+ echo "<p class='cf7style-no-forms-added'>" . __( 'Please check one of the forms above and press generate preview button to activate the preview mode.', 'contact-form-7-style' ) . "</p>";
118
  }
119
 
120
  foreach ( $form_el as $key => $cur_form ) {
130
  <?php $check_screen = get_current_screen(); ?>
131
  <div class="fixed-save-style">
132
  <?php if( $check_screen->action == "add" && $check_screen->post_type == "cf7_style" ){ ?>
133
+ <input type="submit" name="publish" class="button button-primary button-large" value="<?php echo __( 'Publish Style', 'contact-form-7-style' );?>">
134
  <?php } else { ?>
135
+ <input name="save" type="submit" class="button button-primary button-large" value="<?php echo __( 'Update Style', 'contact-form-7-style' );?>">
136
  <?php } ?>
137
  </div>
plugin-options.php CHANGED
@@ -340,3 +340,197 @@ $options_string = '{
340
  }
341
  }
342
  }';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
340
  }
341
  }
342
  }';
343
+ $options = json_decode($options_string, true);
344
+
345
+ /**
346
+ * Generate property fields
347
+ */
348
+
349
+ function generate_property_fields( $key, $std, $name, $type, $saved_values, $selector_type ) {
350
+ $temp = '';
351
+ /*Had to remove numbers which adds the UNIQUE keys!*/
352
+ $title_addon = ($selector_type != "") ? str_replace('_', ' ', $selector_type): "";
353
+ $hidden_element = ($selector_type != "") ? "class='hidden".$title_addon."-element'": "";
354
+ $current_key = preg_replace('/[0-9]+/', '', strtolower( $key ) );
355
+ switch ( $current_key ) {
356
+ case 'color-picker':
357
+ case 'input':
358
+ $field_class = ($current_key == "input") ? "cf7-style-upload-field" : "cf7-style-color-field";
359
+ $saved_one = (array_key_exists( $name . "_". $std["style"].$selector_type, $saved_values)) ? $saved_values[ $name . "_". $std["style"].$selector_type] : "";
360
+ return "<li ".$hidden_element."><label for='". $name . "_". $std["style"] .$selector_type."'><strong>".$std["title"].$title_addon.":</strong></label>".(($current_key == "color-picker") ? "<span class='icon smaller'><i class='fa fa-eyedropper' aria-hidden='true'></i></span>" : "")."<input type='text' id='". $name . "_". $std["style"] .$selector_type."' name='cf7stylecustom[". $name . "_". $std["style"] .$selector_type."]' value='". $saved_one ."' class='".$field_class."' /></li>";
361
+ break;
362
+ case 'comming-soon':
363
+ return "<li></li>";
364
+ break;
365
+ case 'numeric':
366
+ $val = explode( " ", $std["property"] );
367
+ $temp .= "<li ".$hidden_element.">";
368
+ if( $std["property"] == "0 0 0 0"){
369
+ if( $std["style"] == "border-radius"){
370
+ $element= array( "top-left", "top-right-radius", "bottom-left-radius", "bottom-right-radius" );
371
+ $temp .= "<label for='".$name . "_border-top-left-radius".$selector_type."'><strong>".$std["title"].":</strong>";
372
+ } else {
373
+ $element= array( "top", "right", "bottom", "left" );
374
+ $labelos = explode( "-",$std["style"]);
375
+ if( $std["style"] == "border-radius"){
376
+ $ending = "-top-".$labelos[1].$selector_type;
377
+ } else {
378
+ $ending = "-top".$selector_type;
379
+ }
380
+ $temp .= "<label for='".$name . "_". $labelos[0].$ending."'><strong>".$std["title"].$title_addon.":</strong>";
381
+ }
382
+ }else {
383
+ $temp .= "<label for='".$name . "_". $std["style"].$selector_type."'><strong>".$std["title"].$title_addon.":</strong>";
384
+ }
385
+ $incrementor = 0;
386
+ $indexer = 0;
387
+ $arrows = array('up', 'right', 'down' , 'left');
388
+ $fonts = array( 'font-size' => 'text-height', 'line-height' => 'font', 'text-indent' => 'indent');
389
+ foreach( $val as $elem_key => $elem_value ) {
390
+ if( $std["property"] == "0 0 0 0"){
391
+ /*Add new style properties if 4 value property inserted*/
392
+ $newproperty = explode("-", $std["style"]);
393
+ $endstyling = $element[ $incrementor];
394
+ if( $std["style"] == "border-radius"){
395
+ $endstyling = $element[ $incrementor ]."-".end($newproperty);
396
+ }
397
+ $std["style"] = $newproperty[0] ."-".$endstyling;
398
+ $incrementor++;
399
+ }
400
+ $test = ( $std["style"] == "border-top" || $std["style"] == "border-right" || $std["style"] == "border-bottom" || $std["style"] == "border-left") ? '-width' : '' ;
401
+ $saved_one = ( array_key_exists( $name . "_". $std["style"].$test.$selector_type, $saved_values)) ? $saved_values [ $name . "_". $std["style"].$test.$selector_type ] : "";
402
+ switch ($type){
403
+ case "width" : $temp .= '<span class="icon"><i class="fa fa-arrows-h" aria-hidden="true"></i></span>'; break;
404
+ case "height" : $temp .= '<span class="icon"><i class="fa fa-arrows-v" aria-hidden="true"></i></span>'; break;
405
+ case "border" :
406
+ case "margin" :
407
+ case "padding": $temp .= '<span class="icon"><i class="fa fa-long-arrow-'.$arrows[$indexer++].'" aria-hidden="true"></i></span>'; break;
408
+ case "font" : $temp .= '<span class="icon"><i class="fa fa-'.$fonts[$std["style"]].'" aria-hidden="true"></i></span>';break;
409
+ }
410
+ $temp .= "<input type='number' min='0' max='1000' id='". $name . "_". $std["style"].$test.$selector_type."' name='cf7stylecustom[". $name . "_". $std["style"].$test.$selector_type."]' value='". $saved_one ."' />";
411
+
412
+ $temp .= "<select id='". $name . "_". $std["style"] .$test . "_unit".$selector_type."' name='cf7stylecustom[". $name . "_". $std["style"] .$test ."_unit".$selector_type."]'>";
413
+ foreach( $std["unit"] as $unit_val ) {
414
+ $saved_one_unit = ( array_key_exists( $name . "_". $std["style"]. "_unit".$selector_type, $saved_values) ) ? $saved_values[ $name . "_". $std["style"]. "_unit".$selector_type ] : "";
415
+ $temp .= "<option ". selected( $saved_one_unit , $unit_val, false ) . ">". $unit_val ."</option>";
416
+ }
417
+ $temp .= "</select>";
418
+
419
+ }
420
+ $temp .= "</label></li>";
421
+ return $temp;
422
+ break;
423
+
424
+ case 'select':
425
+ $fonts = array( 'font-style' => 'italic', 'font-weight' => 'bold', 'text-align' => 'align-center', 'text-decoration' => 'underline', 'text-transform' => 'header' );
426
+ $temp .= "<li ".$hidden_element."><label for='".$name . "_" . $std["style"].$selector_type."'><strong>".$std["title"].$title_addon.":</strong>";
427
+ switch ($type){
428
+ case "font" : $temp .= '<span class="icon"><i class="fa fa-'.$fonts[$std["style"]].'" aria-hidden="true"></i></span>';break;
429
+ }
430
+ $temp .= "<select id='". $name . "_" . $std["style"].$selector_type. "' name='cf7stylecustom[". $name . "_" . $std["style"] .$selector_type."]'>";
431
+ $temp .= '<option value="">'.__( "Choose value", 'contact-form-7-style' ).'</option>';
432
+ foreach( $std["property"] as $key => $value ) {
433
+ $saved_one = ( array_key_exists($name . "_". $std["style"].$selector_type, $saved_values) ) ? $saved_values[ $name . "_". $std["style"].$selector_type] : "";
434
+ $temp .= "<option ". selected( $saved_one , $value, false ) . ">". $value ."</option>";
435
+ }
436
+ $temp .= "</select></label></li>";
437
+ return $temp;
438
+
439
+ break;
440
+
441
+ default:
442
+
443
+ break;
444
+ }
445
+
446
+ }
447
+
448
+ /**
449
+ * Elements
450
+ */
451
+
452
+ $sameElements = array( "width", "height", "background", "margin", "padding", "font", "border", "float", "display", "box-sizing" );
453
+ $containerElements = array( "width", "height", "margin", "padding", "font", "border", "float", "box-sizing" );
454
+ $elements = array(
455
+ 'form' => array(
456
+ 'name' => 'form',
457
+ 'description' => 'The Contact Form 7 form element\'s design can be modified below:',
458
+ 'settings' => array("width", "height", "background", "margin", "padding", "border", "float", "box-sizing" )
459
+ ),
460
+ 'input' => array(
461
+ 'name' => 'input',
462
+ 'description' => 'This section allows styling of text, email, URL and contact numbers fields.',
463
+ 'settings' => $sameElements
464
+ ),
465
+ 'textarea' => array(
466
+ 'name' => 'text area',
467
+ 'description' => 'This section allows styling the textarea fields.',
468
+ 'settings' => $sameElements
469
+ ),
470
+ "p" => array(
471
+ 'name' => 'text',
472
+ 'description' => '',
473
+ 'settings' => $containerElements
474
+ ),
475
+ 'label' => array(
476
+ 'name' => 'input label',
477
+ 'description' => 'This section allows styling the input label.',
478
+ 'settings' => $containerElements
479
+ ),
480
+ 'fieldset' => array(
481
+ 'name' => 'fieldset',
482
+ 'description' => '',
483
+ 'settings' => $containerElements
484
+ ),
485
+ 'submit' => array(
486
+ 'name' => 'submit button',
487
+ 'description' => 'This section allows styling the submit button.',
488
+ 'settings' => $sameElements
489
+ ),
490
+ 'select' => array(
491
+ 'name' => 'dropdown menu',
492
+ 'description' => 'This section allows styling the dropdown menus.',
493
+ 'settings' => $sameElements
494
+ ),
495
+ 'checkbox' => array(
496
+ 'name' => 'checkboxes',
497
+ 'description' => '',
498
+ 'settings' => array( "width", "height" )
499
+ ),
500
+ 'radio' => array(
501
+ 'name' => 'radio buttons',
502
+ 'description' => '',
503
+ 'settings' => array( "width", "height" )
504
+ ),
505
+ 'wpcf7-not-valid-tip' => array(
506
+ 'name' => 'error messages',
507
+ 'description' => 'There is a field that the sender must fill in, this message can be modified below.',
508
+ 'settings' => $sameElements
509
+ ),
510
+ 'wpcf7-validation-errors' => array(
511
+ 'name' => 'validation errors',
512
+ 'description' => 'This section allows styling the error message when the user submits the whole form.',
513
+ 'settings' => $sameElements
514
+ ),
515
+ 'wpcf7-mail-sent-ok' => array(
516
+ 'name' => 'successfully sent message',
517
+ 'description' => 'This section allows styling the message which appears on succesfull submit.',
518
+ 'settings' => $sameElements
519
+ ),
520
+ 'acceptance' => array(
521
+ 'name' => 'acceptance',
522
+ 'description' => '',
523
+ 'settings' => array("comming-soon")
524
+ ),
525
+ 'file' => array(
526
+ 'name' => 'file',
527
+ 'description' => '',
528
+ 'settings' => array("comming-soon")
529
+ ),
530
+ 'quiz' => array(
531
+ 'name' => 'quiz',
532
+ 'description' => '',
533
+ 'settings' => array("comming-soon")
534
+ ),
535
+ );
536
+
predefined-templates.php CHANGED
@@ -1,5 +1,25 @@
1
  <?php
2
- $templates_string = '[
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  {
4
  "title":"Twenty Fifteen Pattern",
5
  "category":"simple pattern style",
1
  <?php
2
+ $templates_string = '[
3
+ {
4
+ "title":"Monochrome Light",
5
+ "category":"simple pattern style",
6
+ "image":"\/admin\/images\/monochrome-light.png"
7
+ },
8
+ {
9
+ "title":"Transparent Two Columns",
10
+ "category":"simple pattern style",
11
+ "image":"\/admin\/images\/transparent-two-columns.png"
12
+ },
13
+ {
14
+ "title":"Minimal Brown",
15
+ "category":"simple pattern style",
16
+ "image":"\/admin\/images\/minimal-brown.png"
17
+ },
18
+ {
19
+ "title":"Monochrome",
20
+ "category":"simple pattern style",
21
+ "image":"\/admin\/images\/monochrome.png"
22
+ },
23
  {
24
  "title":"Twenty Fifteen Pattern",
25
  "category":"simple pattern style",
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === Contact Form 7 Style ===
2
  Contributors: ionut.iclanzan, dorumarginean, mlehelsz, mircear
3
  Donate link: http://cf7style.com/back-this-project/
4
- Tags: contact form 7, contact form 7 style, contact form 7 css, contact form 7 styling, CF7, CF7 style, styling contact form, styling contact form 7, multiple form styling, custom form styling, CF7 addon, customize, templates, valentine's day templates, Christmas templates, manual styling, live preview, hover state styling
5
  Requires at least: 3.0.1
6
- Tested up to: 4.6
7
- Stable tag: 4.5.2
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -22,7 +22,7 @@ Supports custom styling, which can be easily managed via admin dashboard. Also h
22
  **Custom style options: <BR>**
23
  - color styling, <BR>
24
  - custom fonts ( google fonts included ), <BR>
25
- - styling for input fields, text, textarea, labels, submit button <BR>
26
  - border-color, <BR>
27
  - form background-color, <BR>
28
  - form background-image, <BR>
@@ -34,7 +34,9 @@ Supports custom styling, which can be easily managed via admin dashboard. Also h
34
  - Style Template Slider on the Contact Form 7 form Settings page<BR>
35
  - px,em, % unit selector for all the specified style settings<BR>
36
  - possibility to change the syling for the HOVER state of each element<BR>
37
- - Live preview on changing/adding the new style properties of each element<BR>
 
 
38
 
39
  <strong>Support can be found [here](https://wordpress.org/support/plugin/contact-form-7-style).</strong>
40
 
@@ -62,6 +64,15 @@ You will find 'Contact Style' menu in your WordPress admin panel.
62
 
63
  == Changelog ==
64
 
 
 
 
 
 
 
 
 
 
65
  = 3.0.5 =
66
  * [Major Fix](https://wordpress.org/support/topic/headers-already-sent-35?replies=2) Headers already sent
67
  * [Major Fix](https://wordpress.org/support/topic/please-fix-a-googleapi-call-in-your-php?replies=2) SSL security fix for Google Fonts
@@ -194,8 +205,12 @@ You will find 'Contact Style' menu in your WordPress admin panel.
194
  * First plugin version.
195
 
196
  == Upgrade Notice ==
197
- = Contact Form 7 Style Version 3.0.5 =
198
- * [Major Fix](https://wordpress.org/support/topic/headers-already-sent-35?replies=2) Headers already sent
199
- * [Major Fix](https://wordpress.org/support/topic/please-fix-a-googleapi-call-in-your-php?replies=2) SSL security fix for Google Fonts
200
- * [Major Fix] Parse error: syntax error, unexpected T_STATIC
 
 
 
 
201
  * general bugfixing
1
  === Contact Form 7 Style ===
2
  Contributors: ionut.iclanzan, dorumarginean, mlehelsz, mircear
3
  Donate link: http://cf7style.com/back-this-project/
4
+ Tags: contact form 7, contact form 7 style, contact form 7 css, contact form 7 styling, CF7, CF7 style, styling contact form, styling contact form 7, multiple form styling, custom form styling, CF7 addon, customize, templates, valentine's day templates, Christmas templates, manual styling, live preview, hover state styling, CF7 form messages styling
5
  Requires at least: 3.0.1
6
+ Tested up to: 4.6.1
7
+ Stable tag: 3.1.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
22
  **Custom style options: <BR>**
23
  - color styling, <BR>
24
  - custom fonts ( google fonts included ), <BR>
25
+ - styling for input fields, text, textarea, labels, submit button, messages <BR>
26
  - border-color, <BR>
27
  - form background-color, <BR>
28
  - form background-image, <BR>
34
  - Style Template Slider on the Contact Form 7 form Settings page<BR>
35
  - px,em, % unit selector for all the specified style settings<BR>
36
  - possibility to change the syling for the HOVER state of each element<BR>
37
+ - live preview on changing/adding the new style properties of each element<BR>
38
+ - possibility to customize error messages, success messages and warning messages<BR>
39
+ - setting page, where can re-import deleted default templates, deactivate collecting data and / or manipulate the appearance of the "edit style" button on the page where you have your contact form 7 form<BR>
40
 
41
  <strong>Support can be found [here](https://wordpress.org/support/plugin/contact-form-7-style).</strong>
42
 
64
 
65
  == Changelog ==
66
 
67
+ = 3.1.0 =
68
+ * [New Feature](https://wordpress.org/support/topic/error-confirmation-message-box-styling?replies=2) Error, confirmation, success message customization added
69
+ * [New Feature](https://wordpress.org/support/topic/disabling-the-edit-custom-style-button?replies=2) Added settings field, where you can activate or deactivate the "edit custom style" button
70
+ * [Major Improvement] modified settings page field generation, now it will remove every hidden field to improve page load
71
+ * [New](https://wordpress.org/support/topic/could-we-have-few-more-ready-skins-pretty-please/) predefined templates available
72
+ * [Improvements] for reliability and speed
73
+ * User interface improvements
74
+ * general bugfixing
75
+
76
  = 3.0.5 =
77
  * [Major Fix](https://wordpress.org/support/topic/headers-already-sent-35?replies=2) Headers already sent
78
  * [Major Fix](https://wordpress.org/support/topic/please-fix-a-googleapi-call-in-your-php?replies=2) SSL security fix for Google Fonts
205
  * First plugin version.
206
 
207
  == Upgrade Notice ==
208
+ = Contact Form 7 Style Version 3.1.0 =
209
+
210
+ * [New Feature](https://wordpress.org/support/topic/error-confirmation-message-box-styling?replies=2) Error, confirmation, success message customization added
211
+ * [New Feature](https://wordpress.org/support/topic/disabling-the-edit-custom-style-button?replies=2) Added settings field, where you can activate or deactivate the "edit custom style" button
212
+ * [Major Improvement] modified settings page field generation, now it will remove every hidden field to improve page load
213
+ * [New](https://wordpress.org/support/topic/could-we-have-few-more-ready-skins-pretty-please/) predefined templates available
214
+ * [Improvements] for reliability and speed
215
+ * User interface improvements
216
  * general bugfixing