Popups, Welcome Bar, Optins and Lead Generation Plugin – Icegram - Version 1.8.4

Version Description

Popups are now responsive! Plus Visual Composer compatibility and other fixes.

Download this release

Release Info

Developer niravmehta
Plugin Icon 128x128 Popups, Welcome Bar, Optins and Lead Generation Plugin – Icegram
Version 1.8.4
Comparing to
See all releases

Code changes from version 1.8.3 to 1.8.4

assets/css/admin.css CHANGED
@@ -554,7 +554,7 @@ CSS for landing page and Help and Support
554
  position: absolute;
555
  top: 0;
556
  right: 0;
557
- margin-top: 19%;
558
  text-align: right;
559
  }
560
  .icegram-contact-us{
554
  position: absolute;
555
  top: 0;
556
  right: 0;
557
+ margin-top: 178px;
558
  text-align: right;
559
  }
560
  .icegram-contact-us{
assets/css/frontend.css CHANGED
@@ -24,121 +24,6 @@ div.icegram input[type="submit"], div.icegram input[type="button"], div.icegram
24
  }
25
  */
26
 
27
- /* Smartphones (portrait and landscape) ----------- */
28
- @media only screen
29
- and (min-device-width : 320px)
30
- and (max-device-width : 480px) {
31
- .bold .ig_container, .solid .ig_container {
32
- width: 80%;
33
- display: inline-block;;
34
- }
35
- .canvas.popup_box {
36
- max-width: 90%;
37
- }
38
- }
39
-
40
- /* Smartphones (landscape) ----------- */
41
- @media only screen
42
- and (min-width : 321px) {
43
- .bold .ig_container, .solid .ig_container {
44
- width: 85%;
45
- display: inline-block;;
46
- }
47
- .canvas.popup_box {
48
- max-width: 70%;
49
- }
50
- }
51
-
52
- /* Smartphones (portrait) ----------- */
53
- @media only screen
54
- and (max-width : 320px) {
55
- .bold .ig_container, .solid .ig_container {
56
- width: 80%;
57
- display: inline-block;;
58
- }
59
- .canvas.popup_box {
60
- max-width: 90%;
61
- }
62
- }
63
-
64
- /* iPads (portrait and landscape) ----------- */
65
- @media only screen
66
- and (min-device-width : 768px)
67
- and (max-device-width : 1024px) {
68
- .bold .ig_container, .solid .ig_container {
69
- width: 80%;
70
- display: inline-block;;
71
- }
72
- .canvas.popup_box {
73
- max-width: 40%;
74
- }
75
- }
76
-
77
- /* iPads (landscape) ----------- */
78
- @media only screen
79
- and (min-device-width : 768px)
80
- and (max-device-width : 1024px)
81
- and (orientation : landscape) {
82
- .bold .ig_container, .solid .ig_container {
83
- width: 80%;
84
- display: inline-block;;
85
- }
86
- .canvas.popup_box {
87
- max-width: 40%;
88
- }
89
- }
90
-
91
- /* iPads (portrait) ----------- */
92
- @media only screen
93
- and (min-device-width : 768px)
94
- and (max-device-width : 1024px)
95
- and (orientation : portrait) {
96
- .bold .ig_container, .solid .ig_container {
97
- width: 80%;
98
- display: inline-block;;
99
- }
100
- .canvas.popup_box {
101
- max-width: 40%;
102
- }
103
- }
104
-
105
- /* Desktops and laptops ----------- */
106
- @media only screen
107
- and (min-width : 1224px) {
108
- .bold .ig_container, .solid .ig_container {
109
- width: 95%;
110
- display: inline-block;;
111
- }
112
- .canvas.popup_box {
113
- max-width: 45%;
114
- }
115
- }
116
-
117
- /* Large screens ----------- */
118
- @media only screen
119
- and (min-width : 1824px) {
120
- .bold .ig_container, .solid .ig_container {
121
- width: 95%;
122
- display: inline-block;;
123
- }
124
- .canvas.popup_box {
125
- max-width: 45%;
126
- }
127
- }
128
-
129
- /* iPhone 4 ----------- */
130
- @media
131
- only screen and (-webkit-min-device-pixel-ratio : 1.5),
132
- only screen and (min-device-pixel-ratio : 1.5) {
133
- .bold .ig_container, .solid .ig_container {
134
- width: 80%;
135
- display: inline-block;;
136
- }
137
- .canvas.popup_box {
138
- max-width: 90%;
139
- }
140
- }
141
-
142
  /************* Embeded Form CSS - Start************/
