Popups, Welcome Bar, Optins and Lead Generation Plugin

Version Description

Popups now support custom background and text colors. And a handful of fixes!

Release Info

Developer	niravmehta
Plugin	Popups, Welcome Bar, Optins and Lead Generation Plugin – Icegram
Version	1.8.7
Comparing to
See all releases

Code changes from version 1.8.6 to 1.8.7

Files changed (26) hide show

assets/css/frontend.css +2 -1
assets/js/admin.js +9 -5
assets/js/icegram.js +7 -5
classes/class-icegram-campaign-admin.php +12 -6
classes/class-icegram-campaign.php +3 -2
icegram.php +31 -21
message-types/action-bar/default.css +8 -2
message-types/action-bar/main.js +5 -1
message-types/action-bar/themes/air-mail.css +17 -29
message-types/action-bar/themes/bold.css +2 -13
message-types/action-bar/themes/hello.css +22 -29
message-types/action-bar/themes/solid.css +2 -16
message-types/messenger/default.css +2 -8
message-types/messenger/themes/canvas.css +4 -0
message-types/messenger/themes/clear.css +2 -2
message-types/messenger/themes/talk.css +9 -8
message-types/popup/default.css +48 -27
message-types/popup/main.js +10 -5
message-types/popup/main.php +3 -2
message-types/popup/themes/air-mail.css +45 -73
message-types/popup/themes/amaze.css +26 -47
message-types/popup/themes/compel.css +31 -32
message-types/popup/themes/convert.css +14 -31
message-types/popup/themes/inspire.css +11 -27
message-types/popup/themes/persuade.css +27 -35
readme.txt +13 -3

assets/css/frontend.css CHANGED Viewed

	@@ -52,6 +52,7 @@ div.icegram .ig_embed_form.ig_auto .ig_embed_form_container{
52
53	div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
54	float: left;

55	}
56	div.icegram .ig_embed_form.ig_right .ig_embed_form_container{
57	float: right;
	@@ -100,7 +101,7 @@ div.icegram .ig_embed_form.ig_horizontal input{
100	width: 96%;
101	margin-right: 4%;
102	}
103	-
104	div.icegram .ig_embed_form .ig_form_el_group.ig_form_el_radio input{
105	width: auto;
106	}


52
53	div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
54	float: left;
55	+ overflow: hidden;
56	}
57	div.icegram .ig_embed_form.ig_right .ig_embed_form_container{
58	float: right;

101	width: 96%;
102	margin-right: 4%;
103	}
104	+
105	div.icegram .ig_embed_form .ig_form_el_group.ig_form_el_radio input{
106	width: auto;
107	}

