Version Description
Popups are now responsive! Plus Visual Composer compatibility and other fixes.
Download this release
Release Info
Developer | niravmehta |
Plugin | 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 +1 -1
- assets/css/frontend.css +25 -115
- assets/css/magnific-popup.css +374 -0
- assets/js/icegram.js +10 -2
- assets/js/magnific-popup.js +3 -0
- classes/class-icegram-message-admin.php +31 -32
- icegram.php +9 -6
- message-types/popup/default.css +98 -14
- message-types/popup/main.js +19 -59
- message-types/popup/main.php +1 -1
- message-types/popup/themes/air-mail.css +43 -12
- message-types/popup/themes/amaze.css +71 -2
- message-types/popup/themes/compel.css +35 -8
- message-types/popup/themes/convert.css +28 -7
- message-types/popup/themes/inspire.css +28 -7
- message-types/popup/themes/persuade.css +8 -11
- readme.txt +9 -1
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:
|
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['
|
45 |
return;
|
46 |
}
|
47 |
-
if(v['
|
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">×</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.
|
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.
|
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 |
-
|
639 |
-
|
|
|
|
|
|
|
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 |
-
|
|
|
15 |
}
|
16 |
|
17 |
.ig_popup .ig_data {
|
18 |
-
overflow-y:
|
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 |
-
.
|
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
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
|
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('
|
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
|
64 |
-
|
65 |
-
|
66 |
-
|
|
|
67 |
silent !== true && this.track( 'closed' );
|
68 |
};
|
69 |
-
|
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
|
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-
|
|
|
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
|
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 |
-
|
63 |
-
border-bottom:
|
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
|
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
|
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
|
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
|
68 |
border: .3em solid #444444;
|
69 |
background-image: url(../images/popup-amaze-bg.jpg);
|
70 |
}
|
71 |
|
72 |
-
.ig_popup.amaze
|
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.
|
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
|
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:
|
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
|
51 |
clear: both;
|
52 |
}
|
53 |
|
@@ -61,12 +61,33 @@
|
|
61 |
|
62 |
}
|
63 |
|
64 |
-
.ig_popup.convert
|
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:
|
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
|
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:
|
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 |
-
|
|
|
|
|
|
|
64 |
}
|
65 |
|
66 |
-
|
67 |
-
|
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:
|
5 |
text-align: center;
|
6 |
-webkit-font-smoothing: antialiased;
|
7 |
-
margin: .
|
|
|
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.
|
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 |
-
.
|
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.
|
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
|