143
  div.icegram .ig_embed_form{
144
  text-align: left;
@@ -267,3 +152,28 @@ div.icegram .ig_clear:after {
267
  line-height: 0;
268
  height: 0;
269
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  }
25
  */
26
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  /************* Embeded Form CSS - Start************/
28
  div.icegram .ig_embed_form{
29
  text-align: left;
152
  line-height: 0;
153
  height: 0;
154
  }
155
+
156
+
157
+ @media only screen and (max-device-width: 319px) {
158
+ div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
159
+ margin-bottom: .7em;
160
+ }
161
+ }
162
+
163
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
164
+ div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
165
+ margin-bottom: .7em;
166
+ }
167
+ }
168
+
169
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
170
+ div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
171
+ margin-bottom: .7em;
172
+ }
173
+ }
174
+
175
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
176
+ div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
177
+ margin-bottom: .7em;
178
+ }
179
+ }
assets/css/magnific-popup.css ADDED
@@ -0,0 +1,374 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Magnific Popup CSS */
2
+ .mfp-bg {
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ z-index: 1042;
8
+ overflow: hidden;
9
+ position: fixed;
10
+ background: #0b0b0b;
11
+ opacity: 0.8;
12
+ filter: alpha(opacity=80); }
13
+
14
+ .mfp-wrap {
15
+ top: 0;
16
+ left: 0;
17
+ width: 100%;
18
+ height: 100%;
19
+ z-index: 1043;
20
+ position: fixed;
21
+ outline: none !important;
22
+ -webkit-backface-visibility: hidden; }
23
+
24
+ .mfp-container {
25
+ text-align: center;
26
+ position: absolute;
27
+ width: 100%;
28
+ height: 100%;
29
+ left: 0;
30
+ top: 0;
31
+ padding: 0 8px;
32
+ -webkit-box-sizing: border-box;
33
+ -moz-box-sizing: border-box;
34
+ box-sizing: border-box; }
35
+
36
+ .mfp-container:before {
37
+ content: '';
38
+ display: inline-block;
39
+ height: 100%;
40
+ vertical-align: middle; }
41
+
42
+ .mfp-align-top .mfp-container:before {
43
+ display: none; }
44
+
45
+ .mfp-content {
46
+ position: relative;
47
+ display: inline-block;
48
+ vertical-align: middle;
49
+ margin: 0 auto;
50
+ text-align: left;
51
+ z-index: 1045; }
52
+
53
+ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
54
+ width: 100%;
55
+ cursor: auto; }
56
+
57
+ .mfp-ajax-cur {
58
+ cursor: progress; }
59
+
60
+ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
61
+ cursor: -moz-zoom-out;
62
+ cursor: -webkit-zoom-out;
63
+ cursor: zoom-out; }
64
+
65
+ .mfp-zoom {
66
+ cursor: pointer;
67
+ cursor: -webkit-zoom-in;
68
+ cursor: -moz-zoom-in;
69
+ cursor: zoom-in; }
70
+
71
+ .mfp-auto-cursor .mfp-content {
72
+ cursor: auto; }
73
+
74
+ .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
75
+ -webkit-user-select: none;
76
+ -moz-user-select: none;
77
+ user-select: none; }
78
+
79
+ .mfp-loading.mfp-figure {
80
+ display: none; }
81
+
82
+ .mfp-hide {
83
+ display: none !important; }
84
+
85
+ .mfp-preloader {
86
+ color: #CCC;
87
+ position: absolute;
88
+ top: 50%;
89
+ width: auto;
90
+ text-align: center;
91
+ margin-top: -0.8em;
92
+ left: 8px;
93
+ right: 8px;
94
+ z-index: 1044; }
95
+ .mfp-preloader a {
96
+ color: #CCC; }
97
+ .mfp-preloader a:hover {
98
+ color: #FFF; }
99
+
100
+ .mfp-s-ready .mfp-preloader {
101
+ display: none; }
102
+
103
+ .mfp-s-error .mfp-content {
104
+ display: none; }
105
+
106
+ button.mfp-close, button.mfp-arrow {
107
+ overflow: visible;
108
+ cursor: pointer;
109
+ background: transparent;
110
+ border: 0;
111
+ -webkit-appearance: none;
112
+ display: block;
113
+ outline: none;
114
+ padding: 0;
115
+ z-index: 1046;
116
+ -webkit-box-shadow: none;
117
+ box-shadow: none; }
118
+ button::-moz-focus-inner {
119
+ padding: 0;
120
+ border: 0; }
121
+
122
+ .mfp-close {
123
+ width: 44px;
124
+ height: 44px;
125
+ line-height: 44px;
126
+ position: absolute;
127
+ right: 0;
128
+ top: 0;
129
+ text-decoration: none;
130
+ text-align: center;
131
+ opacity: 0.65;
132
+ filter: alpha(opacity=65);
133
+ padding: 0 0 18px 10px;
134
+ color: #FFF;
135
+ font-style: normal;
136
+ font-size: 28px;
137
+ font-family: Arial, Baskerville, monospace; }
138
+ .mfp-close:hover, .mfp-close:focus {
139
+ opacity: 1;
140
+ filter: alpha(opacity=100); }
141
+ .mfp-close:active {
142
+ top: 1px; }
143
+
144
+ .mfp-close-btn-in .mfp-close {
145
+ color: #333; }
146
+
147
+ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
148
+ color: #FFF;
149
+ right: -6px;
150
+ text-align: right;
151
+ padding-right: 6px;
152
+ width: 100%; }
153
+
154
+ .mfp-counter {
155
+ position: absolute;
156
+ top: 0;
157
+ right: 0;
158
+ color: #CCC;
159
+ font-size: 12px;
160
+ line-height: 18px;
161
+ white-space: nowrap; }
162
+
163
+ .mfp-arrow {
164
+ position: absolute;
165
+ opacity: 0.65;
166
+ filter: alpha(opacity=65);
167
+ margin: 0;
168
+ top: 50%;
169
+ margin-top: -55px;
170
+ padding: 0;
171
+ width: 90px;
172
+ height: 110px;
173
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
174
+ .mfp-arrow:active {
175
+ margin-top: -54px; }
176
+ .mfp-arrow:hover, .mfp-arrow:focus {
177
+ opacity: 1;
178
+ filter: alpha(opacity=100); }
179
+ .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
180
+ content: '';
181
+ display: block;
182
+ width: 0;
183
+ height: 0;
184
+ position: absolute;
185
+ left: 0;
186
+ top: 0;
187
+ margin-top: 35px;
188
+ margin-left: 35px;
189
+ border: medium inset transparent; }
190
+ .mfp-arrow:after, .mfp-arrow .mfp-a {
191
+ border-top-width: 13px;
192
+ border-bottom-width: 13px;
193
+ top: 8px; }
194
+ .mfp-arrow:before, .mfp-arrow .mfp-b {
195
+ border-top-width: 21px;
196
+ border-bottom-width: 21px;
197
+ opacity: 0.7; }
198
+
199
+ .mfp-arrow-left {
200
+ left: 0; }
201
+ .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
202
+ border-right: 17px solid #FFF;
203
+ margin-left: 31px; }
204
+ .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
205
+ margin-left: 25px;
206
+ border-right: 27px solid #3F3F3F; }
207
+
208
+ .mfp-arrow-right {
209
+ right: 0; }
210
+ .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
211
+ border-left: 17px solid #FFF;
212
+ margin-left: 39px; }
213
+ .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
214
+ border-left: 27px solid #3F3F3F; }
215
+
216
+ .mfp-iframe-holder {
217
+ padding-top: 40px;
218
+ padding-bottom: 40px; }
219
+ .mfp-iframe-holder .mfp-content {
220
+ line-height: 0;
221
+ width: 100%;
222
+ max-width: 900px; }
223
+ .mfp-iframe-holder .mfp-close {
224
+ top: -40px; }
225
+
226
+ .mfp-iframe-scaler {
227
+ width: 100%;
228
+ height: 0;
229
+ overflow: hidden;
230
+ padding-top: 56.25%; }
231
+ .mfp-iframe-scaler iframe {
232
+ position: absolute;
233
+ display: block;
234
+ top: 0;
235
+ left: 0;
236
+ width: 100%;
237
+ height: 100%;
238
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
239
+ background: #000; }
240
+
241
+ /* Main image in popup */
242
+ img.mfp-img {
243
+ width: auto;
244
+ max-width: 100%;
245
+ height: auto;
246
+ display: block;
247
+ line-height: 0;
248
+ -webkit-box-sizing: border-box;
249
+ -moz-box-sizing: border-box;
250
+ box-sizing: border-box;
251
+ padding: 40px 0 40px;
252
+ margin: 0 auto; }
253
+
254
+ /* The shadow behind the image */
255
+ .mfp-figure {
256
+ line-height: 0; }
257
+ .mfp-figure:after {
258
+ content: '';
259
+ position: absolute;
260
+ left: 0;
261
+ top: 40px;
262
+ bottom: 40px;
263
+ display: block;
264
+ right: 0;
265
+ width: auto;
266
+ height: auto;
267
+ z-index: -1;
268
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
269
+ background: #444; }
270
+ .mfp-figure small {
271
+ color: #BDBDBD;
272
+ display: block;
273
+ font-size: 12px;
274
+ line-height: 14px; }
275
+ .mfp-figure figure {
276
+ margin: 0; }
277
+
278
+ .mfp-bottom-bar {
279
+ margin-top: -36px;
280
+ position: absolute;
281
+ top: 100%;
282
+ left: 0;
283
+ width: 100%;
284
+ cursor: auto; }
285
+
286
+ .mfp-title {
287
+ text-align: left;
288
+ line-height: 18px;
289
+ color: #F3F3F3;
290
+ word-wrap: break-word;
291
+ padding-right: 36px; }
292
+
293
+ .mfp-image-holder .mfp-content {
294
+ max-width: 100%; }
295
+
296
+ .mfp-gallery .mfp-image-holder .mfp-figure {
297
+ cursor: pointer; }
298
+
299
+ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
300
+ /**
301
+ * Remove all paddings around the image on small screen
302
+ */
303
+ .mfp-img-mobile .mfp-image-holder {
304
+ padding-left: 0;
305
+ padding-right: 0; }
306
+ .mfp-img-mobile img.mfp-img {
307
+ padding: 0; }
308
+ .mfp-img-mobile .mfp-figure:after {
309
+ top: 0;
310
+ bottom: 0; }
311
+ .mfp-img-mobile .mfp-figure small {
312
+ display: inline;
313
+ margin-left: 5px; }
314
+ .mfp-img-mobile .mfp-bottom-bar {
315
+ background: rgba(0, 0, 0, 0.6);
316
+ bottom: 0;
317
+ margin: 0;
318
+ top: auto;
319
+ padding: 3px 5px;
320
+ position: fixed;
321
+ -webkit-box-sizing: border-box;
322
+ -moz-box-sizing: border-box;
323
+ box-sizing: border-box; }
324
+ .mfp-img-mobile .mfp-bottom-bar:empty {
325
+ padding: 0; }
326
+ .mfp-img-mobile .mfp-counter {
327
+ right: 5px;
328
+ top: 3px; }
329
+ .mfp-img-mobile .mfp-close {
330
+ top: 0;
331
+ right: 0;
332
+ width: 35px;
333
+ height: 35px;
334
+ line-height: 35px;
335
+ background: rgba(0, 0, 0, 0.6);
336
+ position: fixed;
337
+ text-align: center;
338
+ padding: 0; }
339
+ }
340
+
341
+ @media all and (max-width: 900px) {
342
+ .mfp-arrow {
343
+ -webkit-transform: scale(0.75);
344
+ transform: scale(0.75); }
345
+
346
+ .mfp-arrow-left {
347
+ -webkit-transform-origin: 0;
348
+ transform-origin: 0; }
349
+
350
+ .mfp-arrow-right {
351
+ -webkit-transform-origin: 100%;
352
+ transform-origin: 100%; }
353
+
354
+ .mfp-container {
355
+ padding-left: 6px;
356
+ padding-right: 6px; }
357
+ }
358
+
359
+ .mfp-ie7 .mfp-img {
360
+ padding: 0; }
361
+ .mfp-ie7 .mfp-bottom-bar {
362
+ width: 600px;
363
+ left: 50%;
364
+ margin-left: -300px;
365
+ margin-top: 5px;
366
+ padding-bottom: 5px; }
367
+ .mfp-ie7 .mfp-container {
368
+ padding: 0; }
369
+ .mfp-ie7 .mfp-content {
370
+ padding-top: 44px; }
371
+ .mfp-ie7 .mfp-close {
372
+ top: 0;
373
+ right: 0;
374
+ padding-top: 0; }
assets/js/icegram.js CHANGED
@@ -41,10 +41,10 @@
41
  jQuery.each( this.message_data, function ( i, v ) {
42
  try {
43
  //check cookies in js
44
- if(v['retargeing'] == 'yes' && jQuery.cookie('icegram_messages_shown_'+v['id']) == 1){
45
  return;
46
  }
47
- if(v['retargeing_clicked'] == 'yes' && jQuery.cookie('icegram_messages_clicked_'+v['id']) == 1){
48
  return;
49
  }
50
 
@@ -227,8 +227,16 @@
227
  if(this.data.message == undefined || this.data.message == '') {
228
  this.el.find('.ig_message').hide();
229
  }else{
 
230
  var form_el = this.el.find('.ig_embed_form').get(0);
231
  if(form_el){
 
 
 
 
 
 
 
232
  var form_content = jQuery(form_el).html();
233
  form_el = jQuery(form_el).empty();
234
  jQuery(form_el).replaceWith(form_content);
41
  jQuery.each( this.message_data, function ( i, v ) {
42
  try {
43
  //check cookies in js
44
+ if(v['retargeting'] == 'yes' && jQuery.cookie('icegram_messages_shown_'+v['id']) == 1){
45
  return;
46
  }
47
+ if(v['retargeting_clicked'] == 'yes' && jQuery.cookie('icegram_messages_clicked_'+v['id']) == 1){
48
  return;
49
  }
50
 
227
  if(this.data.message == undefined || this.data.message == '') {
228
  this.el.find('.ig_message').hide();
229
  }else{
230
+
231
  var form_el = this.el.find('.ig_embed_form').get(0);
232
  if(form_el){
233
+ if(jQuery(window).width() < 644){
234
+ jQuery(form_el)
235
+ .removeClass('ig_horizontal ig_full ig_half ig_quarter')
236
+ .addClass('ig_vertical ig_full')
237
+ .find('.ig_form_el_group')
238
+ .css('width', 96 + '%');
239
+ }
240
  var form_content = jQuery(form_el).html();
241
  form_el = jQuery(form_el).empty();
242
  jQuery(form_el).replaceWith(form_content);
assets/js/magnific-popup.js ADDED
@@ -0,0 +1,3 @@
 
 
 
1
+ // Magnific Popup v1.0.0 by Dmitry Semenov
2
+ // http://bit.ly/magnific-popup#build=inline+image+retina
3
+ (function(a){typeof define=="function"&&define.amd?define(["jquery"],a):typeof exports=="object"?a(require("jquery")):a(window.jQuery||window.Zepto)})(function(a){var b="Close",c="BeforeClose",d="AfterClose",e="BeforeAppend",f="MarkupParse",g="Open",h="Change",i="mfp",j="."+i,k="mfp-ready",l="mfp-removing",m="mfp-prevent-close",n,o=function(){},p=!!window.jQuery,q,r=a(window),s,t,u,v,w=function(a,b){n.ev.on(i+a+j,b)},x=function(b,c,d,e){var f=document.createElement("div");return f.className="mfp-"+b,d&&(f.innerHTML=d),e?c&&c.appendChild(f):(f=a(f),c&&f.appendTo(c)),f},y=function(b,c){n.ev.triggerHandler(i+b,c),n.st.callbacks&&(b=b.charAt(0).toLowerCase()+b.slice(1),n.st.callbacks[b]&&n.st.callbacks[b].apply(n,a.isArray(c)?c:[c]))},z=function(b){if(b!==v||!n.currTemplate.closeBtn)n.currTemplate.closeBtn=a(n.st.closeMarkup.replace("%title%",n.st.tClose)),v=b;return n.currTemplate.closeBtn},A=function(){a.magnificPopup.instance||(n=new o,n.init(),a.magnificPopup.instance=n)},B=function(){var a=document.createElement("p").style,b=["ms","O","Moz","Webkit"];if(a.transition!==undefined)return!0;while(b.length)if(b.pop()+"Transition"in a)return!0;return!1};o.prototype={constructor:o,init:function(){var b=navigator.appVersion;n.isIE7=b.indexOf("MSIE 7.")!==-1,n.isIE8=b.indexOf("MSIE 8.")!==-1,n.isLowIE=n.isIE7||n.isIE8,n.isAndroid=/android/gi.test(b),n.isIOS=/iphone|ipad|ipod/gi.test(b),n.supportsTransition=B(),n.probablyMobile=n.isAndroid||n.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),s=a(document),n.popupsCache={}},open:function(b){var c;if(b.isObj===!1){n.items=b.items.toArray(),n.index=0;var d=b.items,e;for(c=0;c<d.length;c++){e=d[c],e.parsed&&(e=e.el[0]);if(e===b.el[0]){n.index=c;break}}}else n.items=a.isArray(b.items)?b.items:[b.items],n.index=b.index||0;if(n.isOpen){n.updateItemHTML();return}n.types=[],u="",b.mainEl&&b.mainEl.length?n.ev=b.mainEl.eq(0):n.ev=s,b.key?(n.popupsCache[b.key]||(n.popupsCache[b.key]={}),n.currTemplate=n.popupsCache[b.key]):n.currTemplate={},n.st=a.extend(!0,{},a.magnificPopup.defaults,b),n.fixedContentPos=n.st.fixedContentPos==="auto"?!n.probablyMobile:n.st.fixedContentPos,n.st.modal&&(n.st.closeOnContentClick=!1,n.st.closeOnBgClick=!1,n.st.showCloseBtn=!1,n.st.enableEscapeKey=!1),n.bgOverlay||(n.bgOverlay=x("bg").on("click"+j,function(){n.close()}),n.wrap=x("wrap").attr("tabindex",-1).on("click"+j,function(a){n._checkIfClose(a.target)&&n.close()}),n.container=x("container",n.wrap)),n.contentContainer=x("content"),n.st.preloader&&(n.preloader=x("preloader",n.container,n.st.tLoading));var h=a.magnificPopup.modules;for(c=0;c<h.length;c++){var i=h[c];i=i.charAt(0).toUpperCase()+i.slice(1),n["init"+i].call(n)}y("BeforeOpen"),n.st.showCloseBtn&&(n.st.closeBtnInside?(w(f,function(a,b,c,d){c.close_replaceWith=z(d.type)}),u+=" mfp-close-btn-in"):n.wrap.append(z())),n.st.alignTop&&(u+=" mfp-align-top"),n.fixedContentPos?n.wrap.css({overflow:n.st.overflowY,overflowX:"hidden",overflowY:n.st.overflowY}):n.wrap.css({top:r.scrollTop(),position:"absolute"}),(n.st.fixedBgPos===!1||n.st.fixedBgPos==="auto"&&!n.fixedContentPos)&&n.bgOverlay.css({height:s.height(),position:"absolute"}),n.st.enableEscapeKey&&s.on("keyup"+j,function(a){a.keyCode===27&&n.close()}),r.on("resize"+j,function(){n.updateSize()}),n.st.closeOnContentClick||(u+=" mfp-auto-cursor"),u&&n.wrap.addClass(u);var l=n.wH=r.height(),m={};if(n.fixedContentPos&&n._hasScrollBar(l)){var o=n._getScrollbarSize();o&&(m.marginRight=o)}n.fixedContentPos&&(n.isIE7?a("body, html").css("overflow","hidden"):m.overflow="hidden");var p=n.st.mainClass;return n.isIE7&&(p+=" mfp-ie7"),p&&n._addClassToMFP(p),n.updateItemHTML(),y("BuildControls"),a("html").css(m),n.bgOverlay.add(n.wrap).prependTo(n.st.prependTo||a(document.body)),n._lastFocusedEl=document.activeElement,setTimeout(function(){n.content?(n._addClassToMFP(k),n._setFocus()):n.bgOverlay.addClass(k),s.on("focusin"+j,n._onFocusIn)},16),n.isOpen=!0,n.updateSize(l),y(g),b},close:function(){if(!n.isOpen)return;y(c),n.isOpen=!1,n.st.removalDelay&&!n.isLowIE&&n.supportsTransition?(n._addClassToMFP(l),setTimeout(function(){n._close()},n.st.removalDelay)):n._close()},_close:function(){y(b);var c=l+" "+k+" ";n.bgOverlay.detach(),n.wrap.detach(),n.container.empty(),n.st.mainClass&&(c+=n.st.mainClass+" "),n._removeClassFromMFP(c);if(n.fixedContentPos){var e={marginRight:""};n.isIE7?a("body, html").css("overflow",""):e.overflow="",a("html").css(e)}s.off("keyup"+j+" focusin"+j),n.ev.off(j),n.wrap.attr("class","mfp-wrap").removeAttr("style"),n.bgOverlay.attr("class","mfp-bg"),n.container.attr("class","mfp-container"),n.st.showCloseBtn&&(!n.st.closeBtnInside||n.currTemplate[n.currItem.type]===!0)&&n.currTemplate.closeBtn&&n.currTemplate.closeBtn.detach(),n._lastFocusedEl&&a(n._lastFocusedEl).focus(),n.currItem=null,n.content=null,n.currTemplate=null,n.prevHeight=0,y(d)},updateSize:function(a){if(n.isIOS){var b=document.documentElement.clientWidth/window.innerWidth,c=window.innerHeight*b;n.wrap.css("height",c),n.wH=c}else n.wH=a||r.height();n.fixedContentPos||n.wrap.css("height",n.wH),y("Resize")},updateItemHTML:function(){var b=n.items[n.index];n.contentContainer.detach(),n.content&&n.content.detach(),b.parsed||(b=n.parseEl(n.index));var c=b.type;y("BeforeChange",[n.currItem?n.currItem.type:"",c]),n.currItem=b;if(!n.currTemplate[c]){var d=n.st[c]?n.st[c].markup:!1;y("FirstMarkupParse",d),d?n.currTemplate[c]=a(d):n.currTemplate[c]=!0}t&&t!==b.type&&n.container.removeClass("mfp-"+t+"-holder");var e=n["get"+c.charAt(0).toUpperCase()+c.slice(1)](b,n.currTemplate[c]);n.appendContent(e,c),b.preloaded=!0,y(h,b),t=b.type,n.container.prepend(n.contentContainer),y("AfterChange")},appendContent:function(a,b){n.content=a,a?n.st.showCloseBtn&&n.st.closeBtnInside&&n.currTemplate[b]===!0?n.content.find(".mfp-close").length||n.content.append(z()):n.content=a:n.content="",y(e),n.container.addClass("mfp-"+b+"-holder"),n.contentContainer.append(n.content)},parseEl:function(b){var c=n.items[b],d;c.tagName?c={el:a(c)}:(d=c.type,c={data:c,src:c.src});if(c.el){var e=n.types;for(var f=0;f<e.length;f++)if(c.el.hasClass("mfp-"+e[f])){d=e[f];break}c.src=c.el.attr("data-mfp-src"),c.src||(c.src=c.el.attr("href"))}return c.type=d||n.st.type||"inline",c.index=b,c.parsed=!0,n.items[b]=c,y("ElementParse",c),n.items[b]},addGroup:function(a,b){var c=function(c){c.mfpEl=this,n._openClick(c,a,b)};b||(b={});var d="click.magnificPopup";b.mainEl=a,b.items?(b.isObj=!0,a.off(d).on(d,c)):(b.isObj=!1,b.delegate?a.off(d).on(d,b.delegate,c):(b.items=a,a.off(d).on(d,c)))},_openClick:function(b,c,d){var e=d.midClick!==undefined?d.midClick:a.magnificPopup.defaults.midClick;if(!e&&(b.which===2||b.ctrlKey||b.metaKey))return;var f=d.disableOn!==undefined?d.disableOn:a.magnificPopup.defaults.disableOn;if(f)if(a.isFunction(f)){if(!f.call(n))return!0}else if(r.width()<f)return!0;b.type&&(b.preventDefault(),n.isOpen&&b.stopPropagation()),d.el=a(b.mfpEl),d.delegate&&(d.items=c.find(d.delegate)),n.open(d)},updateStatus:function(a,b){if(n.preloader){q!==a&&n.container.removeClass("mfp-s-"+q),!b&&a==="loading"&&(b=n.st.tLoading);var c={status:a,text:b};y("UpdateStatus",c),a=c.status,b=c.text,n.preloader.html(b),n.preloader.find("a").on("click",function(a){a.stopImmediatePropagation()}),n.container.addClass("mfp-s-"+a),q=a}},_checkIfClose:function(b){if(a(b).hasClass(m))return;var c=n.st.closeOnContentClick,d=n.st.closeOnBgClick;if(c&&d)return!0;if(!n.content||a(b).hasClass("mfp-close")||n.preloader&&b===n.preloader[0])return!0;if(b!==n.content[0]&&!a.contains(n.content[0],b)){if(d&&a.contains(document,b))return!0}else if(c)return!0;return!1},_addClassToMFP:function(a){n.bgOverlay.addClass(a),n.wrap.addClass(a)},_removeClassFromMFP:function(a){this.bgOverlay.removeClass(a),n.wrap.removeClass(a)},_hasScrollBar:function(a){return(n.isIE7?s.height():document.body.scrollHeight)>(a||r.height())},_setFocus:function(){(n.st.focus?n.content.find(n.st.focus).eq(0):n.wrap).focus()},_onFocusIn:function(b){if(b.target!==n.wrap[0]&&!a.contains(n.wrap[0],b.target))return n._setFocus(),!1},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),y(f,[b,c,d]),a.each(c,function(a,c){if(c===undefined||c===!1)return!0;e=a.split("_");if(e.length>1){var d=b.find(j+"-"+e[0]);if(d.length>0){var f=e[1];f==="replaceWith"?d[0]!==c[0]&&d.replaceWith(c):f==="img"?d.is("img")?d.attr("src",c):d.replaceWith('<img src="'+c+'" class="'+d.attr("class")+'" />'):d.attr(e[1],c)}}else b.find(j+"-"+a).html(c)})},_getScrollbarSize:function(){if(n.scrollbarSize===undefined){var a=document.createElement("div");a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),n.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return n.scrollbarSize}},a.magnificPopup={instance:null,proto:o.prototype,modules:[],open:function(b,c){return A(),b?b=a.extend(!0,{},b):b={},b.isObj=!0,b.index=c||0,this.instance.open(b)},close:function(){return a.magnificPopup.instance&&a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<button title="%title%" type="button" class="mfp-close">&times;</button>',tClose:"Close (Esc)",tLoading:"Loading..."}},a.fn.magnificPopup=function(b){A();var c=a(this);if(typeof b=="string")if(b==="open"){var d,e=p?c.data("magnificPopup"):c[0].magnificPopup,f=parseInt(arguments[1],10)||0;e.items?d=e.items[f]:(d=c,e.delegate&&(d=d.find(e.delegate)),d=d.eq(f)),n._openClick({mfpEl:d},c,e)}else n.isOpen&&n[b].apply(n,Array.prototype.slice.call(arguments,1));else b=a.extend(!0,{},b),p?c.data("magnificPopup",b):c[0].magnificPopup=b,n.addGroup(c,b);return c};var C="inline",D,E,F,G=function(){F&&(E.after(F.addClass(D)).detach(),F=null)};a.magnificPopup.registerModule(C,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){n.types.push(C),w(b+"."+C,function(){G()})},getInline:function(b,c){G();if(b.src){var d=n.st.inline,e=a(b.src);if(e.length){var f=e[0].parentNode;f&&f.tagName&&(E||(D=d.hiddenClass,E=x(D),D="mfp-"+D),F=e.after(E).detach().removeClass(D)),n.updateStatus("ready")}else n.updateStatus("error",d.tNotFound),e=a("<div>");return b.inlineElement=e,e}return n.updateStatus("ready"),n._parseMarkup(c,{},b),c}}});var H,I=function(b){if(b.data&&b.data.title!==undefined)return b.data.title;var c=n.st.image.titleSrc;if(c){if(a.isFunction(c))return c.call(n,b);if(b.el)return b.el.attr(c)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'<div class="mfp-figure"><div class="mfp-close"></div><figure><div class="mfp-img"></div><figcaption><div class="mfp-bottom-bar"><div class="mfp-title"></div><div class="mfp-counter"></div></div></figcaption></figure></div>',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'<a href="%url%">The image</a> could not be loaded.'},proto:{initImage:function(){var c=n.st.image,d=".image";n.types.push("image"),w(g+d,function(){n.currItem.type==="image"&&c.cursor&&a(document.body).addClass(c.cursor)}),w(b+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),r.off("resize"+j)}),w("Resize"+d,n.resizeImage),n.isLowIE&&w("AfterChange",n.resizeImage)},resizeImage:function(){var a=n.currItem;if(!a||!a.img)return;if(n.st.image.verticalFit){var b=0;n.isLowIE&&(b=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",n.wH-b)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,H&&clearInterval(H),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(n.content&&n.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var b=0,c=a.img[0],d=function(e){H&&clearInterval(H),H=setInterval(function(){if(c.naturalWidth>0){n._onImageHasSize(a);return}b>200&&clearInterval(H),b++,b===3?d(10):b===40?d(50):b===100&&d(500)},e)};d(1)},getImage:function(b,c){var d=0,e=function(){b&&(b.img[0].complete?(b.img.off(".mfploader"),b===n.currItem&&(n._onImageHasSize(b),n.updateStatus("ready")),b.hasSize=!0,b.loaded=!0,y("ImageLoadComplete")):(d++,d<200?setTimeout(e,100):f()))},f=function(){b&&(b.img.off(".mfploader"),b===n.currItem&&(n._onImageHasSize(b),n.updateStatus("error",g.tError.replace("%url%",b.src))),b.hasSize=!0,b.loaded=!0,b.loadError=!0)},g=n.st.image,h=c.find(".mfp-img");if(h.length){var i=document.createElement("img");i.className="mfp-img",b.el&&b.el.find("img").length&&(i.alt=b.el.find("img").attr("alt")),b.img=a(i).on("load.mfploader",e).on("error.mfploader",f),i.src=b.src,h.is("img")&&(b.img=b.img.clone()),i=b.img[0],i.naturalWidth>0?b.hasSize=!0:i.width||(b.hasSize=!1)}return n._parseMarkup(c,{title:I(b),img_replaceWith:b.img},b),n.resizeImage(),b.hasSize?(H&&clearInterval(H),b.loadError?(c.addClass("mfp-loading"),n.updateStatus("error",g.tError.replace("%url%",b.src))):(c.removeClass("mfp-loading"),n.updateStatus("ready")),c):(n.updateStatus("loading"),b.loading=!0,b.hasSize||(b.imgHidden=!0,c.addClass("mfp-loading"),n.findImageSize(b)),c)}}});var J,K=function(){return J===undefined&&(J=document.createElement("p").style.MozTransform!==undefined),J};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a=n.st.zoom,d=".zoom",e;if(!a.enabled||!n.supportsTransition)return;var f=a.duration,g=function(b){var c=b.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+a.duration/1e3+"s "+a.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,c.css(e),c},h=function(){n.content.css("visibility","visible")},i,j;w("BuildControls"+d,function(){if(n._allowZoom()){clearTimeout(i),n.content.css("visibility","hidden"),e=n._getItemToZoom();if(!e){h();return}j=g(e),j.css(n._getOffset()),n.wrap.append(j),i=setTimeout(function(){j.css(n._getOffset(!0)),i=setTimeout(function(){h(),setTimeout(function(){j.remove(),e=j=null,y("ZoomAnimationEnded")},16)},f)},16)}}),w(c+d,function(){if(n._allowZoom()){clearTimeout(i),n.st.removalDelay=f;if(!e){e=n._getItemToZoom();if(!e)return;j=g(e)}j.css(n._getOffset(!0)),n.wrap.append(j),n.content.css("visibility","hidden"),setTimeout(function(){j.css(n._getOffset())},16)}}),w(b+d,function(){n._allowZoom()&&(h(),j&&j.remove(),e=null)})},_allowZoom:function(){return n.currItem.type==="image"},_getItemToZoom:function(){return n.currItem.hasSize?n.currItem.img:!1},_getOffset:function(b){var c;b?c=n.currItem.img:c=n.st.zoom.opener(n.currItem.el||n.currItem);var d=c.offset(),e=parseInt(c.css("padding-top"),10),f=parseInt(c.css("padding-bottom"),10);d.top-=a(window).scrollTop()-e;var g={width:c.width(),height:(p?c.innerHeight():c[0].offsetHeight)-f-e};return K()?g["-moz-transform"]=g.transform="translate("+d.left+"px,"+d.top+"px)":(g.left=d.left,g.top=d.top),g}}});var L="retina";a.magnificPopup.registerModule(L,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=n.st.retina,b=a.ratio;b=isNaN(b)?b():b,b>1&&(w("ImageHasSize."+L,function(a,c){c.img.css({"max-width":c.img[0].naturalWidth/b,width:"100%"})}),w("ElementParse."+L,function(c,d){d.src=a.replaceSrc(d,b)}))}}}}),A()})
classes/class-icegram-message-admin.php CHANGED
@@ -103,38 +103,7 @@ if ( !class_exists( 'Icegram_Message_Admin' ) ) {
103
  function add_message_meta_boxes() {
104
  global $icegram;
105
  add_meta_box( 'message-settings', __( 'Message Settings', 'icegram' ), array ( &$this, 'message_form_fields' ), 'ig_message', 'normal', 'high' );
106
-
107
- ?>
108
- <style type="text/css">
109
- <?php
110
- foreach ( $icegram->message_types as $message_type => $message ) {
111
-
112
- if( !empty( $message['admin_style'] ) ) {
113
- $label_bg_color = $message['admin_style']['label_bg_color'];
114
- $theme_header_height = $message['admin_style']['theme_header_height'];
115
- $theme_header_bg_size = ( $theme_header_height + 3 )."em";
116
- $thumbnail_width = $message['admin_style']['thumbnail_width'];
117
- $thumbnail_height = $message['admin_style']['thumbnail_height'];
118
- echo " .message_header .$message_type {
119
- background-color: {$label_bg_color};
120
- }
121
- .message_theme_{$message_type} + .chosen-container-single .chosen-single {
122
- height: {$theme_header_height} !important;
123
- }
124
- .message_theme_{$message_type} + .chosen-container-single .chosen-single span {
125
- background-size: {$theme_header_bg_size} !important;
126
- line-height: {$theme_header_height} !important;
127
- }
128
- .message_theme_{$message_type} + .chosen-container .chosen-results li {
129
- width: {$thumbnail_width} !important;
130
- height: {$thumbnail_height} !important;
131
- }";
132
- }
133
-
134
- }
135
- ?>
136
- </style>
137
- <?php
138
  }
139
 
140
  // Display all message settings fields
@@ -144,7 +113,37 @@ if ( !class_exists( 'Icegram_Message_Admin' ) ) {
144
 
145
  if( ( is_object( $post ) && $post->post_type != 'ig_message' ) )
146
  return;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
147
 
 
 
 
 
148
  $message_id = !empty( $action['message_id'] ) ? $action['message_id'] : $post->ID;
149
  $message_data = get_post_meta( $message_id, 'icegram_message_data', true );
150
  $message_headlines = $icegram->available_headlines;
103
  function add_message_meta_boxes() {
104
  global $icegram;
105
  add_meta_box( 'message-settings', __( 'Message Settings', 'icegram' ), array ( &$this, 'message_form_fields' ), 'ig_message', 'normal', 'high' );
106
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
107
  }
108
 
109
  // Display all message settings fields
113
 
114
  if( ( is_object( $post ) && $post->post_type != 'ig_message' ) )
115
  return;
116
+ ?>
117
+ <style type="text/css">
118
+ <?php
119
+ foreach ( $icegram->message_types as $message_type => $message ) {
120
+
121
+ if( !empty( $message['admin_style'] ) ) {
122
+ $label_bg_color = $message['admin_style']['label_bg_color'];
123
+ $theme_header_height = $message['admin_style']['theme_header_height'];
124
+ $theme_header_bg_size = ( $theme_header_height + 3 )."em";
125
+ $thumbnail_width = $message['admin_style']['thumbnail_width'];
126
+ $thumbnail_height = $message['admin_style']['thumbnail_height'];
127
+ echo " .message_header .$message_type {
128
+ background-color: {$label_bg_color};
129
+ }
130
+ .message_theme_{$message_type} + .chosen-container-single .chosen-single {
131
+ height: {$theme_header_height} !important;
132
+ }
133
+ .message_theme_{$message_type} + .chosen-container-single .chosen-single span {
134
+ background-size: {$theme_header_bg_size} !important;
135
+ line-height: {$theme_header_height} !important;
136
+ }
137
+ .message_theme_{$message_type} + .chosen-container .chosen-results li {
138
+ width: {$thumbnail_width} !important;
139
+ height: {$thumbnail_height} !important;
140
+ }";
141
+ }
142
 
143
+ }
144
+ ?>
145
+ </style>
146
+ <?php
147
  $message_id = !empty( $action['message_id'] ) ? $action['message_id'] : $post->ID;
148
  $message_data = get_post_meta( $message_id, 'icegram_message_data', true );
149
  $message_headlines = $icegram->available_headlines;
icegram.php CHANGED
@@ -3,11 +3,11 @@
3
  * Plugin Name: Icegram
4
  * Plugin URI: http://www.icegram.com/
5
  * Description: All in one solution to inspire, convert and engage your audiences. Action bars, Popup windows, Messengers, Toast notifications and more. Awesome themes and powerful rules.
6
- * Version: 1.8.3
7
  * Author: icegram
8
  * Author URI: http://www.icegram.com/
9
  *
10
- * Copyright (c) 2014 Icegram
11
  * License: GPLv3
12
  * License URI: http://www.gnu.org/licenses/gpl-3.0.html
13
  *
@@ -34,7 +34,7 @@ class Icegram {
34
 
35
  function __construct() {
36
 
37
- $this->version = "1.8.3";
38
  $this->shortcode_instances = array();
39
  $this->mode = 'local';
40
  $this->plugin_url = untrailingslashit( plugins_url( '/', __FILE__ ) );
@@ -635,10 +635,12 @@ class Icegram {
635
 
636
  // Load JS and default CSS
637
  if (in_array('popup', $types_shown)) {
638
- wp_enqueue_script( 'thickbox' );
639
- wp_enqueue_style( 'thickbox' );
 
 
 
640
  }
641
-
642
  foreach ($types_shown as $message_type) {
643
  $ver = ( !empty($this->message_types[$message_type]['version'])) ? $this->message_types[$message_type]['version'] : $this->version;
644
  wp_register_script( 'icegram_message_type_'.$message_type, $this->message_types[$message_type]['baseurl'] . "main.js" , array ( 'icegram_js' ), $ver, true );
@@ -688,6 +690,7 @@ class Icegram {
688
  wp_enqueue_script( 'jquery-ui-datepicker' );
689
  }
690
 
 
691
  }
692
 
693
  public static function get_platform() {
3
  * Plugin Name: Icegram
4
  * Plugin URI: http://www.icegram.com/
5
  * Description: All in one solution to inspire, convert and engage your audiences. Action bars, Popup windows, Messengers, Toast notifications and more. Awesome themes and powerful rules.
6
+ * Version: 1.8.4
7
  * Author: icegram
8
  * Author URI: http://www.icegram.com/
9
  *
10
+ * Copyright (c) 2014-2015 Icegram
11
  * License: GPLv3
12
  * License URI: http://www.gnu.org/licenses/gpl-3.0.html
13
  *
34
 
35
  function __construct() {
36
 
37
+ $this->version = "1.8.4";
38
  $this->shortcode_instances = array();
39
  $this->mode = 'local';
40
  $this->plugin_url = untrailingslashit( plugins_url( '/', __FILE__ ) );
635
 
636
  // Load JS and default CSS
637
  if (in_array('popup', $types_shown)) {
638
+ wp_register_script( 'magnific_popup_js', $this->plugin_url . '/assets/js/magnific-popup.js', array ( 'jquery' ), $this->version, true);
639
+ if( !wp_script_is( 'magnific_popup_js' ) ) {
640
+ wp_enqueue_script( 'magnific_popup_js' );
641
+ }
642
+ wp_enqueue_style( 'magnific_popup_css', $this->plugin_url . '/assets/css/magnific-popup.css', array(), $this->version );
643
  }
 
644
  foreach ($types_shown as $message_type) {
645
  $ver = ( !empty($this->message_types[$message_type]['version'])) ? $this->message_types[$message_type]['version'] : $this->version;
646
  wp_register_script( 'icegram_message_type_'.$message_type, $this->message_types[$message_type]['baseurl'] . "main.js" , array ( 'icegram_js' ), $ver, true );
690
  wp_enqueue_script( 'jquery-ui-datepicker' );
691
  }
692
 
693
+
694
  }
695
 
696
  public static function get_platform() {
message-types/popup/default.css CHANGED
@@ -2,6 +2,7 @@
2
  opacity: 1;
3
  display: block;
4
  z-index: 100000;
 
5
  }
6
 
7
  .ig_popup.ig_container, .ig_popup.ig_container .ig_content {
@@ -11,11 +12,12 @@
11
  .ig_popup .ig_headline {
12
  text-decoration: none;
13
  font-weight: 800;
14
- line-height: 1em;
 
15
  }
16
 
17
  .ig_popup .ig_data {
18
- overflow-y: auto;
19
  }
20
 
21
  .ig_popup .ig_image {
@@ -24,8 +26,12 @@
24
 
25
  .ig_popup .ig_message {
26
  line-height: 1.2em;
 
27
  }
28
 
 
 
 
29
  .ig_popup .ig_close {
30
  background-image: url(../popup/images/popup-close.png);
31
  background-repeat: no-repeat;
@@ -63,17 +69,7 @@ div.ig_popup input[type="submit"]:active,
63
  div.ig_popup input[type="button"]:active{
64
  }
65
 
66
- .ig_popup #TB_ajaxContent {
67
- overflow: hidden;
68
- height: auto !important;
69
- width: auto !important;
70
- }
71
-
72
- .ig_popup#TB_window {
73
- height: auto !important;
74
- }
75
-
76
- .TB_overlayBG .powered_by {
77
  position: fixed;
78
  bottom: 1em;
79
  left: 1em;
@@ -83,4 +79,92 @@ div.ig_popup input[type="button"]:active{
83
 
84
  div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="button"] {
85
  font-size: 100%;
86
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2
  opacity: 1;
3
  display: block;
4
  z-index: 100000;
5
+ margin: 1em;
6
  }
7
 
8
  .ig_popup.ig_container, .ig_popup.ig_container .ig_content {
12
  .ig_popup .ig_headline {
13
  text-decoration: none;
14
  font-weight: 800;
15
+ font-size: 2em;
16
+ line-height: 1.2em;
17
  }
18
 
19
  .ig_popup .ig_data {
20
+ overflow-y: hidden;
21
  }
22
 
23
  .ig_popup .ig_image {
26
 
27
  .ig_popup .ig_message {
28
  line-height: 1.2em;
29
+ font-size: 1.2em;
30
  }
31
 
32
+ .ig_popup .ig_message p{
33
+ margin-bottom: .9em;
34
+ }
35
  .ig_popup .ig_close {
36
  background-image: url(../popup/images/popup-close.png);
37
  background-repeat: no-repeat;
69
  div.ig_popup input[type="button"]:active{
70
  }
71
 
72
+ .mfp-wrap .powered_by {
 
 
 
 
 
 
 
 
 
 
73
  position: fixed;
74
  bottom: 1em;
75
  left: 1em;
79
 
80
  div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="button"] {
81
  font-size: 100%;
82
+ }
83
+
84
+ .ig_popup.mfp-content {
85
+ width: 60% !important;
86
+ margin: 32px auto 20px auto !important;
87
+ }
88
+
89
+ @media only screen and (max-device-width: 319px) {
90
+ .ig_popup.mfp-content {
91
+ width: 90% !important;
92
+ top: 3% !important;
93
+ margin: 5px auto !important;
94
+ font-size: 8px;
95
+ }
96
+ .ig_popup .ig_button,
97
+ div.ig_popup input[type="submit"],
98
+ div.ig_popup input[type="button"] {
99
+ width: 90% !important;
100
+ }
101
+ }
102
+
103
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
104
+ .ig_popup.mfp-content {
105
+ width: 85% !important;
106
+ top: 5% !important;
107
+ margin: 10px auto !important;
108
+ font-size: 10px;
109
+
110
+ }
111
+ .ig_popup .ig_button,
112
+ div.ig_popup input[type="submit"],
113
+ div.ig_popup input[type="button"] {
114
+ width: 90% !important;
115
+ }
116
+ }
117
+
118
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
119
+ .ig_popup.mfp-content {
120
+ width: 85% !important;
121
+ top: 5% !important;
122
+ margin: 10px auto !important;
123
+ font-size: 12px;
124
+ }
125
+ .ig_popup .ig_button,
126
+ div.ig_popup input[type="submit"],
127
+ div.ig_popup input[type="button"] {
128
+ width: 90% !important;
129
+ }
130
+ }
131
+
132
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
133
+ .ig_popup.mfp-content {
134
+ width: 85% !important;
135
+ top: 5% !important;
136
+ margin: 10px auto !important;
137
+ font-size: 13px;
138
+ }
139
+ .ig_popup .ig_button,
140
+ div.ig_popup input[type="submit"],
141
+ div.ig_popup input[type="button"] {
142
+ width: 90% !important;
143
+ }
144
+ }
145
+
146
+
147
+ @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
148
+ .ig_popup.mfp-content {
149
+ top: 5% !important;
150
+ margin: 10px auto !important;
151
+ font-size: 14px;
152
+ }
153
+ }
154
+
155
+ @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
156
+ .ig_popup.mfp-content {
157
+ top: 5% !important;
158
+ margin: 10px auto !important;
159
+ font-size: 11px;
160
+ }
161
+ }
162
+
163
+ /* Small devices (tablets, 768px and up) */
164
+ @media only screen and (min-width: 768px) and (max-device-width: 992px){
165
+ .ig_popup.mfp-content {
166
+ top: 5% !important;
167
+ margin: 10px auto !important;
168
+ font-size: 14px;
169
+ }
170
+ }
message-types/popup/main.js CHANGED
@@ -8,7 +8,7 @@
8
  Icegram_Message_Type_Popup.prototype.constructor = Icegram_Message_Type_Popup;
9
 
10
  Icegram_Message_Type_Popup.prototype.get_template_default = function () {
11
- return '<div id="popup_main_{{=id}}" data={{=id}}>'+
12
  '<div class="icegram ig_popup ig_container {{=theme}}" id="icegram_message_{{=id}}" data={{=id}}>'+
13
  '<div class="ig_close" id="popup_box_close_{{=id}}"></div>'+
14
  '<div class="ig_data">'+
@@ -24,72 +24,32 @@
24
  Icegram_Message_Type_Popup.prototype.show = function ( options, silent ) {
25
  if ( this.is_visible() ) return;
26
  var self = this;
27
- var popup_delay = 0;
28
- if( jQuery('body').find('#TB_window').length ) {
29
- var current_popup_id = jQuery('#TB_window').find('.ig_popup').attr('data');
30
- if (typeof(current_popup_id) != 'undefined') {
31
- var current_popup = window.icegram.get_message_by_id(current_popup_id);
32
- if (typeof('current_popup') != 'Icegram_Message_Type_Popup') {
33
- current_popup.hide();
34
- }
35
- }
36
- popup_delay = 800;
37
- }
38
- setTimeout( function() {
39
- var popup_width = (jQuery(window).width() * 60) / 100;
40
- self.el.show();
41
- tb_show('Popup', "#TB_inline?width="+popup_width+"&modal=true&inlineId=popup_main_" + self.data.id, true);
42
- self.el = jQuery('#TB_window .ig_popup');
43
- // bind click event of overlay to hide
44
- jQuery('#TB_overlay').bind('click',function(){
45
- self.hide();
46
- });
47
- self.el.on('click', {self: self}, self.on_click);
48
- var max_height = jQuery(window).height()-jQuery('#TB_window').height() + 150;
49
- self.el.find('.ig_data').css('max-height', max_height);
50
- jQuery('#TB_window').addClass(self.data.theme).addClass('ig_popup');
51
- silent !== true && self.track( 'shown' );
52
- }, popup_delay);
53
  };
54
 
55
  Icegram_Message_Type_Popup.prototype.add_powered_by = function ( pb ) {
56
  setTimeout( function() {
57
- jQuery('#TB_window').prev().append('<div class="powered_by"><a href="'+pb.link+'" target="_blank">'+pb.text+'</a></div>');
58
  },1000 + this.data.delay_time * 1000);
59
  };
60
 
61
  Icegram_Message_Type_Popup.prototype.hide = function ( options, silent ) {
62
  if ( !this.is_visible() ) return;
63
- var self = this;
64
- tb_remove();
65
- self.el = jQuery('#popup_main_' + self.data.id);
66
- self.el.hide();
 
67
  silent !== true && this.track( 'closed' );
68
  };
69
- Icegram_Message_Type_Popup.prototype.on_resize = function(){
70
- if( jQuery( window ).height() < jQuery( '#TB_window' ).height() || jQuery( window ).width() < jQuery( '#TB_window' ).width() ) {
71
-
72
- var height = (jQuery( window ).height()-50)/(jQuery( '#TB_window' ).height());
73
- var width = (jQuery( window ).width()-50)/(jQuery( '#TB_window' ).width());
74
- if(height<width){
75
- jQuery('#TB_window').css({'-webkit-transform': 'scale('+height+')',
76
- '-moz-transform': 'scale('+height+')',
77
- '-ms-transform': 'scale('+height+')',
78
- '-o-transform': 'scale('+height+')',
79
- 'transform': 'scale('+height+')'});
80
- } else {
81
- jQuery('#TB_window').css({'-webkit-transform': 'scale('+width+')',
82
- '-moz-transform': 'scale('+width+')',
83
- '-ms-transform': 'scale('+width+')',
84
- '-o-transform': 'scale('+width+')',
85
- 'transform': 'scale('+width+')'});
86
- }
87
- } else {
88
- jQuery('#TB_window').css({'-webkit-transform': 'scale(1)',
89
- '-moz-transform': 'scale(1)',
90
- '-ms-transform': 'scale(1)',
91
- '-o-transform': 'scale(1)',
92
- 'transform': 'scale(1)'});
93
- }
94
-
95
- }
8
  Icegram_Message_Type_Popup.prototype.constructor = Icegram_Message_Type_Popup;
9
 
10
  Icegram_Message_Type_Popup.prototype.get_template_default = function () {
11
+ return '<div id="popup_main_{{=id}}" class="mfp-hide" data={{=id}}>'+
12
  '<div class="icegram ig_popup ig_container {{=theme}}" id="icegram_message_{{=id}}" data={{=id}}>'+
13
  '<div class="ig_close" id="popup_box_close_{{=id}}"></div>'+
14
  '<div class="ig_data">'+
24
  Icegram_Message_Type_Popup.prototype.show = function ( options, silent ) {
25
  if ( this.is_visible() ) return;
26
  var self = this;
27
+ var popup_id = '#icegram_message_'+this.data.id;
28
+ jQuery.magnificPopup.open({
29
+ items: {
30
+ src: popup_id,
31
+ type: 'inline'
32
+ },
33
+ showCloseBtn :false
34
+ });
35
+ jQuery('.mfp-content').removeClass().addClass('mfp-content');
36
+ jQuery('.mfp-content').addClass(self.data.theme).addClass('ig_popup');
37
+ silent !== true && this.track( 'shown' );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
38
  };
39
 
40
  Icegram_Message_Type_Popup.prototype.add_powered_by = function ( pb ) {
41
  setTimeout( function() {
42
+ jQuery('.mfp-wrap').append('<div class="powered_by"><a href="'+pb.link+'" target="_blank">'+pb.text+'</a></div>');
43
  },1000 + this.data.delay_time * 1000);
44
  };
45
 
46
  Icegram_Message_Type_Popup.prototype.hide = function ( options, silent ) {
47
  if ( !this.is_visible() ) return;
48
+ var popup_id = '#icegram_message_'+this.data.id;
49
+ jQuery.magnificPopup.close({ items: {
50
+ src: popup_id,
51
+ type: 'inline'
52
+ }});
53
  silent !== true && this.track( 'closed' );
54
  };
55
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
message-types/popup/main.php CHANGED
@@ -29,7 +29,7 @@ class Icegram_Message_Type_Popup extends Icegram_Message_Type {
29
  $popup_delay_times = array();
30
  foreach ($icegram_data['messages'] as $message_id => $message) {
31
 
32
- if( $message['type'] == 'popup' ) {
33
  while( in_array( $message['delay_time'], $popup_delay_times ) ) {
34
  $message['delay_time'] = $message['delay_time'] + $this->popup_default_delay_time;
35
  }
29
  $popup_delay_times = array();
30
  foreach ($icegram_data['messages'] as $message_id => $message) {
31
 
32
+ if( $message['type'] == 'popup' && $message['delay_time'] != -1) {
33
  while( in_array( $message['delay_time'], $popup_delay_times ) ) {
34
  $message['delay_time'] = $message['delay_time'] + $this->popup_default_delay_time;
35
  }
message-types/popup/themes/air-mail.css CHANGED
@@ -3,7 +3,7 @@
3
  color: hsl(0, 100%, 100%);
4
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
5
  filter: alpha(opacity=100);
6
- padding: 1em 0 0;
7
  }
8
 
9
  .ig_popup.air-mail .ig_headline {
@@ -18,11 +18,14 @@
18
  float: right;
19
  }
20
 
 
 
 
21
  .ig_popup.air-mail .ig_message {
22
  color: hsl(0, 0%, 44%);
23
- margin-bottom: 1em;
24
- padding: 0 1em;
25
  font-size: 1.2em;
 
 
26
  }
27
 
28
  .ig_popup.air-mail .ig_close {
@@ -36,6 +39,7 @@
36
  right: 0;
37
  cursor: pointer;
38
  zoom: 1.5;
 
39
  }
40
 
41
  .ig_popup.air-mail .ig_button,
@@ -46,21 +50,22 @@
46
  -moz-border-radius: 5px;
47
  -webkit-border-radius: 5px;
48
  border-radius: 5px;
49
- border-bottom: 3px solid hsl(6, 63%, 46%) !important;
 
50
  font-size: 16px;
51
  color: hsl(0, 0%, 100%);
52
  text-transform: uppercase;
53
  font-weight: 600;
54
  text-align: center;
55
- margin: 0 auto;
56
- padding: 16px 0 13px;
57
  }
58
 
59
  .ig_popup.air-mail .ig_button:hover,
60
  div.ig_popup.air-mail input[type="submit"]:hover,
61
  div.ig_popup.air-mail input[type="button"]:hover {
62
- margin-top: -3px;
63
- border-bottom: 6px solid #c0392b !important;
64
  }
65
 
66
  .ig_popup.air-mail .ig_button:active,
@@ -69,9 +74,10 @@ div.ig_popup.air-mail input[type="button"]:active{
69
  border-top: none;
70
  }
71
 
72
- .ig_popup.air-mail #TB_ajaxContent {
73
  position: relative;
74
  display: block;
 
75
  background: #F2F2F2;
76
  background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
77
  background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
@@ -81,7 +87,7 @@ div.ig_popup.air-mail input[type="button"]:active{
81
  background-image: linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
82
  }
83
 
84
- .ig_popup.air-mail#TB_window {
85
  background-color: #fff;
86
  -webkit-background-clip: padding-box;
87
  background-clip: padding-box;
@@ -92,7 +98,7 @@ div.ig_popup.air-mail input[type="button"]:active{
92
  border: 0;
93
  }
94
 
95
- .ig_popup.air-mail#TB_window:before {
96
  position: absolute;
97
  top: 0;
98
  left: 0;
@@ -106,4 +112,29 @@ div.ig_popup.air-mail input[type="button"]:active{
106
  -webkit-background-clip: padding-box;
107
  background-clip: padding-box;
108
  content: "";
109
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  color: hsl(0, 100%, 100%);
4
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
5
  filter: alpha(opacity=100);
6
+ padding: 1em 0.5em;
7
  }
8
 
9
  .ig_popup.air-mail .ig_headline {
18
  float: right;
19
  }
20
 
21
+ .ig_popup.air-mail .ig_data {
22
+ padding: .9em;
23
+ }
24
  .ig_popup.air-mail .ig_message {
25
  color: hsl(0, 0%, 44%);
 
 
26
  font-size: 1.2em;
27
+ margin-bottom: 1em;
28
+ padding: 0 .5em;
29
  }
30
 
31
  .ig_popup.air-mail .ig_close {
39
  right: 0;
40
  cursor: pointer;
41
  zoom: 1.5;
42
+ margin: 5px;
43
  }
44
 
45
  .ig_popup.air-mail .ig_button,
50
  -moz-border-radius: 5px;
51
  -webkit-border-radius: 5px;
52
  border-radius: 5px;
53
+ border-top: 3px solid transparent !important;
54
+ border-bottom: 3px solid transparent !important;
55
  font-size: 16px;
56
  color: hsl(0, 0%, 100%);
57
  text-transform: uppercase;
58
  font-weight: 600;
59
  text-align: center;
60
+ margin: 0.4em auto 0 auto;
61
+ padding: 16px 3px 13px;
62
  }
63
 
64
  .ig_popup.air-mail .ig_button:hover,
65
  div.ig_popup.air-mail input[type="submit"]:hover,
66
  div.ig_popup.air-mail input[type="button"]:hover {
67
+ border-top: 3px solid hsl(6, 63%, 46%) !important;
68
+ border-bottom: 3px solid #c0392b !important;
69
  }
70
 
71
  .ig_popup.air-mail .ig_button:active,
74
  border-top: none;
75
  }
76
 
77
+ .ig_popup.air-mail.ig_container{
78
  position: relative;
79
  display: block;
80
+ margin: 0;
81
  background: #F2F2F2;
82
  background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
83
  background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
87
  background-image: linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
88
  }
89
 
90
+ .ig_popup.air-mail.mfp-content {
91
  background-color: #fff;
92
  -webkit-background-clip: padding-box;
93
  background-clip: padding-box;
98
  border: 0;
99
  }
100
 
101
+ .ig_popup.air-mail.mfp-content:before {
102
  position: absolute;
103
  top: 0;
104
  left: 0;
112
  -webkit-background-clip: padding-box;
113
  background-clip: padding-box;
114
  content: "";
115
+ }
116
+
117
+
118
+ @media only screen and (max-device-width: 319px) {
119
+ .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
120
+ width: 90% !important;
121
+ }
122
+ }
123
+
124
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
125
+ .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
126
+ width: 90% !important;
127
+ }
128
+ }
129
+
130
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
131
+ .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
132
+ width: 90% !important;
133
+ }
134
+ }
135
+
136
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
137
+ .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
138
+ width: 90% !important;
139
+ }
140
+ }
message-types/popup/themes/amaze.css CHANGED
@@ -64,12 +64,12 @@
64
  box-shadow: inset 0 -3px 1px #2ECC70, inset 0 0 3px #2ECC70;
65
  }
66
 
67
- .ig_popup.amaze #TB_ajaxContent {
68
  border: .3em solid #444444;
69
  background-image: url(../images/popup-amaze-bg.jpg);
70
  }
71
 
72
- .ig_popup.amaze#TB_window {
73
  -moz-box-shadow: none;
74
  -webkit-box-shadow: none;
75
  box-shadow: none;
@@ -78,4 +78,73 @@
78
  .ig_popup.amaze .ig_content {
79
  margin: 1.5em 0 .5em 0;
80
  width: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  }
64
  box-shadow: inset 0 -3px 1px #2ECC70, inset 0 0 3px #2ECC70;
65
  }
66
 
67
+ .ig_popup.amaze.mfp-content {
68
  border: .3em solid #444444;
69
  background-image: url(../images/popup-amaze-bg.jpg);
70
  }
71
 
72
+ .ig_popup.amaze.mfp-content {
73
  -moz-box-shadow: none;
74
  -webkit-box-shadow: none;
75
  box-shadow: none;
78
  .ig_popup.amaze .ig_content {
79
  margin: 1.5em 0 .5em 0;
80
  width: 100%;
81
+ }
82
+
83
+ @media only screen and (max-device-width: 319px) {
84
+ .ig_popup.amaze.mfp-content {
85
+ font-size: 10px;
86
+ }
87
+ .ig_popup.amaze .ig_message{
88
+ margin: 0 1em;
89
+ }
90
+ .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
91
+ width: 90% !important;
92
+ }
93
+ }
94
+
95
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
96
+ .ig_popup.amaze.mfp-content {
97
+ font-size: 12px;
98
+ }
99
+ .ig_popup.amaze .ig_message{
100
+ margin: 0 1em;
101
+ }
102
+ .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
103
+ width: 90% !important;
104
+ }
105
+ }
106
+
107
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
108
+ .ig_popup.amaze.mfp-content {
109
+ font-size: 14px;
110
+ }
111
+ .ig_popup.amaze .ig_message{
112
+ margin: 0 1em;
113
+ }
114
+ .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
115
+ width: 90% !important;
116
+ }
117
+
118
+ }
119
+
120
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
121
+ .ig_popup.amaze.mfp-content {
122
+ font-size: 16px;
123
+ }
124
+ .ig_popup.amaze .ig_message{
125
+ margin: 0 1em;
126
+ }
127
+ .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
128
+ width: 90% !important;
129
+ }
130
+ }
131
+
132
+
133
+ @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
134
+ .ig_popup.amaze.mfp-content {
135
+ font-size: 18px;
136
+ }
137
+ }
138
+
139
+ @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
140
+ .ig_popup.amaze.mfp-content {
141
+ font-size: 12px;
142
+ }
143
+ }
144
+
145
+ /* Small devices (tablets, 768px and up) */
146
+ @media only screen and (min-width: 768px) and (max-device-width: 992px){
147
+ .ig_popup.amaze.mfp-content {
148
+ font-size: 14px;
149
+ }
150
  }
message-types/popup/themes/compel.css CHANGED
@@ -4,7 +4,7 @@
4
  color: hsl(0, 100%, 100%);
5
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6
  filter: alpha(opacity=100);
7
- padding: 1.5em 0 1em 0;
8
  }