assets/js/admin.js CHANGED Viewed

	@@ -44,7 +44,7 @@ jQuery(function() {
44	display_message_themes(this_data[i]);
45	};
46
47	- jQuery('~~#campaign_data~~').on('change', '.message_type', function(e) {
48	var t = jQuery(e.target).parents('.message-setting-fields');
49	display_message_themes(t);
50	});
	@@ -107,7 +107,7 @@ jQuery(function() {
107	});
108
109	jQuery("select.ajax_chosen_select_messages").ajaxChosen({
110	- ~~method~~: 'GET',
111	url: icegram_writepanel_params.ajax_url,
112	dataType: 'json',
113	afterTypeDelay: 100,
	@@ -275,6 +275,7 @@ jQuery(function() {
275	//var message_rows = jQuery(this).parent().siblings('.campaign_target_rules_panel').find('.message-row').length;
276	jQuery('.ajax_chosen_select_messages').chosen();
277	jQuery('#campaign_data').on('change', '.ajax_chosen_select_messages' , function() {

278	var newSettings = jQuery.extend( {}, tinyMCEPreInit.mceInit[ 'content' ] );
279	var newQTS = jQuery.extend( {}, tinyMCEPreInit.qtInit[ 'content' ] );
280	var parent_campaign_box = jQuery(this).parent().siblings('.campaign_target_rules_panel');
	@@ -289,7 +290,7 @@ jQuery(function() {
289	jQuery('.message-title-text').show();
290	jQuery('.message-title-input').hide();
291	jQuery.ajax({
292	- ~~method~~: 'POST',
293	url: icegram_writepanel_params.ajax_url,
294	dataType: 'json',
295	data: {
	@@ -340,6 +341,9 @@ jQuery(function() {
340	}else{
341	jQuery('#edit'+response.id+'-html').click();
342	}



343	}
344	});
345	});
	@@ -375,7 +379,7 @@ jQuery(function() {
375	jQuery(this).closest('h3.hndle').trigger('click');
376	});
377
378	- jQuery('~~.campaign_preview~~').on( 'click', function(event) {
379	jQuery(this).closest('h3.hndle').trigger('click');
380
381	if( jQuery('.message-row').length == 0 )
	@@ -387,7 +391,7 @@ jQuery(function() {
387	params.push( {name: 'action', value: 'save_campaign_preview' });
388
389	jQuery.ajax({
390	- ~~method~~: 'POST',
391	async: false,
392	url: icegram_writepanel_params.ajax_url,
393	data: params,


44	display_message_themes(this_data[i]);
45	};
46
47	+ jQuery('.inside').on('change', '.message_type', function(e) {
48	var t = jQuery(e.target).parents('.message-setting-fields');
49	display_message_themes(t);
50	});

107	});
108
109	jQuery("select.ajax_chosen_select_messages").ajaxChosen({
110	+ type: 'GET',
111	url: icegram_writepanel_params.ajax_url,
112	dataType: 'json',
113	afterTypeDelay: 100,

275	//var message_rows = jQuery(this).parent().siblings('.campaign_target_rules_panel').find('.message-row').length;
276	jQuery('.ajax_chosen_select_messages').chosen();
277	jQuery('#campaign_data').on('change', '.ajax_chosen_select_messages' , function() {
278	+ var selected_tab = jQuery('#ig-tabs li.current').attr('variation_id');
279	var newSettings = jQuery.extend( {}, tinyMCEPreInit.mceInit[ 'content' ] );
280	var newQTS = jQuery.extend( {}, tinyMCEPreInit.qtInit[ 'content' ] );
281	var parent_campaign_box = jQuery(this).parent().siblings('.campaign_target_rules_panel');

290	jQuery('.message-title-text').show();
291	jQuery('.message-title-input').hide();
292	jQuery.ajax({
293	+ type: 'POST',
294	url: icegram_writepanel_params.ajax_url,
295	dataType: 'json',
296	data: {

341	}else{
342	jQuery('#edit'+response.id+'-html').click();
343	}
344	+ if(typeof(selected_tab) !== 'undefined'){
345	+ jQuery( window ).trigger( "icegram_tab_selected" ,[selected_tab]);
346	+ }
347	}
348	});
349	});

379	jQuery(this).closest('h3.hndle').trigger('click');
380	});
381
382	+ jQuery('#campaign_data').on( 'click','.campaign_preview' ,function(event) {
383	jQuery(this).closest('h3.hndle').trigger('click');
384
385	if( jQuery('.message-row').length == 0 )

391	params.push( {name: 'action', value: 'save_campaign_preview' });
392
393	jQuery.ajax({
394	+ type: 'POST',
395	async: false,
396	url: icegram_writepanel_params.ajax_url,
397	data: params,

assets/js/icegram.js CHANGED Viewed

	@@ -146,7 +146,7 @@
146	Icegram.prototype.submit_tracking_data = function ( ev, params ) {
147	if (this.tracking_data.length > 0 && window.location.href.indexOf("campaign_preview_id") == -1) {
148	var params = {
149	- ~~method~~: 'POST',
150	url: this.data.ajax_url,
151	async: false,
152	data: {
	@@ -265,12 +265,12 @@
265	// Apply colors if available
266	if (this.data.text_color != undefined && this.data.text_color != '') {
267	this.el.css('color', this.data.text_color);
268	- this.el.find('.~~ig_content~~').css('color', this.data.text_color);
269	}
270
271	if (this.data.bg_color != undefined && this.data.bg_color != '') {
272	this.el.css('background-color', this.data.bg_color);
273	- this.el.find('.~~ig_content~~').css('background-color', this.data.bg_color);
274	}
275
276	if(this.data.label == undefined \|\| this.data.label == '') {
	@@ -278,8 +278,10 @@
278	}
279	if (this.data.bg_color != undefined && this.data.bg_color != '') {
280	var hsl_colors = window.icegram.get_complementary_color(this.data.bg_color, 2);
281	- this.el.find('.ig_button, form input[type="submit"]').css('background', "hsl(" + hsl_colors[0].h + "," + hsl_colors[0].s + "%," + hsl_colors[0].l + "%)" ).css('background-color', "hsl(" + hsl_colors[0].h + "," + hsl_colors[0].s + "%," + hsl_colors[0].l + "%)" );

282	this.el.find('.ig_button, form input[type="submit"]').css('color', "hsl(" + hsl_colors[1].h + "," + hsl_colors[1].s + "%," + hsl_colors[1].l + "%)" );

283	}
284	// Hint clickability for buttons / ctas
285	if (typeof(this.data.link) === 'string' && this.data.link != '') {
	@@ -325,7 +327,7 @@
325
326	Icegram_Message_Type.prototype.set_up_show_trigger = function ( ) {
327	if (!isNaN(this.data.delay_time)) {
328	- if( this.data.delay_time >= 0 ) {
329	var self = this;
330	this.timer = setTimeout( function() { self.show(); } , this.data.delay_time * 1000 );
331	}


146	Icegram.prototype.submit_tracking_data = function ( ev, params ) {
147	if (this.tracking_data.length > 0 && window.location.href.indexOf("campaign_preview_id") == -1) {
148	var params = {
149	+ type: 'POST',
150	url: this.data.ajax_url,
151	async: false,
152	data: {

265	// Apply colors if available
266	if (this.data.text_color != undefined && this.data.text_color != '') {
267	this.el.css('color', this.data.text_color);
268	+ this.el.find('.ig_container').css('color', this.data.text_color);
269	}
270
271	if (this.data.bg_color != undefined && this.data.bg_color != '') {
272	this.el.css('background-color', this.data.bg_color);
273	+ this.el.find('.ig_container').css('background-color', this.data.bg_color);
274	}
275
276	if(this.data.label == undefined \|\| this.data.label == '') {

278	}
279	if (this.data.bg_color != undefined && this.data.bg_color != '') {
280	var hsl_colors = window.icegram.get_complementary_color(this.data.bg_color, 2);
281	+ // this.el.find('.ig_button, form input[type="submit"]').css('background', "hsl(" + hsl_colors[0].h + "," + hsl_colors[0].s + "%," + hsl_colors[0].l + "%)" ).css('background-color', "hsl(" + hsl_colors[0].h + "," + hsl_colors[0].s + "%," + hsl_colors[0].l + "%)" );
282	+ this.el.find('.ig_button, form input[type="submit"]').css('background-color', "hsl(" + hsl_colors[0].h + "," + hsl_colors[0].s + "%," + hsl_colors[0].l + "%)" );
283	this.el.find('.ig_button, form input[type="submit"]').css('color', "hsl(" + hsl_colors[1].h + "," + hsl_colors[1].s + "%," + hsl_colors[1].l + "%)" );
284	+ this.el.find('.ig_button, form input[type="submit"]').css('border-color', "hsl(" + hsl_colors[0].h + "," + (hsl_colors[0].s-5) + "%," + (hsl_colors[0].l-8) + "%)" );
285	}
286	// Hint clickability for buttons / ctas
287	if (typeof(this.data.link) === 'string' && this.data.link != '') {

327
328	Icegram_Message_Type.prototype.set_up_show_trigger = function ( ) {
329	if (!isNaN(this.data.delay_time)) {
330	+ if( this.data.delay_time >= 0 ) {
331	var self = this;
332	this.timer = setTimeout( function() { self.show(); } , this.data.delay_time * 1000 );
333	}

classes/class-icegram-campaign-admin.php CHANGED Viewed

	@@ -358,7 +358,7 @@ if ( !class_exists( 'Icegram_Campaign_Admin' ) ) {
358	<select name="campaign_target_rules[expiry_time]">
359	<?php foreach($expiry_options_for_shown as $key => $option){
360	?>
361	- <option value="<?php echo $key; ?>" <?php selected( $campaign_target_rules['expiry_time'], $key ); ?>><?php echo $option; ?></option>
362	<?php
363	}
364	?>
	@@ -373,7 +373,7 @@ if ( !class_exists( 'Icegram_Campaign_Admin' ) ) {
373	<select name="campaign_target_rules[expiry_time_clicked]">
374	<?php foreach($expiry_options_for_clicked as $key => $option){
375	?>
376	- <option value="<?php echo $key; ?>" <?php selected( $campaign_target_rules['expiry_time_clicked'], $key ); ?>><?php echo $option; ?></option>
377	<?php
378	}
379	?>
	@@ -610,9 +610,10 @@ if ( !class_exists( 'Icegram_Campaign_Admin' ) ) {
610	if ( empty($_POST['post_ID']) ) die();
611	if ( !current_user_can( 'edit_post', $_POST['post_ID'] ) ) die();
612
613	- ~~if(~~ ~~!empty~~( $_POST['messages'] ) ) {
614	-
615	- ~~update_post_meta~~( ~~$_POST['post_ID'],~~ ~~'campaign_preview',~~ $~~_POST['~~messages'] ) ;

616
617	foreach ( (array) $_POST['message_data'] as $message_id => $message_data ) {
618	$type = $message_data['type'];
	@@ -635,11 +636,16 @@ if ( !class_exists( 'Icegram_Campaign_Admin' ) ) {
635	}
636	// Determine page url to preview on...
637	$page_url = '';

638	if ( !empty($_POST['campaign_target_rules']) && !empty($_POST['campaign_target_rules']['other_page']) && !empty($_POST['page_id']) && is_array($_POST['page_id'])) {
639	$page_url = get_permalink( $_POST['page_id'][0] );
640	}
641	if ($page_url == '') {
642	- $~~page_url~~ = ~~home_url~~();




643	}
644	ob_clean();
645	echo add_query_arg( 'campaign_preview_id', $_POST['post_ID'], $page_url );


358	<select name="campaign_target_rules[expiry_time]">
359	<?php foreach($expiry_options_for_shown as $key => $option){
360	?>
361	+ <option value="<?php echo $key; ?>" <?php (!empty($campaign_target_rules['expiry_time'])) ? selected( $campaign_target_rules['expiry_time'], $key ) : ''; ?>><?php echo $option; ?></option>
362	<?php
363	}
364	?>

373	<select name="campaign_target_rules[expiry_time_clicked]">
374	<?php foreach($expiry_options_for_clicked as $key => $option){
375	?>
376	+ <option value="<?php echo $key; ?>" <?php (!empty($campaign_target_rules['expiry_time_clicked'])) ? selected( $campaign_target_rules['expiry_time_clicked'], $key ) : ''; ?>><?php echo $option; ?></option>
377	<?php
378	}
379	?>

610	if ( empty($_POST['post_ID']) ) die();
611	if ( !current_user_can( 'edit_post', $_POST['post_ID'] ) ) die();
612
613	+ $messages = apply_filters('campaign_preview_messages' , $_POST['messages'] , $_POST);
614	+
615	+ if( !empty( $messages ) ) {
616	+ update_post_meta( $_POST['post_ID'], 'campaign_preview', $messages ) ;
617
618	foreach ( (array) $_POST['message_data'] as $message_id => $message_data ) {
619	$type = $message_data['type'];

636	}
637	// Determine page url to preview on...
638	$page_url = '';
639	+
640	if ( !empty($_POST['campaign_target_rules']) && !empty($_POST['campaign_target_rules']['other_page']) && !empty($_POST['page_id']) && is_array($_POST['page_id'])) {
641	$page_url = get_permalink( $_POST['page_id'][0] );
642	}
643	if ($page_url == '') {
644	+ if(!empty($_POST['campaign_target_rules']['local_url']) && is_array($_POST['campaign_target_rules']['local_urls'])){
645	+ $page_url = (strpos($_POST['campaign_target_rules']['local_urls'][0], '*') === false) ? $_POST['campaign_target_rules']['local_urls'][0] : home_url();
646	+ }else{
647	+ $page_url = home_url();
648	+ }
649	}
650	ob_clean();
651	echo add_query_arg( 'campaign_preview_id', $_POST['post_ID'], $page_url );

classes/class-icegram-campaign.php CHANGED Viewed

	@@ -17,9 +17,10 @@ if ( !class_exists( 'Icegram_Campaign' ) ) {
17	if ( !empty( $id ) ) {
18
19	$this->_post = get_post( $id );
20	-
21	$this->title = $this->_post->post_title;
22	- ~~$this->messages = get_post_meta( $this->_post->ID, 'messages', true );~~


23	$this->rules = get_post_meta( $this->_post->ID, 'icegram_campaign_target_rules', true );
24	$this->rules_summary['where'] = array(
25	'homepage' => ( !empty( $this->rules['homepage'] ) ) ? $this->rules['homepage'] : '',


17	if ( !empty( $id ) ) {
18
19	$this->_post = get_post( $id );

20	$this->title = $this->_post->post_title;
21	+ //icegram_campaign_meta_key
22	+ $meta_key = apply_filters('icegram_campaign_meta_key' ,'messages' ,$this->_post->ID);
23	+ $this->messages = get_post_meta( $this->_post->ID, $meta_key, true );
24	$this->rules = get_post_meta( $this->_post->ID, 'icegram_campaign_target_rules', true );
25	$this->rules_summary['where'] = array(
26	'homepage' => ( !empty( $this->rules['homepage'] ) ) ? $this->rules['homepage'] : '',

icegram.php CHANGED Viewed

	@@ -3,7 +3,7 @@
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.6
7	* Author: icegram
8	* Author URI: http://www.icegram.com/
9	*
	@@ -34,7 +34,7 @@ class Icegram {
34
35	function __construct() {
36
37	- $this->version = "1.8.6";
38	$this->shortcode_instances = array();
39	$this->mode = 'local';
40	$this->plugin_url = untrailingslashit( plugins_url( '/', __FILE__ ) );
	@@ -525,12 +525,11 @@ class Icegram {
525	$message_ids = array_merge($message_ids, $mids);
526	}
527	}
528	-
529	if( !empty( $_GET['campaign_preview_id'] ) && current_user_can( 'manage_options' ) ) {
530	$campaign_ids = array( $_GET['campaign_preview_id'] );
531	$preview_mode = true;
532	}
533	-
534	$messages = $this->get_valid_messages( $message_ids, $campaign_ids, $preview_mode, $skip_others );
535
536	if( empty( $messages ) ) {
	@@ -584,6 +583,7 @@ class Icegram {
584	*/
585	// Redo the_content functionality to avoid other plugins adding extraneous code to messages
586	$content = $message_data['message'];

587	$content = convert_chars( convert_smilies( wptexturize( $content ) ) );
588	if(isset($GLOBALS['wp_embed'])) {
589	$content = $GLOBALS['wp_embed']->autoembed($content);
	@@ -627,6 +627,20 @@ class Icegram {
627
628	wp_register_script( 'icegram_js', $this->plugin_url . '/assets/js/icegram.js', array ( 'jquery' ), $this->version, true);
629	wp_enqueue_style( 'icegram_css', $this->plugin_url . '/assets/css/frontend.css', array(), $this->version );














630
631	if( !wp_script_is( 'icegram_js' ) ) {
632	wp_enqueue_script( 'icegram_js' );
	@@ -641,6 +655,7 @@ class Icegram {
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 );
	@@ -648,13 +663,6 @@ class Icegram {
648	wp_enqueue_style( 'icegram_css_'.$message_type, $this->message_types[$message_type]['baseurl'] . 'default.css', array(), $ver );
649	}
650
651	- // Load theme CSS
652	- foreach ($icegram_data['messages'] as $message) {
653	- if (!empty( $this->message_types[ $message['type'] ]['themes'][ $message['theme'] ]) ) {
654	- $theme = $this->message_types[ $message['type'] ]['themes'][ $message['theme'] ];
655	- wp_enqueue_style( 'icegram_css_'.$message['type'].'_'.$message['theme'], $theme['baseurl'] . $message['theme'].'.css' );
656	- }
657	- }
658	}
659
660	function enqueue_admin_styles_and_scripts() {
	@@ -740,6 +748,7 @@ class Icegram {
740	}
741	}
742	}

743	return $message_data;
744	}
745
	@@ -772,16 +781,17 @@ class Icegram {
772	if ($preview_mode) {
773	$campaign->messages = get_post_meta( $id, 'campaign_preview', true );
774	}
775	-
776	- foreach( $campaign->messages as $msg) {
777	- $message_ids[] = $msg['id'];
778	- if (!array_key_exists( $msg['id'], $message_campaign_map)) {
779	- $message_campaign_map[ $msg['id'] ] = $id;

780	}
781	}
782	}
783	}
784	-
785	// We don't display same message twice...
786	$message_ids = array_unique($message_ids);
787
	@@ -809,8 +819,9 @@ class Icegram {
809	// Pull display time and retargeting rule from campaign if possible
810	$message_id = (!empty($message_data['original_message_id'])) ? $message_data['original_message_id'] : $id;
811	if (!empty($message_campaign_map[ $message_id ])) {
812	- ~~$message_data['campaign_id']~~ = ~~$message_campaign_map[~~ ~~$message_id ];~~
813	- $~~campaign~~ = $~~valid_campaigns~~[ $~~message_data['campaign_id'~~] ];

814	if (!empty($campaign) && $campaign instanceof Icegram_Campaign) {
815	$message_meta_from_campaign = $campaign->get_message_meta_by_id( $message_id );
816	if (!empty($message_meta_from_campaign['time'])) {
	@@ -827,8 +838,7 @@ class Icegram {
827	}
828	$valid_messages[$id] = $message_data;
829	}
830	-
831	- $valid_messages = apply_filters( 'icegram_valid_messages', $valid_messages );
832	return $valid_messages;
833	}
834


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
7	* Author: icegram
8	* Author URI: http://www.icegram.com/
9	*

34
35	function __construct() {
36
37	+ $this->version = "1.8.7";
38	$this->shortcode_instances = array();
39	$this->mode = 'local';
40	$this->plugin_url = untrailingslashit( plugins_url( '/', __FILE__ ) );

525	$message_ids = array_merge($message_ids, $mids);
526	}
527	}

528	if( !empty( $_GET['campaign_preview_id'] ) && current_user_can( 'manage_options' ) ) {
529	$campaign_ids = array( $_GET['campaign_preview_id'] );
530	$preview_mode = true;
531	}
532	+
533	$messages = $this->get_valid_messages( $message_ids, $campaign_ids, $preview_mode, $skip_others );
534
535	if( empty( $messages ) ) {

583	*/
584	// Redo the_content functionality to avoid other plugins adding extraneous code to messages
585	$content = $message_data['message'];
586	+
587	$content = convert_chars( convert_smilies( wptexturize( $content ) ) );
588	if(isset($GLOBALS['wp_embed'])) {
589	$content = $GLOBALS['wp_embed']->autoembed($content);

627
628	wp_register_script( 'icegram_js', $this->plugin_url . '/assets/js/icegram.js', array ( 'jquery' ), $this->version, true);
629	wp_enqueue_style( 'icegram_css', $this->plugin_url . '/assets/css/frontend.css', array(), $this->version );
630	+
631	+ // Load theme CSS
632	+ foreach ($icegram_data['messages'] as $key => $message) {
633	+ $ver = ( !empty($this->message_types[$message['type']]['version'])) ? $this->message_types[$message['type']]['version'] : $this->version;
634	+ if (!empty( $this->message_types[ $message['type'] ]['themes'][ $message['theme'] ]) ) {
635	+ $theme = $this->message_types[ $message['type'] ]['themes'][ $message['theme'] ];
636	+ wp_enqueue_style( 'icegram_css_'.$message['type'].'_'.$message['theme'], $theme['baseurl'] .$message['theme'].'.css' ,array(), $ver);
637	+ }else{
638	+ $theme_default = $this->message_types[ $message['type']] ['settings']['theme']['default'];
639	+ $theme = $this->message_types[ $message['type'] ]['themes'][ $theme_default];
640	+ wp_enqueue_style( 'icegram_css_'.$message['type'].'_'.$theme_default, $theme['baseurl'] .$theme_default.'.css' ,array(), $ver);
641	+ $icegram_data['messages'][$key]['theme'] = $theme_default;
642	+ }
643	+ }
644
645	if( !wp_script_is( 'icegram_js' ) ) {
646	wp_enqueue_script( 'icegram_js' );

655	}
656	wp_enqueue_style( 'magnific_popup_css', $this->plugin_url . '/assets/css/magnific-popup.css', array(), $this->version );
657	}
658	+
659	foreach ($types_shown as $message_type) {
660	$ver = ( !empty($this->message_types[$message_type]['version'])) ? $this->message_types[$message_type]['version'] : $this->version;
661	wp_register_script( 'icegram_message_type_'.$message_type, $this->message_types[$message_type]['baseurl'] . "main.js" , array ( 'icegram_js' ), $ver, true );

663	wp_enqueue_style( 'icegram_css_'.$message_type, $this->message_types[$message_type]['baseurl'] . 'default.css', array(), $ver );
664	}
665







666	}
667
668	function enqueue_admin_styles_and_scripts() {

748	}
749	}
750	}
751	+
752	return $message_data;
753	}
754

781	if ($preview_mode) {
782	$campaign->messages = get_post_meta( $id, 'campaign_preview', true );
783	}
784	+ if( !empty( $campaign->messages ) ) {
785	+ foreach( $campaign->messages as $msg) {
786	+ $message_ids[] = $msg['id'];
787	+ if (!array_key_exists( $msg['id'], $message_campaign_map)) {
788	+ $message_campaign_map[ $msg['id'] ] = $id;
789	+ }
790	}
791	}
792	}
793	}
794	+
795	// We don't display same message twice...
796	$message_ids = array_unique($message_ids);
797

819	// Pull display time and retargeting rule from campaign if possible
820	$message_id = (!empty($message_data['original_message_id'])) ? $message_data['original_message_id'] : $id;
821	if (!empty($message_campaign_map[ $message_id ])) {
822	+ //modify campaign id
823	+ $message_data['campaign_id'] = apply_filters('modify_campaing_id' , $message_campaign_map[ $message_id ] , $message_id) ;
824	+ $campaign = $valid_campaigns[ floor($message_data['campaign_id']) ];
825	if (!empty($campaign) && $campaign instanceof Icegram_Campaign) {
826	$message_meta_from_campaign = $campaign->get_message_meta_by_id( $message_id );
827	if (!empty($message_meta_from_campaign['time'])) {

838	}
839	$valid_messages[$id] = $message_data;
840	}
841	+ $valid_messages = apply_filters( 'icegram_valid_messages', $valid_messages );

842	return $valid_messages;
843	}
844

message-types/action-bar/default.css CHANGED Viewed

	@@ -6,15 +6,21 @@
6	display: none;
7	left: 0;
8	}




9
10	.action_bar.ig_container.top {

11	}
12
13	.action_bar.ig_container.bottom {

14	}
15
16	.action_bar .ig_content {
17	- color: #FFF;
18	}
19
20	.action_bar.hello .ig_headline {
	@@ -62,7 +68,7 @@
62
63	.action_bar .ig_arrow_block {
64	font-weight: 700;
65	- z-index: ~~100000~~;
66	right: 10px;
67	text-align: right;
68	font-size: 20px;


6	display: none;
7	left: 0;
8	}
9	+ .action_bar.ig_container.top.ig_show{
10	+ position: fixed;
11	+ z-index: 9999999;
12	+ }
13
14	.action_bar.ig_container.top {
15	+ top: 0;
16	}
17
18	.action_bar.ig_container.bottom {
19	+ bottom: 0;
20	}
21
22	.action_bar .ig_content {
23	+ /color: #FFF;/
24	}
25
26	.action_bar.hello .ig_headline {

68
69	.action_bar .ig_arrow_block {
70	font-weight: 700;
71	+ z-index: 1000000;
72	right: 10px;
73	text-align: right;
74	font-size: 20px;

message-types/action-bar/main.js CHANGED Viewed

	@@ -70,6 +70,7 @@ Icegram_Message_Type_Action_Bar.prototype.show = function ( options, silent ) {
70
71	}, 0, "linear", function() {
72	self.el.show();

73	self.el.find('.ig_arrow').show();
74	self.el.find('.ig_arrow_block').addClass('open').removeClass('rotate').removeClass('border').css('position', 'initial');
75	});
	@@ -93,6 +94,7 @@ Icegram_Message_Type_Action_Bar.prototype.show = function ( options, silent ) {
93	marginTop: -this.el.outerHeight()
94	}, 0, "linear", function() {
95	self.el.show();

96	self.el.find('.ig_arrow').show();
97	self.el.find('.ig_arrow_block').addClass('open').addClass('rotate').removeClass('border').css('position', 'initial');
98	self.el.find('.ig_arrow_block').css('background-color', '');
	@@ -124,6 +126,7 @@ Icegram_Message_Type_Action_Bar.prototype.hide = function ( options, silent ) {
124	marginBottom: -this.el.outerHeight()
125	}, 300, "linear", function() {
126	self.el.find('.ig_arrow').show();

127	self.el.find('.ig_arrow_block').removeClass('open').addClass('border').addClass('rotate').css({
128	'position': 'fixed',
129	'bottom': '0'
	@@ -138,8 +141,9 @@ Icegram_Message_Type_Action_Bar.prototype.hide = function ( options, silent ) {
138	self.el.find('.ig_arrow_block').css('background-color', self.data.bg_color);
139	self.el.find('.ig_arrow_block').css('margin-top', '0' );
140	self.el.find('.ig_arrow').show();

141	self.el.find('.ig_arrow_block').removeClass('open').removeClass('rotate').addClass('border').css({
142	- 'position': '~~absolute~~',
143	'top': '0'
144	});
145	});


70
71	}, 0, "linear", function() {
72	self.el.show();
73	+ self.el.addClass('ig_show').removeClass('ig_hide');
74	self.el.find('.ig_arrow').show();
75	self.el.find('.ig_arrow_block').addClass('open').removeClass('rotate').removeClass('border').css('position', 'initial');
76	});

94	marginTop: -this.el.outerHeight()
95	}, 0, "linear", function() {
96	self.el.show();
97	+ self.el.addClass('ig_show').removeClass('ig_hide');
98	self.el.find('.ig_arrow').show();
99	self.el.find('.ig_arrow_block').addClass('open').addClass('rotate').removeClass('border').css('position', 'initial');
100	self.el.find('.ig_arrow_block').css('background-color', '');

126	marginBottom: -this.el.outerHeight()
127	}, 300, "linear", function() {
128	self.el.find('.ig_arrow').show();
129	+ self.el.addClass('ig_hide').removeClass('ig_show');
130	self.el.find('.ig_arrow_block').removeClass('open').addClass('border').addClass('rotate').css({
131	'position': 'fixed',
132	'bottom': '0'

141	self.el.find('.ig_arrow_block').css('background-color', self.data.bg_color);
142	self.el.find('.ig_arrow_block').css('margin-top', '0' );
143	self.el.find('.ig_arrow').show();
144	+ self.el.addClass('ig_hide').removeClass('ig_show');
145	self.el.find('.ig_arrow_block').removeClass('open').removeClass('rotate').addClass('border').css({
146	+ 'position': 'fixed',
147	'top': '0'
148	});
149	});

message-types/action-bar/themes/air-mail.css CHANGED Viewed

	@@ -1,40 +1,24 @@
1	.action_bar.air-mail.ig_container {
2	- ~~position~~: ~~relative~~;
3	- ~~background-~~color: ~~#fff~~;
4	- -webkit-background-clip: padding-box;
5	- ~~background~~-~~clip~~: ~~padding~~-~~box~~;
6	- ~~background~~-image: -~~moz~~-linear-gradient(~~bottom~~, #~~e5e5e5~~ ~~0%,~~ #~~f7f7f7~~ ~~100%~~);
7	- ~~background~~-image: -o-linear-gradient(~~bottom~~, #~~e5e5e5~~ ~~0%,~~ #~~f7f7f7~~ ~~100%~~);
8	- ~~background~~-image: -~~webkit-~~linear-gradient(~~bottom~~, #~~e5e5e5~~ ~~0%,~~ #~~f7f7f7~~ ~~100%~~);
9	- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5 0%), color-stop(1, #f7f7f7 100%));
10	- filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e5e5e5 0%, EndColorStr=#f7f7f7 100%)";
11	- background-image: linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
12	- }
13	-
14	- .action_bar.air-mail.ig_container:before {
15	- position: absolute;
16	- top: 0;
17	- left: 0;
18	- width: 100%;
19	- height: 100%;
20	- background: #D1D1D1;
21	- background: repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px, transparent 30px, transparent 40px);
22	- -webkit-background-clip: padding-box;
23	- background-clip: padding-box;
24	- content: "";
25	}
26
27	.action_bar.air-mail.ig_container.top {
28	- ~~padding~~-~~bottom~~: ~~7px~~;
29	}
30
31	.action_bar.air-mail.ig_container.bottom {
32	- ~~padding~~-~~top~~: ~~7px~~;
33	}
34
35	.action_bar.air-mail .ig_content {
36	position: relative;
37	- background: #F2F2F2;
38	padding: 1em 1em .25em 1em;
39	}
40
	@@ -62,12 +46,12 @@
62	.action_bar.air-mail input[type="submit"],
63	.action_bar.air-mail input[type="button"],
64	.action_bar.air-mail .ig_button{
65	- background: hsl(6, 78%, 57%) ~~!important~~;

66	-moz-border-radius: 5px;
67	-webkit-border-radius: 5px;
68	border-radius: 5px;
69	border-bottom: 3px solid hsl(6, 63%, 46%);
70	- color: hsl(0, 0%, 100%);
71	text-transform: uppercase;
72	font-family: "Open Sans", sans-serif;
73	font-weight: 600;
	@@ -81,7 +65,7 @@
81	.action_bar.air-mail input[type="submit"]:hover,
82	.action_bar.air-mail input[type="button"]:hover,
83	.action_bar.air-mail .ig_button:hover{
84	- margin-top: -3px;
85	border-bottom: 6px solid #c0392b;
86	}
87
	@@ -108,6 +92,10 @@
108	zoom: 1.3;
109	}
110




111	.action_bar.air-mail .ig_arrow_block {
112	display: none;
113	}


1	.action_bar.air-mail.ig_container {
2	+ background-color: #F2F2F2;
3	+ color: hsl(0, 0%, 44%);
4	+ /-webkit-background-clip: padding-box;/
5	+ -moz-border-image: -moz-repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
6	+ -webkit-border-image: -webkit-repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
7	+ -o-border-image: -o-repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
8	+ border-image: repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
















9	}
10
11	.action_bar.air-mail.ig_container.top {
12	+ border-width: 0 0 8px 0;
13	}
14
15	.action_bar.air-mail.ig_container.bottom {
16	+ border-width: 8px 0 0 0;
17	}
18
19	.action_bar.air-mail .ig_content {
20	position: relative;
21	+ /background: #F2F2F2;/
22	padding: 1em 1em .25em 1em;
23	}
24

46	.action_bar.air-mail input[type="submit"],
47	.action_bar.air-mail input[type="button"],
48	.action_bar.air-mail .ig_button{
49	+ background: hsl(6, 78%, 57%);
50	+ color: hsl(0, 0%, 100%);
51	-moz-border-radius: 5px;
52	-webkit-border-radius: 5px;
53	border-radius: 5px;
54	border-bottom: 3px solid hsl(6, 63%, 46%);

55	text-transform: uppercase;
56	font-family: "Open Sans", sans-serif;
57	font-weight: 600;

65	.action_bar.air-mail input[type="submit"]:hover,
66	.action_bar.air-mail input[type="button"]:hover,
67	.action_bar.air-mail .ig_button:hover{
68	+ margin-top: -3px;
69	border-bottom: 6px solid #c0392b;
70	}
71

92	zoom: 1.3;
93	}
94
95	+ .action_bar.air-mail .ig_close:hover {
96	+ background: url(../images/chosen-sprite.png) no-repeat -43px -11px;
97	+ }
98	+
99	.action_bar.air-mail .ig_arrow_block {
100	display: none;
101	}

message-types/action-bar/themes/bold.css CHANGED Viewed

	@@ -78,22 +78,11 @@
78
79	.action_bar.bold .ig_arrow_block.border {
80	border: 3px solid #fff;

81	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
82	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
83	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
84	- }
85	-
86	- .action_bar.bold.top .ig_arrow_block.border, .action_bar.bold.bottom .ig_arrow_block {
87	- border-width: 0 3px 3px 3px;
88	- -moz-border-radius: 0 0 5px 5px;
89	- -webkit-border-radius: 0 0 5px 5px;
90	- border-radius: 0 0 5px 5px;
91	- }
92	-
93	- .action_bar.bold.bottom .ig_arrow_block.border, .action_bar.bold.top .ig_arrow_block {
94	- border-width: 0 3px 3px 3px;
95	-moz-border-radius: 0 0 5px 5px;
96	-webkit-border-radius: 0 0 5px 5px;
97	border-radius: 0 0 5px 5px;
98	- ~~padding: .8em .4em;~~
99	- }


78
79	.action_bar.bold .ig_arrow_block.border {
80	border: 3px solid #fff;
81	+ border-top-width: 0;
82	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
83	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
84	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);











85	-moz-border-radius: 0 0 5px 5px;
86	-webkit-border-radius: 0 0 5px 5px;
87	border-radius: 0 0 5px 5px;
88	+ }

message-types/action-bar/themes/hello.css CHANGED Viewed

	@@ -1,7 +1,8 @@
1	.action_bar.hello.ig_container {
2	line-height: 1.5em;
3	- ~~overflow~~: ~~visible;~~
4	- ~~bottom~~: 0;

5	}
6
7	.action_bar.hello.ig_container.top {
	@@ -56,13 +57,15 @@
56	.action_bar.hello input[type="submit"],
57	.action_bar.hello input[type="button"] {
58	display: inline-block;
59	- background: #4A4844 ~~!important~~;
60	- background: linear-gradient(top, ~~#4A4844~~ 0%, ~~#2D2C29~~ 100%) ~~!important~~;
61	- background: -~~moz~~-linear-gradient(top, ~~#4A4844~~ 0%, ~~#2D2C29~~ 100%) ~~!important~~;
62	- background: -o-linear-gradient(top, ~~#4A4844~~ 0%, ~~#2D2C29~~ 100%) ~~!important~~;
63	- background: ~~-webkit-~~linear-gradient(top, ~~#4A4844~~ 0%, ~~#2D2C29~~ 100%) ~~!important~~;
64	- background: -~~webkit-~~gradient(~~linear, left~~ top, ~~left bottom, color-stop(0,~~ #4A4844 0~~%),~~ ~~color-stop(1,~~ #2D2C29 100%)~~) !important;~~
65	- ~~filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#4A4844 0%, EndColorStr=#2D2C29 100%)";~~


66	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
67	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
68	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
	@@ -82,8 +85,6 @@
82	.action_bar.hello .ig_button:hover,
83	.action_bar.hello input[type="submit"]:hover,
84	.action_bar.hello input[type="button"]:hover {
85	- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
86	- filter: alpha(opacity=80);
87	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
88	filter: alpha(opacity=80);
89	opacity: 0.8;
	@@ -113,32 +114,24 @@
113	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
114	}
115
116	- .action_bar.hello~~.top~~ .ig_arrow_block.border, ~~.action_bar.hello.bottom .ig_arrow_block~~ {
117	- border~~-width~~: 0 3px ~~3px~~ ~~3px~~;
118	- -~~moz~~-~~border-radius~~: 0 ~~0 7px 7px~~;
119	- -~~webkit~~-~~border~~-~~radius~~: 0 0 7px ~~7px~~;
120	- ~~border~~-~~radius~~: 0 0 7px ~~7px~~;
121	- }
122	-
123	- .action_bar.hello.bottom .ig_arrow_block.border, .action_bar.hello.top .ig_arrow_block {
124	- border-width: 0 3px 3px 3px;
125	-moz-border-radius: 0 0 7px 7px;
126	-webkit-border-radius: 0 0 7px 7px;
127	border-radius: 0 0 7px 7px;
128	- padding: .8em .4em;
129	- }
130	-
131	- .action_bar.hello .powered_by img {
132	- width: 24px;
133	}
134
135	.action_bar.hello .powered_by {
136	margin-top: 0;
137	height: 32px;
138	}
139	-
140	.action_bar.hello .powered_by img {
141	- width: ~~1.5em !important~~;
142	- ~~margin-left~~: ~~1em~~ !important;
143	- margin-~~top~~: ~~.4em~~ !important;

144	}


1	.action_bar.hello.ig_container {
2	line-height: 1.5em;
3	+ /TODO : check why this is needed /
4	+ /overflow: visible;/
5	+ /bottom: 0;/
6	}
7
8	.action_bar.hello.ig_container.top {

57	.action_bar.hello input[type="submit"],
58	.action_bar.hello input[type="button"] {
59	display: inline-block;
60	+ background: #4A4844;
61	+ background-image: -moz-linear-gradient(top, transparent 0%, rgba(51, 51, 51, 0.4) 100%);
62	+ background-image: -o-linear-gradient(top, transparent 0%, rgba(51, 51, 51, 0.4) 100%);
63	+ background-image: -webkit-linear-gradient(top, transparent 0%, rgba(51, 51, 51, 0.4) 100%);
64	+ background-image: linear-gradient(top, transparent 0%, rgba(51, 51, 51, 0.4) 100%);
65	+ /background-image: linear-gradient(top, #4A4844 0%, #2D2C29 100%);/
66	+
67	+ /background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4844 0%), color-stop(1, #2D2C29 100%)) !important;/
68	+ /filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#4A4844 0%, EndColorStr=#2D2C29 100%)";/
69	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
70	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
71	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);

85	.action_bar.hello .ig_button:hover,
86	.action_bar.hello input[type="submit"]:hover,
87	.action_bar.hello input[type="button"]:hover {


88	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
89	filter: alpha(opacity=80);
90	opacity: 0.8;

114	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
115	}
116
117	+ .action_bar.hello .ig_arrow_block.border {
118	+ border: 3px solid #fff;
119	+ border-top-width: 0;
120	+ -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
121	+ -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
122	+ box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);



123	-moz-border-radius: 0 0 7px 7px;
124	-webkit-border-radius: 0 0 7px 7px;
125	border-radius: 0 0 7px 7px;





126	}
127
128	.action_bar.hello .powered_by {
129	margin-top: 0;
130	height: 32px;
131	}

132	.action_bar.hello .powered_by img {
133	+ width: 24px;
134	+ width: 1.5em !important;
135	+ margin-left: 1em !important;
136	+ margin-top: .4em !important;
137	}

message-types/action-bar/themes/solid.css CHANGED Viewed

@@ -1,12 +1,3 @@
-            -
            .action_bar.solid.ig_container {
-            -
            }
-            -
-            -
            .action_bar.solid.ig_container.top {
-            -
            }
-            -
-            -
            .action_bar.solid.ig_container.bottom {
-            -
            }
-            -
             .action_bar.solid .ig_content {
                 padding: 1em 0 1em 1em;
+            }
@@ -56,11 +47,6 @@
                 box-shadow: inset 0 -4em 0 rgba(255, 255, 255, 0.15);
+            }
-            -
            .action_bar.solid.top .ig_arrow_block.border, .action_bar.solid.bottom .ig_arrow_block {
-            -
                border-width: 0 3px 3px 3px;
-            -
            }
-            -
-            -
            .action_bar.solid.bottom .ig_arrow_block.border, .action_bar.solid.top .ig_arrow_block {
-            -
                border-width: 3px 3px 0 3px;
-            -
                padding: .8em .4em;
+            }











1	.action_bar.solid .ig_content {
2	padding: 1em 0 1em 1em;
3	}

47	box-shadow: inset 0 -4em 0 rgba(255, 255, 255, 0.15);
48	}
49
50	+ .action_bar.solid .ig_arrow_block.border {
51	+ border: none;





52	}

message-types/messenger/default.css CHANGED Viewed

	@@ -8,15 +8,8 @@
8	font-family: "Lucida Grande", Arial, sans-serif;
9	overflow: hidden;
10	text-align: left;
11	- }
12	-
13	- .ig_messenger.ig_container, .ig_messenger.ig_container .ig_content {
14	background-color: transparent !important;
15	- }
16	-
17	- .ig_messenger .ig_content {
18	-
19	- }
20
21	.ig_messenger .ig_header {
22	position: relative;
	@@ -103,6 +96,7 @@
103	height: 28px;
104	width: 28px;
105	vertical-align: top;

106	}
107
108	.ig_messenger .powered_by {


8	font-family: "Lucida Grande", Arial, sans-serif;
9	overflow: hidden;
10	text-align: left;



11	background-color: transparent !important;
12	+ }




13
14	.ig_messenger .ig_header {
15	position: relative;

96	height: 28px;
97	width: 28px;
98	vertical-align: top;
99	+ display: inline-block;
100	}
101
102	.ig_messenger .powered_by {

message-types/messenger/themes/canvas.css CHANGED Viewed

	@@ -33,6 +33,10 @@
33	font-weight: bold;
34	color: #111;
35	line-height: 1.5em;




36	}
37
38	.ig_messenger.canvas .ig_header2_image {


33	font-weight: bold;
34	color: #111;
35	line-height: 1.5em;
36	+ max-width: 350px;
37	+ -ms-text-overflow: ellipsis;
38	+ -o-text-overflow: ellipsis;
39	+ text-overflow: ellipsis;
40	}
41
42	.ig_messenger.canvas .ig_header2_image {

message-types/messenger/themes/clear.css CHANGED Viewed

	@@ -37,9 +37,9 @@
37	background: no-repeat url(../images/clear-header.png) 0 0;
38	font-size: 13px;
39	height: 15px;
40	- -ms-text-overflow: ellipsis;
41	-o-text-overflow: ellipsis;
42	- text-overflow: ellipsis;
43	white-space: nowrap;
44	position: relative;
45	display: block;


37	background: no-repeat url(../images/clear-header.png) 0 0;
38	font-size: 13px;
39	height: 15px;
40	+ /* -ms-text-overflow: ellipsis;
41	-o-text-overflow: ellipsis;
42	+ text-overflow: ellipsis;*/
43	white-space: nowrap;
44	position: relative;
45	display: block;

message-types/messenger/themes/talk.css CHANGED Viewed

	@@ -1,9 +1,10 @@
1	.ig_messenger.talk.ig_container {
2	width: 210px;
3	height: 260px;
4	- }
5

6	.ig_messenger.talk .ig_content {

7
8	}
9
	@@ -39,9 +40,9 @@
39	background-repeat: no-repeat;
40	font-size: 12px;
41	height: 18px;
42	- -ms-text-overflow: ellipsis;
43	-o-text-overflow: ellipsis;
44	- text-overflow: ellipsis;
45	white-space: nowrap;
46	position: relative;
47	display: block;
	@@ -108,7 +109,7 @@
108
109	.ig_messenger.talk .ig_footer {
110	background-image: url(../images/talk-footer-1.png);
111	- height: ~~37px~~;
112	border: 1px solid #BFBFBF;
113	border-bottom: none;
114	}
	@@ -118,13 +119,13 @@
118	}
119
120	.ig_messenger.talk .ig_close {
121	- background-image: url(../images/talk-close.png);
122	- ~~right~~: -~~4px~~;

123	top: 4.5px;
124	- ~~margin-~~right: ~~3px~~;
125	width: 21px;
126	height: 25px;
127	- vertical-align: top;
128	}
129
130


1	.ig_messenger.talk.ig_container {
2	width: 210px;
3	height: 260px;

4
5	+ }
6	.ig_messenger.talk .ig_content {
7	+ background: transparent !important;
8
9	}
10

40	background-repeat: no-repeat;
41	font-size: 12px;
42	height: 18px;
43	+ /*-ms-text-overflow: ellipsis;
44	-o-text-overflow: ellipsis;
45	+ text-overflow: ellipsis;*/
46	white-space: nowrap;
47	position: relative;
48	display: block;

109
110	.ig_messenger.talk .ig_footer {
111	background-image: url(../images/talk-footer-1.png);
112	+ height: 33px;
113	border: 1px solid #BFBFBF;
114	border-bottom: none;
115	}

119	}
120
121	.ig_messenger.talk .ig_close {
122	+ background-image: url(../images/talk-close.png) !important;
123	+ background-repeat: no-repeat;
124	+ background-position: 0 0;
125	top: 4.5px;
126	+ right: -1px;
127	width: 21px;
128	height: 25px;

129	}
130
131

message-types/popup/default.css CHANGED Viewed

	@@ -1,12 +1,31 @@
1	- .ig_popup~~.ig_container~~ {
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~~ {
9	- ~~background-color~~: ~~transparent !important~~;
















10	}
11
12	.ig_popup .ig_headline {
	@@ -17,7 +36,8 @@
17	}
18
19	.ig_popup .ig_data {
20	- overflow-y: hidden;

21	}
22
23	.ig_popup .ig_image {
	@@ -39,14 +59,18 @@
39	height: 32px;
40	width: 30px;
41	cursor: pointer;
42	- position: absolute;
43	-webkit-background-size: 100%;
44	background-size: 100%;
45	- ~~-moz-box-sizing~~: ~~content-box~~;
46	- ~~box-sizing~~: ~~content~~-~~box~~;



47	}
48
49	.ig_popup .ig_close:hover {


50	background-position: left top;
51	}
52
	@@ -57,6 +81,7 @@
57	display: block;
58	border-bottom : none;
59	background-image: none;

60	}
61
62	.ig_popup .ig_button:hover,
	@@ -65,8 +90,8 @@
65
66	}
67	.ig_popup .ig_button:active,
68	- ~~div~~.ig_popup input[type="submit"]:active,
69	- ~~div~~.ig_popup input[type="button"]:active{
70	}
71
72	.mfp-wrap .powered_by {
	@@ -77,18 +102,14 @@ div.ig_popup input[type="button"]:active{
77	padding: 0.1em;
78	}
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;
	@@ -101,8 +122,8 @@ div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="bu
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;
	@@ -116,8 +137,8 @@ div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="bu
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;
	@@ -130,8 +151,8 @@ div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="bu
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;
	@@ -145,7 +166,7 @@ div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="bu
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;
	@@ -153,7 +174,7 @@ div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="bu
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;
	@@ -162,7 +183,7 @@ div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="bu
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;


1	+ .ig_popup{
2	opacity: 1;
3	display: block;
4	z-index: 100000;
5	+ background-color: transparent !important;
6	+ color: transparent !important;
7	+ width: 60%;
8	+ margin: 32px auto 20px auto !important;
9	}
10
11	+ .ig_popup .ig_container{
12	+ position: relative;
13	+ }
14	+
15	+ .ig_popup .ig_container,
16	+ .ig_popup .ig_container .ig_content {
17	+ background-color: transparent;
18	+ }
19	+ .ig_popup .ig_container .ig_bg_overlay{
20	+ background-color: transparent;
21	+ width: 100%;
22	+ height: 100%;
23	+ top: 0;
24	+ left: 0;
25	+ margin: 0;
26	+ padding: 0;
27	+ position: absolute;
28	+ display: none;
29	}
30
31	.ig_popup .ig_headline {

36	}
37
38	.ig_popup .ig_data {
39	+ overflow: hidden;
40	+ position: relative;
41	}
42
43	.ig_popup .ig_image {

59	height: 32px;
60	width: 30px;
61	cursor: pointer;

62	-webkit-background-size: 100%;
63	background-size: 100%;
64	+ float: right;
65	+ margin: -2em -1em 0 0;
66	+ top: 1em;
67	+ position: relative;
68	+ z-index: 10;
69	}
70
71	.ig_popup .ig_close:hover {
72	+ height: 32px;
73	+ width: 30px;
74	background-position: left top;
75	}
76

81	display: block;
82	border-bottom : none;
83	background-image: none;
84	+ position: relative;
85	}
86
87	.ig_popup .ig_button:hover,

90
91	}
92	.ig_popup .ig_button:active,
93	+ .ig_popup input[type="submit"]:active,
94	+ .ig_popup input[type="button"]:active{
95	}
96
97	.mfp-wrap .powered_by {

102	padding: 0.1em;
103	}
104
105	+ div.icegram .ig_popup input[type="submit"],
106	+ div.icegram .ig_popup input[type="button"] {
107	font-size: 100%;
108	}
109





110	@media only screen and (max-device-width: 319px) {
111	+ .ig_popup {
112	+ width: 90%;
113	top: 3% !important;
114	margin: 5px auto !important;
115	font-size: 8px;

122	}
123
124	@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
125	+ .ig_popup {
126	+ width: 85%;
127	top: 5% !important;
128	margin: 10px auto !important;
129	font-size: 10px;

137	}
138
139	@media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
140	+ .ig_popup {
141	+ width: 85%;
142	top: 5% !important;
143	margin: 10px auto !important;
144	font-size: 12px;

151	}
152
153	@media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
154	+ .ig_popup {
155	+ width: 85%;
156	top: 5% !important;
157	margin: 10px auto !important;
158	font-size: 13px;

166
167
168	@media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
169	+ .ig_popup {
170	top: 5% !important;
171	margin: 10px auto !important;
172	font-size: 14px;

174	}
175
176	@media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
177	+ .ig_popup {
178	top: 5% !important;
179	margin: 10px auto !important;
180	font-size: 11px;

183
184	/* Small devices (tablets, 768px and up) */
185	@media only screen and (min-width: 768px) and (max-device-width: 992px){
186	+ .ig_popup {
187	top: 5% !important;
188	margin: 10px auto !important;
189	font-size: 14px;

message-types/popup/main.js CHANGED Viewed

	@@ -8,10 +8,12 @@
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~~">'+


15	'<div class="ig_headline">{{=headline}}</div>'+
16	'<div class="ig_content">'+
17	'<div class="ig_message">{{=message}}</div>'+
	@@ -21,6 +23,9 @@
21	'</div>'+
22	'</div>';
23	};



24	Icegram_Message_Type_Popup.prototype.show = function ( options, silent ) {
25	if ( this.is_visible() ) return;
26	var self = this;
	@@ -32,7 +37,7 @@
32	},
33	showCloseBtn :false
34	});
35	- jQuery('.mfp-content').removeClass().addClass('mfp-content ig_popup ' + self.data.theme);
36	silent !== true && this.track( 'shown' );
37	};
38


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="icegram_message_{{=id}}" class="mfp-hide icegram ig_popup {{=theme}} ds_style_{{=id}}" data={{=id}}>'+
12	+ return '<div id="icegram_message_{{=id}}" class="mfp-hide icegram ig_popup {{=theme}}" data={{=id}}>'+
13	+ '<div class="ig_close" id="popup_box_close_{{=id}}"></div>'+
14	+ '<div class="ig_container" data={{=id}}>'+
15	+ '<div class="ig_bg_overlay"></div>'+
16	+ '<div class="ig_data">'+
17	'<div class="ig_headline">{{=headline}}</div>'+
18	'<div class="ig_content">'+
19	'<div class="ig_message">{{=message}}</div>'+

23	'</div>'+
24	'</div>';
25	};
26	+ Icegram_Message_Type_Popup.prototype.post_render = function ( ) {
27	+ this.el.find('.ig_bg_overlay').css('border-color', this.data.bg_color);
28	+ };
29	Icegram_Message_Type_Popup.prototype.show = function ( options, silent ) {
30	if ( this.is_visible() ) return;
31	var self = this;

37	},
38	showCloseBtn :false
39	});
40	+ // jQuery('.mfp-content').removeClass().addClass('mfp-content ig_popup ' + self.data.theme);
41	silent !== true && this.track( 'shown' );
42	};
43

message-types/popup/main.php CHANGED Viewed

	@@ -18,9 +18,10 @@ class Icegram_Message_Type_Popup extends Icegram_Message_Type {
18	function define_settings() {
19	parent::define_settings();
20	$this->settings['theme']['default'] = 'persuade';



21	unset ( $this->settings['position'],
22	- $this->settings['text_color'],
23	- $this->settings['bg_color'],
24	$this->settings['icon']
25	);
26	}


18	function define_settings() {
19	parent::define_settings();
20	$this->settings['theme']['default'] = 'persuade';
21	+ $this->settings['bg_color']['default'] = '#EF504D';
22	+ $this->settings['text_color']['default'] = '#FFFFFF';
23	+
24	unset ( $this->settings['position'],


25	$this->settings['icon']
26	);
27	}

message-types/popup/themes/air-mail.css CHANGED Viewed

@@ -1,120 +1,92 @@
-            -
            .ig_popup.air-mail.ig_container {
-            -
                position: relative;
-            -
                color: hsl(0, 100%, 100%);
-            -
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-            -
                filter: alpha(opacity=100);
-            -
                padding: 1em 0.5em;
+            }
             .ig_popup.air-mail .ig_headline {
-            -
                margin-bottom: .5em;
                 font-size: 2.5em;
                 text-align: center;
-            -
                color: hsl(206, 69%, 47%);
-            -
                text-shadow: 0 1px 0 #FFF;
+            }
             .ig_popup.air-mail .ig_image {
                 float: right;
+            }
-            -
            .ig_popup.air-mail .ig_data {
-            -
                padding: .9em;
-            -
            }
             .ig_popup.air-mail .ig_message {
-            -
                color: hsl(0, 0%, 44%);
                 font-size: 1.2em;
-            -
                margin-bottom: 1em;
-            -
                padding: 0 .5em;
+            }
             .ig_popup.air-mail .ig_close {
                 background: url(../images/chosen-sprite.png) no-repeat -43px 0;
                 height: 10px;
                 width: 10px;
-            -
                -moz-box-sizing: content-box;
-            -
                box-sizing: content-box;
-            -
                position: absolute;
-            -
                top: 0;
-            -
                right: 0;
                 cursor: pointer;
                 zoom: 1.5;
-            -
                margin: 5px;
+            }
             .ig_popup.air-mail .ig_button,
              div.ig_popup.air-mail input[type="submit"],
              div.ig_popup.air-mail input[type="button"] {
-            -
                background: hsl(6, 78%, 57%) !important;
                 width: 50% !important;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 border-radius: 5px;
-            -
                border-top: 3px solid transparent !important;
-            -
                border-bottom: 3px solid transparent !important;
-            -
                font-size: 16px;
-            -
                color: hsl(0, 0%, 100%);
                 text-transform: uppercase;
                 font-weight: 600;
                 text-align: center;
-            -
                margin: 0.4em auto 0 auto;
-            -
                padding: 16px 3px 13px;
+            }
             .ig_popup.air-mail .ig_button:hover,
             div.ig_popup.air-mail input[type="submit"]:hover,
             div.ig_popup.air-mail input[type="button"]:hover {
-            -
                border-top: 3px solid hsl(6, 63%, 46%) !important;
-            -
                border-bottom: 3px solid #c0392b !important;
+            }
             .ig_popup.air-mail .ig_button:active,
             div.ig_popup.air-mail input[type="submit"]:active,
             div.ig_popup.air-mail input[type="button"]:active{
-            -
                border-top: none;
+            }
-            -
            .ig_popup.air-mail.ig_container{
-            -
                position: relative;
-            -
                display: block;
-            -
                margin: 0;
-            -
                background: #F2F2F2;
-            -
                background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
-            -
                background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
-            -
                background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
-            -
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5 0%), color-stop(1, #f7f7f7 100%));
-            -
                filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e5e5e5 0%, EndColorStr=#f7f7f7 100%)";
-            -
                background-image: linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
-            -
            }
-            -
-            -
            .ig_popup.air-mail.mfp-content {
-            -
                background-color: #fff;
-            -
                -webkit-background-clip: padding-box;
-            -
                background-clip: padding-box;
-            -
                -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-            -
                -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-            -
                box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
-            -
                padding: 8px;
-            -
                border: 0;
-            -
            }
-            -
-            -
            .ig_popup.air-mail.mfp-content:before {
-            -
                position: absolute;
-            -
                top: 0;
-            -
                left: 0;
-            -
                width: 100%;
-            -
                height: 100%;
-            -
                -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
-            -
                -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
-            -
                box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
-            -
                background: #D1D1D1;
-            -
                background: repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px, transparent 30px, transparent 40px);
-            -
                -webkit-background-clip: padding-box;
-            -
                background-clip: padding-box;
-            -
                content: "";
-            -
            }
-            -
-            -
             @media only screen and (max-device-width: 319px) {
                 .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
                     width: 90% !important;
@@ -137,4 +109,4 @@ div.ig_popup.air-mail input[type="button"]:active{
                 .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
                     width: 90% !important;
+                }
-            -
              }


1	+ .ig_popup.air-mail .ig_container {
2	+ border-width: 8px;
3	+ /white/blue/red border/
4	+ -moz-border-image: -moz-repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
5	+ -webkit-border-image: -webkit-repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
6	+ -o-border-image: -o-repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
7	+ border-image: repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, #F2F2F2 10px, #F2F2F2 20px, #7897ba 20px, #7897ba 30px, #F2F2F2 30px, #F2F2F2 40px) 8 round;
8	+ background-color: #F2F2F2;
9	+ color: hsl(0, 0%, 44%);
10	+ }
11	+ .ig_popup.air-mail .ig_container .ig_bg_overlay{
12	+ display: block;
13	+ background: -webkit-linear-gradient(top, transparent 0%, #888 30%, #888 70%, transparent 100%);
14	+ background: -o-linear-gradient(top, transparent 0%, #888 30%, #888 70%, transparent 100%);
15	+ background: -moz-linear-gradient(top, transparent 0%, #888 30%, #888 70%, transparent 100%);
16	+ background: linear-gradient(top, transparent 0%, #888 30%, #888 70%, transparent 100%);
17	+ opacity: .1;
18	}
19
20	.ig_popup.air-mail .ig_headline {
21	+ padding: .5em;
22	font-size: 2.5em;
23	text-align: center;
24	+ /color: hsl(206, 69%, 47%);/
25	+ text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
26	}
27
28	.ig_popup.air-mail .ig_image {
29	float: right;
30	}
31



32	.ig_popup.air-mail .ig_message {
33	+ /color: hsl(0, 0%, 44%);/
34	+ padding: .2em 1.2em;
35	font-size: 1.2em;


36	}
37
38	.ig_popup.air-mail .ig_close {
39	background: url(../images/chosen-sprite.png) no-repeat -43px 0;
40	height: 10px;
41	width: 10px;





42	cursor: pointer;
43	zoom: 1.5;
44	+ margin: 0;
45	+ top:12px;
46	+ right: 12px;
47	+ }
48	+ .ig_popup.air-mail .ig_close:hover {
49	+ background: url(../images/chosen-sprite.png) no-repeat -43px -11px;
50	+ height: 10px;
51	+ width: 10px;
52	+ top:12px;
53	+ right: 12px;
54	}
55
56	.ig_popup.air-mail .ig_button,
57	div.ig_popup.air-mail input[type="submit"],
58	div.ig_popup.air-mail input[type="button"] {
59	+ background-color: hsl(6, 78%, 57%);
60	+ color: hsl(0, 0%, 100%);
61	width: 50% !important;
62	-moz-border-radius: 5px;
63	-webkit-border-radius: 5px;
64	border-radius: 5px;
65	+ border-top: 0 solid transparent;
66	+ border-bottom: 0 solid transparent;
67	+ font-size: 1.1em;

68	text-transform: uppercase;
69	font-weight: 600;
70	text-align: center;
71	+ margin: 10px auto 20px auto;
72	+ padding: 1em .15em .85em;
73	}
74
75	.ig_popup.air-mail .ig_button:hover,
76	div.ig_popup.air-mail input[type="submit"]:hover,
77	div.ig_popup.air-mail input[type="button"]:hover {
78	+ margin: 7px auto 17px auto;
79	+ border-top: 3px solid #c0392b;
80	+ border-bottom: 3px solid #c0392b ;
81	}
82
83	.ig_popup.air-mail .ig_button:active,
84	div.ig_popup.air-mail input[type="submit"]:active,
85	div.ig_popup.air-mail input[type="button"]:active{
86	+ margin: 10px auto 20px auto;
87	+ border: none;
88	}
89









































90	@media only screen and (max-device-width: 319px) {
91	.ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
92	width: 90% !important;

109	.ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
110	width: 90% !important;
111	}
112	+ }

message-types/popup/themes/amaze.css CHANGED Viewed

	@@ -1,14 +1,19 @@
1	- .ig_popup.amaze.ig_container {
2	- ~~color~~: ~~hsl(0,~~ ~~100%,~~ ~~100%)~~;
3	- -~~ms-filter~~: ~~"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"~~;
4	- ~~filter~~: ~~alpha(opacity=100)~~;





5	}
6
7	.ig_popup.amaze .ig_headline {

8	text-align: center;
9	- ~~margin~~: ~~.5em auto;~~
10	- ~~color~~: ~~#fff~~;
11	- text-shadow: 0 1px 0 hsl(0, 0%, 0%);
12	font-size: 2em;
13	}
14
	@@ -18,20 +23,16 @@
18
19	.ig_popup.amaze .ig_message {
20	font-size: 1.2em;

21	font-family: Georgia, Times, "Times New Roman", serif;
22	- color: hsl(0, 100%, 100%);
23	margin: 0 2em;
24	}
25
26	- .ig_popup.amaze .ig_close {
27	- top: -15px;
28	- right: -15px;
29	- }
30	-
31	.ig_popup.amaze .ig_button,
32	.ig_popup.amaze input[type="submit"],
33	.ig_popup.amaze input[type="button"] {
34	- background: hsl(145, 63%, 49%) ~~!important~~;
35	color: hsl(0, 100%, 100%);
36	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
37	font-size: 1.3em;
	@@ -40,15 +41,12 @@
40	font-weight: 700;
41	text-align: center;
42	line-height: 1.8em;
43	- webkit-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.45), 0 2px 2px rgba(0, 0, 0, 0.25);
44	- -moz-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.45), 0 2px 2px rgba(0, 0, 0, 0.25);
45	- -webkit-box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.45), 0 2px 2px rgba(0, 0, 0, 0.25);
46	- box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.45), 0 2px 2px rgba(0, 0, 0, 0.25);
47	-moz-border-radius: 3px;
48	-webkit-border-radius: 3px;
49	border-radius: 3px;

50	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
51	- margin: 0 auto;
52	width: 40%;
53	padding: 0.3em 1em;
54	}
	@@ -56,32 +54,13 @@
56	.ig_popup.amaze .ig_button:active,
57	.ig_popup.amaze input[type="submit"]:active,
58	.ig_popup.amaze input[type="button"]:active {
59	- border~~-top~~: none;
60	- ~~position~~: ~~relative~~;
61	- top: 3px;
62	- -moz-box-shadow: inset 0 -3px 1px #2ECC70, inset 0 0 3px #2ECC70;
63	- -webkit-box-shadow: inset 0 -3px 1px #2ECC70, inset 0 0 3px #2ECC70;
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;
76	- }
77	-
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{
	@@ -93,7 +72,7 @@
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{
	@@ -105,7 +84,7 @@
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{
	@@ -118,7 +97,7 @@
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{
	@@ -131,20 +110,20 @@
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	}


1	+ .ig_popup.amaze .ig_container {
2	+ border: .3em solid #444444;
3	+ background-color: #444444;
4	+ color: #FFF;
5	+ }
6	+ .ig_popup.amaze .ig_container .ig_bg_overlay{
7	+ display: block;
8	+ background-image: url(../images/popup-amaze-bg.jpg);
9	+ opacity: .5;
10	}
11
12	.ig_popup.amaze .ig_headline {
13	+ padding: .5em;
14	text-align: center;
15	+ /color: #fff;/
16	+ text-shadow: 0 1px 0 rgba(0, 0, 0, .5);

17	font-size: 2em;
18	}
19

23
24	.ig_popup.amaze .ig_message {
25	font-size: 1.2em;
26	+ padding: 0 1.2em;
27	font-family: Georgia, Times, "Times New Roman", serif;
28	+ /color: hsl(0, 100%, 100%);/
29	margin: 0 2em;
30	}
31





32	.ig_popup.amaze .ig_button,
33	.ig_popup.amaze input[type="submit"],
34	.ig_popup.amaze input[type="button"] {
35	+ background: hsl(145, 63%, 49%);
36	color: hsl(0, 100%, 100%);
37	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
38	font-size: 1.3em;

41	font-weight: 700;
42	text-align: center;
43	line-height: 1.8em;




44	-moz-border-radius: 3px;
45	-webkit-border-radius: 3px;
46	border-radius: 3px;
47	+ border-bottom: .2em solid rgba(63, 63, 63, 0.6);
48	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
49	+ margin: .2em auto 1em auto;
50	width: 40%;
51	padding: 0.3em 1em;
52	}

54	.ig_popup.amaze .ig_button:active,
55	.ig_popup.amaze input[type="submit"]:active,
56	.ig_popup.amaze input[type="button"]:active {
57	+ border: none;
58	+ margin: .4em auto 1em auto;




59	}
60















61
62	@media only screen and (max-device-width: 319px) {
63	+ .ig_popup.amaze {
64	font-size: 10px;
65	}
66	.ig_popup.amaze .ig_message{

72	}
73
74	@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
75	+ .ig_popup.amaze {
76	font-size: 12px;
77	}
78	.ig_popup.amaze .ig_message{

84	}
85
86	@media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
87	+ .ig_popup.amaze {
88	font-size: 14px;
89	}
90	.ig_popup.amaze .ig_message{

97	}
98
99	@media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
100	+ .ig_popup.amaze {
101	font-size: 16px;
102	}
103	.ig_popup.amaze .ig_message{

110
111
112	@media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
113	+ .ig_popup.amaze {
114	font-size: 18px;
115	}
116	}
117
118	@media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
119	+ .ig_popup.amaze {
120	font-size: 12px;
121	}
122	}
123
124	/* Small devices (tablets, 768px and up) */
125	@media only screen and (min-width: 768px) and (max-device-width: 992px){
126	+ .ig_popup.amaze {
127	font-size: 14px;
128	}
129	}

message-types/popup/themes/compel.css CHANGED Viewed

	@@ -1,17 +1,15 @@
1	- .ig_popup.compel.ig_container {
2	background: hsl(0, 0%, 100%);
3	- ~~position~~: ~~relative~~;
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 {
11	- ~~color~~: ~~hsl(204, 70%, 53%)~~;

12	font-size: 2em;
13	- text-shadow: 0 1px 0 ~~hsl~~(~~204~~, ~~79%,~~ ~~36%~~);
14	- margin-bottom: 0.~~5em~~;
15	text-align: center;
16	}
17
	@@ -21,7 +19,7 @@
21	}
22
23	.ig_popup.compel .ig_message {
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;
	@@ -31,54 +29,55 @@
31	background: url(../images/chosen-sprite.png) no-repeat -43px 0;
32	height: 10px;
33	width: 10px;
34	- -moz-box-sizing: content-box;
35	- box-sizing: content-box;
36	- position: absolute;
37	- top: 0;
38	- right: 0;
39	cursor: pointer;
40	- zoom: 1.5;










41	}
42
43	.ig_popup.compel .ig_button,
44	.ig_popup.compel input[type="submit"],
45	.ig_popup.compel input[type="button"] {
46	- background: hsl(6, 78%, 57%) ~~!important~~;

47	width: 50% !important;
48	-moz-border-radius: 5px;
49	-webkit-border-radius: 5px;
50	border-radius: 5px;
51	- border-bottom: 3px solid hsl(6, 63%, 46%) ~~!important~~;
52	- font-size: ~~16px~~;
53	- color: hsl(0, 0%, 100%);
54	text-transform: uppercase;
55	font-weight: 600;
56	text-align: center;
57	margin: 0 auto;
58	- ~~padding~~: ~~16px 0 13px~~;


59	}
60
61	.ig_popup.compel .ig_button:hover,
62	.ig_popup.compel input[type="submit"]:hover,
63	.ig_popup.compel input[type="button"]:hover {
64	margin-top: -3px;
65	- ~~border~~-bottom: ~~6px solid #c0392b !important~~;

66	}
67	.ig_popup.compel .ig_button:active,
68	div.ig_popup.compel input[type="submit"]:active,
69	div.ig_popup.compel input[type="button"]:active{
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;
	@@ -106,4 +105,4 @@ div.ig_popup.compel input[type="button"]:active{
106	width: 90% !important;
107	padding: 16px 4px 13px;
108	}
109	- }


1	+ .ig_popup.compel .ig_container {
2	background: hsl(0, 0%, 100%);
3	+ color: hsl(0, 0%, 44%);
4	+ border: 4px dashed #c0392b;



5	}
6
7	.ig_popup.compel .ig_headline {
8	+ padding: .5em;
9	+ /color: hsl(204, 70%, 53%);/
10	font-size: 2em;
11	+ text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
12	+ margin-bottom: 0.2em;
13	text-align: center;
14	}
15

19	}
20
21	.ig_popup.compel .ig_message {
22	+ padding: 0 1.25em;
23	font-size: 1.25em;
24	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
25	margin: 0 .5em .5em .5em;

29	background: url(../images/chosen-sprite.png) no-repeat -43px 0;
30	height: 10px;
31	width: 10px;





32	cursor: pointer;
33	+ zoom: 1.5;
34	+ margin: 0;
35	+ top:7px;
36	+ right: 7px;
37	+ }
38	+ .ig_popup.compel .ig_close:hover {
39	+ background: url(../images/chosen-sprite.png) no-repeat -43px -11px;
40	+ height: 10px;
41	+ width: 10px;
42	+ top:7px;
43	+ right: 7px;
44	}
45
46	.ig_popup.compel .ig_button,
47	.ig_popup.compel input[type="submit"],
48	.ig_popup.compel input[type="button"] {
49	+ background-color: hsl(6, 78%, 57%);
50	+ color: hsl(0, 0%, 100%);
51	width: 50% !important;
52	-moz-border-radius: 5px;
53	-webkit-border-radius: 5px;
54	border-radius: 5px;
55	+ border-bottom: 3px solid hsl(6, 63%, 46%);
56	+ font-size: 1.1em;

57	text-transform: uppercase;
58	font-weight: 600;
59	text-align: center;
60	margin: 0 auto;
61	+ margin-bottom: 1em;
62	+ padding: 1em .15em .85em;
63	+
64	}
65
66	.ig_popup.compel .ig_button:hover,
67	.ig_popup.compel input[type="submit"]:hover,
68	.ig_popup.compel input[type="button"]:hover {
69	margin-top: -3px;
70	+ margin-bottom: 1em;
71	+ border-bottom: 6px solid #c0392b;
72	}
73	.ig_popup.compel .ig_button:active,
74	div.ig_popup.compel input[type="submit"]:active,
75	div.ig_popup.compel input[type="button"]:active{
76	border-top: none;
77	+ margin: 0 auto;
78	+ margin-bottom: 1em;
79	}
80









81	@media only screen and (max-device-width: 319px) {
82	.ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
83	width: 90% !important;

105	width: 90% !important;
106	padding: 16px 4px 13px;
107	}
108	+ }

message-types/popup/themes/convert.css CHANGED Viewed

	@@ -1,13 +1,18 @@
1	- .ig_popup.convert.ig_container {
2	- ~~padding~~: ~~1em~~;





3	}
4
5	.ig_popup.convert .ig_headline {
6	font-size: 2.5em;
7	- ~~color~~: ~~hsl(0,~~ ~~1%,~~ ~~28%)~~;

8	letter-spacing: 0;
9	text-align: left;
10	- margin-bottom: 1em;
11	}
12
13	.ig_popup.convert .ig_image {
	@@ -16,27 +21,22 @@
16
17	.ig_popup.convert .ig_message {
18	font-size: 1.5em;

19	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
20	- color: hsl(0, 1%, 28%);
21	vertical-align: baseline;
22	}
23
24	- .ig_popup.convert .ig_close {
25	- top: -15px;
26	- right: -15px;
27	- }
28	-
29	.ig_popup.convert .ig_button,
30	.ig_popup.convert input[type="submit"],
31	.ig_popup.convert input[type="button"] {
32	text-transform: uppercase;
33	font-weight: 700;
34	text-decoration: none;
35	- background-color: hsl(0, 94%, 41%) ~~!important~~;
36	- background: hsl(0, 94%, 41%) !important;
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;
	@@ -51,22 +51,6 @@
51	clear: both;
52	}
53
54	- .ig_popup.convert .ig_button,
55	- .ig_popup.convertinput[type="submit"]:active,
56	- .ig_popup.convert input[type="button"]:active{
57	- border-top: .3em solid hsl(0, 6%, 71%) !important;
58	- -moz-border-radius: 1em;
59	- -webkit-border-radius: 1em;
60	- border-radius: 1em;
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;
	@@ -83,7 +67,6 @@
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) {


1	+ .ig_popup.convert .ig_container {
2	+ background-color: hsl(58, 100%, 90%);
3	+ color: hsl(0, 1%, 28%);
4	+ -moz-box-shadow: none;
5	+ -webkit-box-shadow: none;
6	+ box-shadow: none;
7	+ padding-bottom: 1.5em;
8	}
9
10	.ig_popup.convert .ig_headline {
11	font-size: 2.5em;
12	+ padding: .8em .8em .3em .8em;
13	+ /color: hsl(0, 1%, 28%);/
14	letter-spacing: 0;
15	text-align: left;

16	}
17
18	.ig_popup.convert .ig_image {

21
22	.ig_popup.convert .ig_message {
23	font-size: 1.5em;
24	+ padding: 0.5em 1.5em;
25	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
26	+ /color: hsl(0, 1%, 28%);/
27	vertical-align: baseline;
28	}
29





30	.ig_popup.convert .ig_button,
31	.ig_popup.convert input[type="submit"],
32	.ig_popup.convert input[type="button"] {
33	text-transform: uppercase;
34	font-weight: 700;
35	text-decoration: none;
36	+ background-color: hsl(0, 94%, 41%);


37	color: hsl(0, 33%, 98%);
38	+ font-size: 1.75em;
39	+ border: .25em solid hsl(0, 6%, 71%) !important;
40	width: 60%;
41	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
42	-moz-border-radius: 1em;

51	clear: both;
52	}
53
















54	@media only screen and (max-device-width: 319px) {
55	.ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
56	width: 75% !important;

67	.ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
68	width: 75% !important;
69	}

70	}
71
72	@media only screen and (min-device-width: 414px) and (max-device-width: 643px) {

message-types/popup/themes/inspire.css CHANGED Viewed

	@@ -1,43 +1,34 @@
1	- .ig_popup.inspire.ig_container {
2	- ~~padding~~: ~~1em~~ 0 ~~.5em~~ 0;


3	}

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	}
11
12	- .ig_popup.inspire .ig_content {
13	- background-color: transparent !important;
14	- }
15	-
16	.ig_popup.inspire .ig_image {
17	float: left;
18	}
19
20	.ig_popup.inspire .ig_message {
21	- ~~-webkit-font-smoothing~~: ~~antialiased;~~
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	}
29
30	- .ig_popup.inspire .ig_close {
31	- top: -15px;
32	- right: -15px;
33	- }
34	-
35	.ig_popup.inspire .ig_button,
36	.ig_popup.inspire input[type="submit"],
37	.ig_popup.inspire input[type="button"] {
38	vertical-align: middle;
39	- background-color: hsl(79, 93%, 35%) ~~!important~~;
40	- ~~background~~: hsl(79, 93%, 35%) ~~!important~~;
41	font-size: 2em;
42	font-weight: 700;
43	font-style: normal;
	@@ -46,9 +37,7 @@
46	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
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;
54	line-height: 1.2em;
	@@ -59,10 +48,6 @@
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;
	@@ -78,7 +63,6 @@
78	.ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
79	width: 90% !important;
80	}
81	-
82	}
83
84	@media only screen and (min-device-width: 414px) and (max-device-width: 643px) {


1	+ .ig_popup.inspire .ig_container {
2	+ background: hsl(0, 100%, 100%);
3	+ color: #333;
4	+ padding-bottom: 1.5em;
5	}
6	+
7	.ig_popup.inspire .ig_headline {
8	+ /color: #222;/
9	text-align: center;
10	+ padding: .8em .8em .3em .8em;

11	font-size: 2.5em;
12	}
13




14	.ig_popup.inspire .ig_image {
15	float: left;
16	}
17
18	.ig_popup.inspire .ig_message {
19	+ /color: #333;/
20	+ padding: 0.5em 1.25em;

21	font-size: 1.25em;

22	font-weight: 400;
23	text-align: justify;
24	}
25





26	.ig_popup.inspire .ig_button,
27	.ig_popup.inspire input[type="submit"],
28	.ig_popup.inspire input[type="button"] {
29	vertical-align: middle;
30	+ background-color: hsl(79, 93%, 35%);
31	+ color: hsl(0, 100%, 100%);
32	font-size: 2em;
33	font-weight: 700;
34	font-style: normal;

37	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
38	filter: alpha(opacity=100);
39	opacity: 1;

40	width: 60%;

41	margin: .25em auto;
42	padding: 0.5em;
43	line-height: 1.2em;

48	border-top: none;
49	}
50




51	@media only screen and (max-device-width: 319px) {
52	.ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
53	width: 90% !important;

63	.ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
64	width: 90% !important;
65	}

66	}
67
68	@media only screen and (min-device-width: 414px) and (max-device-width: 643px) {

message-types/popup/themes/persuade.css CHANGED Viewed

	@@ -1,11 +1,18 @@







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 {
	@@ -13,41 +20,34 @@
13	}
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	}
22
23	- .ig_popup.persuade .ig_close {
24	- top: -15px;
25	- right: -15px;
26	- }
27	-
28	.ig_popup.persuade .ig_button,
29	.ig_popup.persuade input[type="submit"],
30	.ig_popup.persuade input[type="button"] {
31	- color: hsl(0, 100%, 100%);
32	text-decoration: none;
33	- background-color: hsl(0, 0%, 26%) ~~!important~~;
34	- ~~background~~: hsl(0, 0%, 26%) ~~!important~~;
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;
42	- -~~moz-box-shadow~~: 0 .3em 0 hsl(0, 0%, 20%)~~, 0 .3em 2em hsla(0, 0%, 0%, 0.7)~~;
43	- -~~webkit~~-box-shadow: 0 .3em 0 ~~hsl~~(0, 0~~%, 20%)~~, 0 ~~.3em 2em hsla(0~~, 0~~%, 0%, 0~~.7);
44	- box-shadow: 0 .3em 0 ~~hsl~~(0, 0~~%, 20%)~~, 0 ~~.3em 2em hsla(0~~, 0~~%, 0%, 0~~.7);
45	- ~~-moz-~~box-shadow: 0 .3em ~~0 #333, 0~~ .~~3em~~ ~~2em~~ rgba(0, 0, 0, 0.7);
46	- -webkit-box-shadow: 0 .3em 0 #333, 0 .3em 2em rgba(0, 0, 0, 0.7);
47	- box-shadow: 0 .3em 0 #333, 0 .3em 2em rgba(0, 0, 0, 0.7);
48	text-align: center;
49	- margin: .2em auto .5em;
50	- padding: 0.~~5em~~;
51	line-height: 1.2em;
52	clear: both;
53	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	@@ -56,24 +56,16 @@
56	.ig_popup.persuade .ig_button:hover,
57	.ig_popup.persuade input[type="submit"]:hover,
58	.ig_popup.persuade input[type="button"]:hover {
59	- -~~moz-box-shadow~~: 0 .1em 0 hsl(0, 0%, 20%)~~, 0 .1em .2em hsla(0, 0%, 0%, 0.9) !important~~;
60	- -~~webkit~~-box-shadow: 0 .1em 0 ~~hsl~~(0, 0~~%, 20%)~~, 0 ~~.1em .2em hsla(0~~, 0~~%, 0%, 0~~.9) !important;
61	- box-shadow: 0 .1em 0 ~~hsl~~(0, 0~~%, 20%)~~, 0 ~~.1em .2em hsla(0~~, 0~~%, 0%, 0~~.9) !important;
62	- ~~-moz-~~box-shadow: 0 .1em ~~0 #333, 0~~ .~~1em .~~2em rgba(0, 0, 0, 0.9) !important;
63	- ~~-webkit-box-shadow~~: 0 .~~1em~~ 0 ~~#333, 0~~ .~~1em~~ ~~.2em rgba(0, 0, 0, 0.9) !important~~;
64	- box-shadow: 0 .1em 0 #333, 0 .1em .2em rgba(0, 0, 0, 0.9) !important;
65	- position: relative;
66	- top: .2em
67	}

68	.ig_popup.persuade .ig_button:active,
69	.ig_popup.persuade input[type="submit"]:active,
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	}


1	+ .ig_popup.persuade .ig_container {
2	+ background: hsl(1, 83%, 62%);
3	+ color: #FFF;
4	+ border: .4em dashed hsl(0, 100%, 100%);
5	+ padding-bottom: .1em;
6	+ }
7	+
8	.ig_popup.persuade .ig_headline {
9	letter-spacing: 0;
10	+ /color: hsl(0, 100%, 100%);/
11	font-size: 2.8em;
12	text-align: center;
13	-webkit-font-smoothing: antialiased;

14	line-height: 1em;
15	+ padding: .7em .7em 0.5em .7em;
16	}
17
18	.ig_popup.persuade .ig_image {

20	}
21
22	.ig_popup.persuade .ig_message {
23	+ /color: #FFF;/
24	+ padding: 0.5em 1.5em;
25	font-size: 1.5em;
26	font-weight: 300;
27	text-align: center;
28	-webkit-font-smoothing: antialiased;
29	}
30





31	.ig_popup.persuade .ig_button,
32	.ig_popup.persuade input[type="submit"],
33	.ig_popup.persuade input[type="button"] {

34	text-decoration: none;
35	+ background-color: hsl(0, 0%, 26%);
36	+ color: hsl(0, 100%, 100%);
37	font-size: 2em;
38	font-weight: 400;
39	+ width: 55%;
40	border: none;
41	-moz-border-radius: .6em;
42	-webkit-border-radius: .6em;
43	border-radius: .6em;
44	+ border-bottom: .3em solid hsl(0, 0%, 20%);
45	+ -moz-box-shadow: 0 .3em 1.5em rgba(0, 0, 0, 0.6) !important;
46	+ -webkit-box-shadow: 0 .3em 1.5em rgba(0, 0, 0, 0.6) !important;
47	+ box-shadow: 0 .3em 1.5em rgba(0, 0, 0, 0.6) !important;


48	text-align: center;
49	+ margin: .2em auto .5em auto;
50	+ padding: 0.4em;
51	line-height: 1.2em;
52	clear: both;
53	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

56	.ig_popup.persuade .ig_button:hover,
57	.ig_popup.persuade input[type="submit"]:hover,
58	.ig_popup.persuade input[type="button"]:hover {
59	+ border-bottom: .1em solid hsl(0, 0%, 20%);
60	+ -moz-box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.9) !important;
61	+ -webkit-box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.9) !important;
62	+ box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.9) !important;
63	+ margin: .4em auto .5em auto;



64	}
65	+
66	.ig_popup.persuade .ig_button:active,
67	.ig_popup.persuade input[type="submit"]:active,
68	.ig_popup.persuade input[type="button"]:active {
69	border-top: none;
70	+ margin: .4em auto .5em auto;






71	}

readme.txt CHANGED Viewed

	@@ -3,8 +3,8 @@ Contributors: storeapps, niravmehta, putler, icegram
3	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.6
8	License: GPLv3
9	License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
	@@ -153,6 +153,9 @@ Contact Us, provide as much detail of the problem as you can. We will try to sol
153	3. Editing an Icegram campaign - add multiple messages, edit them, targeting rules, full HTML editor, themes and more
154
155	== Upgrade Notice ==



156	= 1.8.6 =
157	Fix for "white screen" errors, updated device detection, more readable call to action button colors
158
	@@ -206,12 +209,19 @@ Initial Release
206
207
208	== Changelog ==







209	= 1.8.6 =
210	* Fix: "Blank / White Screen of death" / Fatal error - Cannot redeclare class Mobile_Detect
211	* Fix: Warning for undefined index
212	* Update: Mobile Detect Library updated to version 2.8.11
213	* Update: Improvmetns in complementary colors for call to action button and button text
214	- * Update: Action Bar's Bold theme - reduced ~~shadown~~ on button text
215
216	= 1.8.5 =
217	* New: Added a link to Form Embed Documentation for easy access


3	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.1
7	+ Stable tag: 1.8.7
8	License: GPLv3
9	License URI: http://www.gnu.org/licenses/gpl-3.0.html
10

153	3. Editing an Icegram campaign - add multiple messages, edit them, targeting rules, full HTML editor, themes and more
154
155	== Upgrade Notice ==
156	+ = 1.8.7 =
157	+ Popups now support custom background and text colors. And a handful of fixes!
158	+
159	= 1.8.6 =
160	Fix for "white screen" errors, updated device detection, more readable call to action button colors
161

209
210
211	== Changelog ==
212	+ = 1.8.7 =
213	+ * New: Can now define custom background and text colors for Popups
214	+ * Fix: Button text color not showing well in some themes
215	+ * Fix: Analytics not getting tracked
216	+ * Update: Revisions to theme packs and many addons
217	+ * New: Support for Split Testing addon
218	+
219	= 1.8.6 =
220	* Fix: "Blank / White Screen of death" / Fatal error - Cannot redeclare class Mobile_Detect
221	* Fix: Warning for undefined index
222	* Update: Mobile Detect Library updated to version 2.8.11
223	* Update: Improvmetns in complementary colors for call to action button and button text
224	+ * Update: Action Bar's Bold theme - reduced shadow on button text
225
226	= 1.8.5 =
227	* New: Added a link to Form Embed Documentation for easy access

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

Version Description

Release Info

Code changes from version 1.8.6 to 1.8.7