9
 
10
  .ig_popup.compel .ig_headline {
@@ -24,7 +24,7 @@
24
  color: hsl(0, 0%, 44%);
25
  font-size: 1.25em;
26
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
27
- margin-bottom: .5em;
28
  }
29
 
30
  .ig_popup.compel .ig_close {
@@ -70,13 +70,40 @@ div.ig_popup.compel input[type="button"]:active{
70
  border-top: none;
71
  }
72
 
73
-
74
- .ig_popup.compel #TB_ajaxContent {
75
- }
76
-
77
- .ig_popup.compel#TB_window {
78
  -moz-box-shadow: none;
79
  -webkit-box-shadow: none;
80
  box-shadow: none;
81
  border: 4px dashed #c0392b;
82
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  color: hsl(0, 100%, 100%);
5
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6
  filter: alpha(opacity=100);
7
+ padding: 1.2em 0 1em 0;
8
  }
9
 
10
  .ig_popup.compel .ig_headline {
24
  color: hsl(0, 0%, 44%);
25
  font-size: 1.25em;
26
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
27
+ margin: 0 .5em .5em .5em;
28
  }
29
 
30
  .ig_popup.compel .ig_close {
70
  border-top: none;
71
  }
72
 
73
+ .ig_popup.compel.mfp-content {
 
 
 
 
74
  -moz-box-shadow: none;
75
  -webkit-box-shadow: none;
76
  box-shadow: none;
77
  border: 4px dashed #c0392b;
78
+ background: hsl(0, 0%, 100%);
79
+ }
80
+
81
+
82
+ @media only screen and (max-device-width: 319px) {
83
+ .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
84
+ width: 90% !important;
85
+ padding: 16px 4px 13px;
86
+ }
87
+ }
88
+
89
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
90
+ .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
91
+ width: 90% !important;
92
+ padding: 16px 4px 13px;
93
+ }
94
+ }
95
+
96
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
97
+ .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
98
+ width: 90% !important;
99
+ padding: 16px 4px 13px;
100
+ }
101
+
102
+ }
103
+
104
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
105
+ .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
106
+ width: 90% !important;
107
+ padding: 16px 4px 13px;
108
+ }
109
+ }
message-types/popup/themes/convert.css CHANGED
@@ -37,7 +37,7 @@
37
  font-size: 1.75em;
38
  color: hsl(0, 33%, 98%);
39
  border: .3em solid hsl(0, 6%, 71%) !important;
40
- width: 50%;
41
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
42
  -moz-border-radius: 1em;
43
  -webkit-border-radius: 1em;
@@ -47,7 +47,7 @@
47
  -moz-box-sizing: content-box;
48
  box-sizing: content-box;
49
  margin: 0.1em auto;
50
- padding: 0.1em 2em;
51
  clear: both;
52
  }
53
 
@@ -61,12 +61,33 @@
61
 
62
  }
63
 
64
- .ig_popup.convert #TB_ajaxContent {
65
- }
66
-
67
- .ig_popup.convert#TB_window {
68
  -moz-box-shadow: none;
69
  -webkit-box-shadow: none;
70
  box-shadow: none;
71
  background: hsl(58, 100%, 90%);
72
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37
  font-size: 1.75em;
38
  color: hsl(0, 33%, 98%);
39
  border: .3em solid hsl(0, 6%, 71%) !important;
40
+ width: 60%;
41
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
42
  -moz-border-radius: 1em;
43
  -webkit-border-radius: 1em;
47
  -moz-box-sizing: content-box;
48
  box-sizing: content-box;
49
  margin: 0.1em auto;
50
+ padding: 0.1em 1em;
51
  clear: both;
52
  }
53
 
61
 
62
  }
63
 
64
+ .ig_popup.convert.mfp-content {
 
 
 
65
  -moz-box-shadow: none;
66
  -webkit-box-shadow: none;
67
  box-shadow: none;
68
  background: hsl(58, 100%, 90%);
69
+ }
70
+ @media only screen and (max-device-width: 319px) {
71
+ .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
72
+ width: 75% !important;
73
+ }
74
+ }
75
+
76
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
77
+ .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
78
+ width: 75% !important;
79
+ }
80
+ }
81
+
82
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
83
+ .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
84
+ width: 75% !important;
85
+ }
86
+
87
+ }
88
+
89
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
90
+ .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
91
+ width: 75% !important;
92
+ }
93
+ }
message-types/popup/themes/inspire.css CHANGED
@@ -4,7 +4,7 @@
4
  .ig_popup.inspire .ig_headline {
5
  color: #222;
6
  text-align: center;
7
- margin-bottom: 1em;
8
  text-shadow: 0 1px hsl(0, 100%, 100%);
9
  font-size: 2.5em;
10
  }
@@ -22,7 +22,7 @@
22
  text-shadow: 0 1px hsl(0, 100%, 100%);
23
  color: #333;
24
  font-size: 1.25em;
25
- margin-bottom: .5em;
26
  font-weight: 400;
27
  text-align: justify;
28
  }
@@ -47,7 +47,7 @@
47
  filter: alpha(opacity=100);
48
  opacity: 1;
49
  color: hsl(0, 100%, 100%)!important;
50
- width: 50%;
51
  border-color: hsl(79, 93%, 35%) !important;
52
  margin: .25em auto;
53
  padding: 0.5em;
@@ -59,10 +59,31 @@
59
  border-top: none;
60
  }
61
 
 
 
 
62
 
63
- .ig_popup.inspire #TB_ajaxContent {
 
 
 
64
  }
65
 
66
- .ig_popup.inspire#TB_window {
67
- background: hsl(0, 100%, 100%);
68
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  .ig_popup.inspire .ig_headline {
5
  color: #222;
6
  text-align: center;
7
+ margin-bottom: .8em;
8
  text-shadow: 0 1px hsl(0, 100%, 100%);
9
  font-size: 2.5em;
10
  }
22
  text-shadow: 0 1px hsl(0, 100%, 100%);
23
  color: #333;
24
  font-size: 1.25em;
25
+ margin: 0 .5em .5em .5em;
26
  font-weight: 400;
27
  text-align: justify;
28
  }
47
  filter: alpha(opacity=100);
48
  opacity: 1;
49
  color: hsl(0, 100%, 100%)!important;
50
+ width: 60%;
51
  border-color: hsl(79, 93%, 35%) !important;
52
  margin: .25em auto;
53
  padding: 0.5em;
59
  border-top: none;
60
  }
61
 
62
+ .ig_popup.inspire.mfp-content {
63
+ background: hsl(0, 100%, 100%);
64
+ }
65
 
66
+ @media only screen and (max-device-width: 319px) {
67
+ .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
68
+ width: 90% !important;
69
+ }
70
  }
71
 
72
+ @media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
73
+ .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
74
+ width: 90% !important;
75
+ }
76
+ }
77
+
78
+ @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
79
+ .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
80
+ width: 90% !important;
81
+ }
82
+
83
+ }
84
+
85
+ @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
86
+ .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
87
+ width: 90% !important;
88
+ }
89
+ }
message-types/popup/themes/persuade.css CHANGED
@@ -1,10 +1,11 @@
1
  .ig_popup.persuade .ig_headline {
2
  letter-spacing: 0;
3
  color: hsl(0, 100%, 100%);
4
- font-size: 3em;
5
  text-align: center;
6
  -webkit-font-smoothing: antialiased;
7
- margin: .25em auto;
 
8
  }
9
 
10
  .ig_popup.persuade .ig_image {
@@ -13,9 +14,8 @@
13
 
14
  .ig_popup.persuade .ig_message {
15
  color: #FFF;
16
- font-size: 1.75em;
17
  font-weight: 300;
18
- margin: .5em auto 1em;
19
  text-align: center;
20
  -webkit-font-smoothing: antialiased;
21
  }
@@ -35,6 +35,7 @@
35
  font-size: 2em;
36
  font-weight: 400;
37
  width: 60%;
 
38
  -moz-border-radius: .6em;
39
  -webkit-border-radius: .6em;
40
  border-radius: .6em;
@@ -69,14 +70,10 @@
69
  .ig_popup.persuade input[type="button"]:active {
70
  border-top: none;
71
  }
72
-
73
- .ig_popup.persuade #TB_ajaxContent {
74
- border: .6em dashed hsl(0, 100%, 100%);
75
- }
76
-
77
- .ig_popup.persuade#TB_window {
78
  -moz-box-shadow: none;
79
  -webkit-box-shadow: none;
80
  box-shadow: none;
81
  background: hsl(1, 83%, 62%);
82
- }
1
  .ig_popup.persuade .ig_headline {
2
  letter-spacing: 0;
3
  color: hsl(0, 100%, 100%);
4
+ font-size: 2.8em;
5
  text-align: center;
6
  -webkit-font-smoothing: antialiased;
7
+ margin: .2em auto;
8
+ line-height: 1em;
9
  }
10
 
11
  .ig_popup.persuade .ig_image {
14
 
15
  .ig_popup.persuade .ig_message {
16
  color: #FFF;
17
+ font-size: 1.5em;
18
  font-weight: 300;
 
19
  text-align: center;
20
  -webkit-font-smoothing: antialiased;
21
  }
35
  font-size: 2em;
36
  font-weight: 400;
37
  width: 60%;
38
+ border: none;
39
  -moz-border-radius: .6em;
40
  -webkit-border-radius: .6em;
41
  border-radius: .6em;
70
  .ig_popup.persuade input[type="button"]:active {
71
  border-top: none;
72
  }
73
+ .ig_popup.persuade.mfp-content {
74
+ border: .5em dashed hsl(0, 100%, 100%);
 
 
 
 
75
  -moz-box-shadow: none;
76
  -webkit-box-shadow: none;
77
  box-shadow: none;
78
  background: hsl(1, 83%, 62%);
79
+ }
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: http://www.icegram.com/
4
  Tags: popup, window, hellobar, optin, lead capture, marketing, form, notification, messenger, targeting, monster, ninja
5
  Requires at least: 3.9
6
  Tested up to: 4.1
7
- Stable tag: 1.8.3
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
 
@@ -145,6 +145,9 @@ Contact Us, provide as much detail of the problem as you can. We will try to sol
145
  3. Editing an Icegram campaign - add multiple messages, edit them, targeting rules, full HTML editor, themes and more
146
 
147
  == Upgrade Notice ==
 
 
 
148
  = 1.8.3 =
149
  Campaign and message duplicate feture added. Plus some other improvements.
150
 
@@ -189,6 +192,11 @@ Initial Release
189
 
190
 
191
  == Changelog ==
 
 
 
 
 
192
  = 1.8.3 =
193
  * NEW: Duplicate a Campaign and Message easily now - click 'duplicate' in the list view!
194
  * Update: Using an image instead of dashicons for action bar arrows
4
  Tags: popup, window, hellobar, optin, lead capture, marketing, form, notification, messenger, targeting, monster, ninja
5
  Requires at least: 3.9
6
  Tested up to: 4.1
7
+ Stable tag: 1.8.4
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
 
145
  3. Editing an Icegram campaign - add multiple messages, edit them, targeting rules, full HTML editor, themes and more
146
 
147
  == Upgrade Notice ==
148
+ = 1.8.4 =
149
+ Popups are now responsive! Plus Visual Composer compatibility and other fixes.
150
+
151
  = 1.8.3 =
152
  Campaign and message duplicate feture added. Plus some other improvements.
153
 
192
 
193
 
194
  == Changelog ==
195
+ = 1.8.4 =
196
+ * New: Popup messages work beautifully on mobile / small devices now!
197
+ * Fix: Timing problems with popups triggered via Behavior Trigger addon.
198
+ * Fix: Visual Composer compatibility
199
+
200
  = 1.8.3 =
201
  * NEW: Duplicate a Campaign and Message easily now - click 'duplicate' in the list view!
202
  * Update: Using an image instead of dashicons for action bar arrows