WordPress.org
Get WordPress

Plugin Directory

Changeset 1113915


Ignore:
Timestamp:
03/16/2015 01:09:16 PM (11 years ago)
Author:
niravmehta
Message:

Changes for 1.8.7

Location:
icegram/trunk
Files:
26 edited

Legend:

Unmodified
Added
Removed

  • icegram/trunk/assets/css/frontend.css

    r1092381 r1113915  
    5353div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
    5454    float: left;
     55    overflow: hidden;
    5556}
    5657div.icegram .ig_embed_form.ig_right .ig_embed_form_container{
    … …  
    101102    margin-right: 4%;
    102103}
    103 
     104   
    104105div.icegram .ig_embed_form .ig_form_el_group.ig_form_el_radio input{
    105106    width: auto;

  • icegram/trunk/assets/js/admin.js

    r1092381 r1113915  
    4545        };
    4646
    47         jQuery('#campaign_data').on('change', '.message_type', function(e) {
     47        jQuery('.inside').on('change', '.message_type', function(e) {
    4848            var t = jQuery(e.target).parents('.message-setting-fields');
    4949            display_message_themes(t);
    … …  
    108108
    109109    jQuery("select.ajax_chosen_select_messages").ajaxChosen({
    110         method: 'GET',
     110        type: 'GET',
    111111        url: icegram_writepanel_params.ajax_url,
    112112        dataType: 'json',
    … …  
    276276    jQuery('.ajax_chosen_select_messages').chosen();
    277277    jQuery('#campaign_data').on('change', '.ajax_chosen_select_messages' , function() {
     278        var selected_tab = jQuery('#ig-tabs li.current').attr('variation_id');
    278279        var newSettings = jQuery.extend( {}, tinyMCEPreInit.mceInit[ 'content' ] );
    279280        var newQTS = jQuery.extend( {}, tinyMCEPreInit.qtInit[ 'content' ] );
    … …  
    290291        jQuery('.message-title-input').hide();
    291292        jQuery.ajax({
    292             method: 'POST',
     293            type: 'POST',
    293294            url: icegram_writepanel_params.ajax_url,
    294295            dataType: 'json',
    … …  
    341342                    jQuery('#edit'+response.id+'-html').click();
    342343                }
     344                if(typeof(selected_tab) !== 'undefined'){
     345                        jQuery( window ).trigger( "icegram_tab_selected" ,[selected_tab]);
     346                }
    343347            }
    344348        });
    … …  
    376380    });
    377381
    378     jQuery('.campaign_preview').on( 'click', function(event) {
     382    jQuery('#campaign_data').on( 'click','.campaign_preview' ,function(event) {
    379383        jQuery(this).closest('h3.hndle').trigger('click');
    380384       
    … …  
    388392
    389393        jQuery.ajax({
    390             method: 'POST',
     394            type: 'POST',
    391395            async: false,
    392396            url: icegram_writepanel_params.ajax_url,

  • icegram/trunk/assets/js/icegram.js

    r1094550 r1113915  
    147147        if (this.tracking_data.length > 0 && window.location.href.indexOf("campaign_preview_id") == -1) {
    148148            var params = {
    149                 method: 'POST',
     149                type: 'POST',
    150150                url: this.data.ajax_url,
    151151                async: false,
    … …  
    266266        if (this.data.text_color != undefined && this.data.text_color != '') {
    267267            this.el.css('color', this.data.text_color);
    268             this.el.find('.ig_content').css('color', this.data.text_color);
     268            this.el.find('.ig_container').css('color', this.data.text_color);
    269269        }
    270270
    271271        if (this.data.bg_color != undefined && this.data.bg_color != '') {
    272272            this.el.css('background-color', this.data.bg_color);
    273             this.el.find('.ig_content').css('background-color', this.data.bg_color);
     273            this.el.find('.ig_container').css('background-color', this.data.bg_color);
    274274        }
    275275
    … …  
    279279        if (this.data.bg_color != undefined && this.data.bg_color != '') {
    280280            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 + "%)" );
     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 + "%)" );
    282283            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) + "%)" );
    283285        }
    284286        // Hint clickability for buttons / ctas
    … …  
    326328    Icegram_Message_Type.prototype.set_up_show_trigger = function ( ) {
    327329        if (!isNaN(this.data.delay_time)) {
    328             if( this.data.delay_time >= 0 ) {              
     330            if( this.data.delay_time >= 0 ) {   
    329331                var self = this;
    330332                this.timer = setTimeout( function() { self.show(); } , this.data.delay_time * 1000 );

  • icegram/trunk/classes/class-icegram-campaign-admin.php

    r1094550 r1113915  
    359359                            <?php foreach($expiry_options_for_shown as $key => $option){
    360360                                    ?>
    361                                     <option value="<?php echo $key; ?>" <?php selected( $campaign_target_rules['expiry_time'], $key ); ?>><?php echo $option; ?></option>
     361                                    <option value="<?php echo $key; ?>" <?php (!empty($campaign_target_rules['expiry_time'])) ? selected( $campaign_target_rules['expiry_time'], $key ) : ''; ?>><?php echo $option; ?></option>
    362362                            <?php
    363363                                  }
    … …  
    374374                            <?php foreach($expiry_options_for_clicked as $key => $option){
    375375                                    ?>
    376                                     <option value="<?php echo $key; ?>" <?php selected( $campaign_target_rules['expiry_time_clicked'], $key ); ?>><?php echo $option; ?></option>
     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>
    377377                            <?php
    378378                                  }
    … …  
    611611            if ( !current_user_can( 'edit_post', $_POST['post_ID'] ) ) die();
    612612
    613             if( !empty( $_POST['messages'] ) ) {
    614                
    615                 update_post_meta( $_POST['post_ID'], 'campaign_preview', $_POST['messages'] ) ;
     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 ) ;
    616617
    617618                foreach ( (array) $_POST['message_data'] as $message_id => $message_data ) {
    … …  
    636637                // Determine page url to preview on...
    637638                $page_url = '';
     639                   
    638640                if ( !empty($_POST['campaign_target_rules']) && !empty($_POST['campaign_target_rules']['other_page']) && !empty($_POST['page_id']) && is_array($_POST['page_id'])) {
    639641                    $page_url = get_permalink( $_POST['page_id'][0] );
    640642                }
    641643                if ($page_url == '') {
    642                     $page_url = home_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                    }
    643649                }
    644650                ob_clean();

  • icegram/trunk/classes/class-icegram-campaign.php

    r1046781 r1113915  
    1818
    1919                $this->_post = get_post( $id );
    20                
    2120                $this->title        = $this->_post->post_title;
    22                 $this->messages     = get_post_meta( $this->_post->ID, 'messages', true );
     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 );
    2324                $this->rules        = get_post_meta( $this->_post->ID, 'icegram_campaign_target_rules', true );
    2425                $this->rules_summary['where'] = array(

  • icegram/trunk/icegram.php

    r1094550 r1113915  
    44 * Plugin URI: http://www.icegram.com/
    55 * 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
     6 * Version: 1.8.7
    77 * Author: icegram
    88 * Author URI: http://www.icegram.com/
    … …  
    3535    function __construct() {
    3636
    37         $this->version = "1.8.6";
     37        $this->version = "1.8.7";
    3838        $this->shortcode_instances = array();
    3939        $this->mode = 'local';
    … …  
    526526            }
    527527        }
    528 
    529528        if( !empty( $_GET['campaign_preview_id'] ) && current_user_can( 'manage_options' ) ) {
    530529            $campaign_ids = array( $_GET['campaign_preview_id'] );
    531530            $preview_mode = true;
    532531        }
    533 
     532       
    534533        $messages = $this->get_valid_messages( $message_ids, $campaign_ids, $preview_mode, $skip_others );
    535534
    … …  
    585584            // Redo the_content functionality to avoid other plugins adding extraneous code to messages
    586585            $content = $message_data['message'];
     586               
    587587            $content = convert_chars( convert_smilies( wptexturize( $content ) ) );
    588588            if(isset($GLOBALS['wp_embed'])) {
    … …  
    628628        wp_register_script( 'icegram_js', $this->plugin_url . '/assets/js/icegram.js', array ( 'jquery' ), $this->version, true);
    629629        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        }
    630644
    631645        if( !wp_script_is( 'icegram_js' ) ) {
    … …  
    642656            wp_enqueue_style( 'magnific_popup_css', $this->plugin_url . '/assets/css/magnific-popup.css', array(), $this->version );
    643657        }
     658       
    644659        foreach ($types_shown as $message_type) {
    645660            $ver = ( !empty($this->message_types[$message_type]['version'])) ? $this->message_types[$message_type]['version'] : $this->version;
    … …  
    649664        }
    650665
    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         }
    658666    }
    659667
    … …  
    741749            }
    742750        }
     751       
    743752        return $message_data;
    744753    }
    … …  
    773782                    $campaign->messages = get_post_meta( $id, 'campaign_preview', true );
    774783                }
    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;
     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                        }
    780790                    }
    781791                }
    782792            }
    783793        }
    784 
     794       
    785795        // We don't display same message twice...
    786796        $message_ids        = array_unique($message_ids);
    … …  
    810820            $message_id = (!empty($message_data['original_message_id'])) ? $message_data['original_message_id'] : $id;
    811821            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'] ];
     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']) ];
    814825                if (!empty($campaign) && $campaign instanceof Icegram_Campaign) {
    815826                    $message_meta_from_campaign = $campaign->get_message_meta_by_id( $message_id );
    … …  
    828839            $valid_messages[$id] = $message_data;
    829840        }
    830 
    831         $valid_messages = apply_filters( 'icegram_valid_messages', $valid_messages );       
     841        $valid_messages = apply_filters( 'icegram_valid_messages', $valid_messages );
    832842        return $valid_messages;
    833843    }

  • icegram/trunk/message-types/action-bar/default.css

    r1053844 r1113915  
    77    left: 0;   
    88}
     9.action_bar.ig_container.top.ig_show{
     10    position: fixed;
     11    z-index: 9999999;
     12}
    913
    1014.action_bar.ig_container.top {
     15    top: 0;
    1116}
    1217
    1318.action_bar.ig_container.bottom {
     19    bottom: 0;
    1420}
    1521
    1622.action_bar .ig_content {
    17     color: #FFF;
     23    /*color: #FFF;*/
    1824}
    1925
    … …  
    6369.action_bar .ig_arrow_block {
    6470    font-weight: 700;
    65     z-index: 100000;
     71    z-index: 1000000;
    6672    right: 10px;
    6773    text-align: right;

  • icegram/trunk/message-types/action-bar/main.js

    r1053844 r1113915  
    7171            }, 0, "linear", function() {
    7272                self.el.show();
     73                self.el.addClass('ig_show').removeClass('ig_hide');
    7374                self.el.find('.ig_arrow').show();
    7475                self.el.find('.ig_arrow_block').addClass('open').removeClass('rotate').removeClass('border').css('position', 'initial');
    … …  
    9495            }, 0, "linear", function() {
    9596                    self.el.show();
     97                    self.el.addClass('ig_show').removeClass('ig_hide');
    9698                    self.el.find('.ig_arrow').show();
    9799                    self.el.find('.ig_arrow_block').addClass('open').addClass('rotate').removeClass('border').css('position', 'initial');
    … …  
    125127            }, 300, "linear", function() {
    126128                 self.el.find('.ig_arrow').show();
     129                 self.el.addClass('ig_hide').removeClass('ig_show');
    127130                 self.el.find('.ig_arrow_block').removeClass('open').addClass('border').addClass('rotate').css({
    128131                    'position': 'fixed',
    … …  
    139142                self.el.find('.ig_arrow_block').css('margin-top', '0' );
    140143                self.el.find('.ig_arrow').show();
     144                self.el.addClass('ig_hide').removeClass('ig_show');
    141145                self.el.find('.ig_arrow_block').removeClass('open').removeClass('rotate').addClass('border').css({
    142                     'position': 'absolute',
     146                    'position': 'fixed',
    143147                    'top': '0'
    144148                });

  • icegram/trunk/message-types/action-bar/themes/air-mail.css

    r1017678 r1113915  
    11.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: "";
     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;
    259}
    2610
    2711.action_bar.air-mail.ig_container.top {
    28     padding-bottom: 7px;
     12    border-width: 0 0 8px 0;
    2913}
    3014
    3115.action_bar.air-mail.ig_container.bottom {
    32     padding-top: 7px;
     16    border-width: 8px 0 0 0;
    3317}
    3418
    3519.action_bar.air-mail .ig_content {
    3620    position: relative;
    37     background: #F2F2F2;
     21    /*background: #F2F2F2;*/
    3822    padding: 1em 1em .25em 1em;
    3923}
    … …  
    6347.action_bar.air-mail input[type="button"],
    6448.action_bar.air-mail .ig_button{
    65     background: hsl(6, 78%, 57%) !important;
     49    background: hsl(6, 78%, 57%);
     50    color: hsl(0, 0%, 100%);
    6651    -moz-border-radius: 5px;
    6752    -webkit-border-radius: 5px;
    6853    border-radius: 5px;
    6954    border-bottom: 3px solid hsl(6, 63%, 46%);
    70     color: hsl(0, 0%, 100%);
    7155    text-transform: uppercase;
    7256    font-family: "Open Sans", sans-serif;
    … …  
    8266.action_bar.air-mail input[type="button"]:hover,
    8367.action_bar.air-mail .ig_button:hover{
    84      margin-top: -3px;
     68    margin-top: -3px;
    8569    border-bottom: 6px solid #c0392b;
    8670}
    … …  
    10993}
    11094
     95.action_bar.air-mail .ig_close:hover {
     96    background: url(../images/chosen-sprite.png) no-repeat -43px -11px;
     97}
     98
    11199.action_bar.air-mail .ig_arrow_block {
    112100    display: none;

  • icegram/trunk/message-types/action-bar/themes/bold.css

    r1094550 r1113915  
    7979.action_bar.bold .ig_arrow_block.border {
    8080    border: 3px solid #fff;
     81    border-top-width: 0;
    8182    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    8283    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    8384    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;
    8885    -moz-border-radius: 0 0 5px 5px;
    8986    -webkit-border-radius: 0 0 5px 5px;
    9087    border-radius: 0 0 5px 5px;
    9188}
    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 }

  • icegram/trunk/message-types/action-bar/themes/hello.css

    r1030075 r1113915  
    11.action_bar.hello.ig_container {
    22    line-height: 1.5em;
    3     overflow: visible;
    4     bottom: 0;
     3    /*TODO : check why this is needed */
     4    /*overflow: visible;*/
     5    /*bottom: 0;*/
    56}
    67
    … …  
    5758.action_bar.hello input[type="button"] {
    5859    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%)";
     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%)";*/
    6669    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
    6770    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
    … …  
    8386.action_bar.hello input[type="submit"]:hover,
    8487.action_bar.hello input[type="button"]:hover {
    85     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    86     filter: alpha(opacity=80);
    8788    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    8889    filter: alpha(opacity=80);
    … …  
    114115}
    115116
    116 .action_bar.hello.top .ig_arrow_block.border, .action_bar.hello.bottom .ig_arrow_block {
    117     border-width: 0 3px 3px 3px;
     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);
    118123    -moz-border-radius: 0 0 7px 7px;
    119124    -webkit-border-radius: 0 0 7px 7px;
    120125    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;
    133126}
    134127
    … …  
    137130    height: 32px;
    138131}
    139 
    140132.action_bar.hello .powered_by img {
    141     width: 1.5em !important;
    142     margin-left: 1em !important;
    143     margin-top: .4em !important;
     133    width: 24px;
     134    width: 1.5em !important;
     135    margin-left: 1em !important;
     136    margin-top: .4em !important;
    144137}

  • icegram/trunk/message-types/action-bar/themes/solid.css

    r1017678 r1113915  
    1 .action_bar.solid.ig_container {
    2 }
    3 
    4 .action_bar.solid.ig_container.top {
    5 }
    6 
    7 .action_bar.solid.ig_container.bottom {
    8 }
    9 
    101.action_bar.solid .ig_content {
    112    padding: 1em 0 1em 1em;
    … …  
    5748}
    5849
    59 .action_bar.solid.top .ig_arrow_block.border, .action_bar.solid.bottom .ig_arrow_block {
    60     border-width: 0 3px 3px 3px;
     50.action_bar.solid .ig_arrow_block.border {
     51    border: none;
    6152}
    62 
    63 .action_bar.solid.bottom .ig_arrow_block.border, .action_bar.solid.top .ig_arrow_block {
    64     border-width: 3px 3px 0 3px;
    65     padding: .8em .4em;
    66 }

  • icegram/trunk/message-types/messenger/default.css

    r1053844 r1113915  
    99    overflow: hidden;
    1010    text-align: left;
    11 }
    12 
    13 .ig_messenger.ig_container, .ig_messenger.ig_container .ig_content {
    1411    background-color: transparent !important;
    15 }
    16 
    17 .ig_messenger .ig_content {
    18 
    19 }
     12}
    2013
    2114.ig_messenger .ig_header {
    … …  
    10497    width: 28px;
    10598    vertical-align: top;
     99    display: inline-block;
    106100}
    107101

  • icegram/trunk/message-types/messenger/themes/canvas.css

    r1053844 r1113915  
    3434    color: #111;
    3535    line-height: 1.5em;
     36    max-width: 350px;
     37    -ms-text-overflow: ellipsis;
     38    -o-text-overflow: ellipsis;
     39    text-overflow: ellipsis;
    3640}
    3741

  • icegram/trunk/message-types/messenger/themes/clear.css

    r1053844 r1113915  
    3838    font-size: 13px;
    3939    height: 15px;
    40     -ms-text-overflow: ellipsis;
     40   /* -ms-text-overflow: ellipsis;
    4141    -o-text-overflow: ellipsis;
    42     text-overflow: ellipsis;
     42    text-overflow: ellipsis;*/
    4343    white-space: nowrap;
    4444    position: relative;

  • icegram/trunk/message-types/messenger/themes/talk.css

    r1053844 r1113915  
    22    width: 210px;
    33    height: 260px;
     4
    45}
    5 
    66.ig_messenger.talk .ig_content {
     7    background: transparent !important;
    78
    89}
    … …  
    4041    font-size: 12px;
    4142    height: 18px;
    42     -ms-text-overflow: ellipsis;
     43    /*-ms-text-overflow: ellipsis;
    4344    -o-text-overflow: ellipsis;
    44     text-overflow: ellipsis;
     45    text-overflow: ellipsis;*/
    4546    white-space: nowrap;
    4647    position: relative;
    … …  
    109110.ig_messenger.talk .ig_footer {
    110111    background-image: url(../images/talk-footer-1.png);
    111     height: 37px;
     112    height: 33px;
    112113    border: 1px solid #BFBFBF;
    113114    border-bottom: none;
    … …  
    119120
    120121.ig_messenger.talk .ig_close {
    121     background-image: url(../images/talk-close.png);
    122     right: -4px;
     122    background-image: url(../images/talk-close.png) !important;
     123    background-repeat: no-repeat;
     124    background-position: 0 0;
    123125    top: 4.5px;
    124     margin-right: 3px;
     126    right: -1px;
    125127    width: 21px;
    126128    height: 25px;
    127     vertical-align: top;
    128129}
    129130

  • icegram/trunk/message-types/popup/default.css

    r1066982 r1113915  
    1 .ig_popup.ig_container {
     1.ig_popup{
    22    opacity: 1;
    33    display: block;
    44    z-index: 100000;
    5     margin: 1em;
     5    background-color: transparent !important;
     6    color: transparent !important;
     7    width: 60%;
     8    margin: 32px auto 20px auto !important;
    69}
    710
    8 .ig_popup.ig_container, .ig_popup.ig_container .ig_content {
    9     background-color: transparent !important;
     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;
    1029}
    1130
    … …  
    1837
    1938.ig_popup .ig_data {
    20     overflow-y: hidden;
     39    overflow: hidden;
     40    position: relative;
    2141}
    2242
    … …  
    4060    width: 30px;
    4161    cursor: pointer;
    42     position: absolute;
    4362    -webkit-background-size: 100%;
    4463    background-size: 100%;
    45     -moz-box-sizing: content-box;
    46     box-sizing: content-box;
     64    float: right;
     65    margin: -2em -1em 0 0;
     66    top: 1em;
     67    position: relative;
     68    z-index: 10;
    4769}
    4870
    4971.ig_popup .ig_close:hover {
     72    height: 32px;
     73    width: 30px;
    5074    background-position: left top;   
    5175}
    … …  
    5882    border-bottom : none;
    5983    background-image: none;
     84    position: relative;
    6085}
    6186
    … …  
    6691}
    6792.ig_popup .ig_button:active,
    68 div.ig_popup input[type="submit"]:active,
    69 div.ig_popup input[type="button"]:active{
     93.ig_popup input[type="submit"]:active,
     94.ig_popup input[type="button"]:active{
    7095}
    7196
    … …  
    78103}
    79104
    80 div.icegram .ig_popup input[type="submit"], div.icegram .ig_popup input[type="button"] {
     105div.icegram .ig_popup input[type="submit"],
     106div.icegram .ig_popup input[type="button"] {
    81107    font-size: 100%;
    82108}
    83109
    84 .ig_popup.mfp-content {
    85     width: 60% !important;
    86     margin: 32px auto 20px auto !important;
    87 }
    88 
    89110@media only screen and (max-device-width: 319px) {
    90     .ig_popup.mfp-content {
    91         width: 90% !important;
     111    .ig_popup {
     112        width: 90%;
    92113        top: 3% !important;
    93114        margin: 5px auto !important;
    … …  
    102123
    103124@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
    104     .ig_popup.mfp-content {
    105         width: 85% !important;
     125    .ig_popup {
     126        width: 85%;
    106127        top: 5% !important;
    107128        margin: 10px auto !important;
    … …  
    117138
    118139  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
    119     .ig_popup.mfp-content {
    120         width: 85% !important;
     140    .ig_popup {
     141        width: 85%;
    121142        top: 5% !important;
    122143        margin: 10px auto !important;
    … …  
    131152
    132153 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
    133     .ig_popup.mfp-content {
    134         width: 85% !important; 
     154    .ig_popup {
     155        width: 85%; 
    135156        top: 5% !important;
    136157        margin: 10px auto !important;
    … …  
    146167
    147168  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
    148     .ig_popup.mfp-content {
     169    .ig_popup {
    149170        top: 5% !important;
    150171        margin: 10px auto !important;
    … …  
    154175 
    155176  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
    156     .ig_popup.mfp-content {
     177    .ig_popup {
    157178        top: 5% !important;
    158179        margin: 10px auto !important;
    … …  
    163184/* Small devices (tablets, 768px and up) */
    164185@media only screen and (min-width: 768px) and (max-device-width: 992px){
    165     .ig_popup.mfp-content {
     186    .ig_popup {
    166187        top: 5% !important;
    167188        margin: 10px auto !important;

  • icegram/trunk/message-types/popup/main.js

    r1092381 r1113915  
    99
    1010    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">'+
     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">'+
    1517                            '<div class="ig_headline">{{=headline}}</div>'+
    1618                            '<div class="ig_content">'+
    … …  
    2123                    '</div>'+
    2224                '</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);
    2328    };
    2429    Icegram_Message_Type_Popup.prototype.show = function ( options, silent ) {
    … …  
    3338            showCloseBtn :false
    3439        });
    35         jQuery('.mfp-content').removeClass().addClass('mfp-content ig_popup ' + self.data.theme);
     40        // jQuery('.mfp-content').removeClass().addClass('mfp-content ig_popup ' + self.data.theme);
    3641        silent !== true && this.track( 'shown' );
    3742    };

  • icegram/trunk/message-types/popup/main.php

    r1066982 r1113915  
    1919        parent::define_settings();
    2020        $this->settings['theme']['default'] = 'persuade';
     21        $this->settings['bg_color']['default']      = '#EF504D';
     22        $this->settings['text_color']['default']    = '#FFFFFF';
     23
    2124        unset ( $this->settings['position'],
    22                 $this->settings['text_color'],
    23                 $this->settings['bg_color'],
    2425                $this->settings['icon']
    2526                );

  • icegram/trunk/message-types/popup/themes/air-mail.css

    r1092381 r1113915  
    1 .ig_popup.air-mail.ig_container {
    2     position: relative;
    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;
     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;
    718}
    819
    920.ig_popup.air-mail .ig_headline {
    10     margin-bottom: .5em;
     21    padding: .5em;
    1122    font-size: 2.5em;
    1223    text-align: center;
    13     color: hsl(206, 69%, 47%);
    14     text-shadow: 0 1px 0 #FFF;
     24    /*color: hsl(206, 69%, 47%);*/
     25    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    1526}
    1627
    … …  
    1930}
    2031
    21 .ig_popup.air-mail .ig_data {
    22     padding: .9em;
    23 }
    2432.ig_popup.air-mail .ig_message {
    25     color: hsl(0, 0%, 44%);
     33    /*color: hsl(0, 0%, 44%);*/
     34    padding: .2em 1.2em;
    2635    font-size: 1.2em;
    27     margin-bottom: 1em;
    28     padding: 0 .5em;
    2936}
    3037
    … …  
    3340    height: 10px;
    3441    width: 10px;
    35     -moz-box-sizing: content-box;
    36     box-sizing: content-box;
    37     position: absolute;
    38     top: 0;
    39     right: 0;
    4042    cursor: pointer;
    4143    zoom: 1.5;
    42     margin: 5px;
     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;
    4354}
    4455
    … …  
    4657 div.ig_popup.air-mail input[type="submit"],
    4758 div.ig_popup.air-mail input[type="button"] {
    48     background: hsl(6, 78%, 57%) !important;
     59    background-color: hsl(6, 78%, 57%);
     60    color: hsl(0, 0%, 100%);
    4961    width: 50% !important;
    5062    -moz-border-radius: 5px;
    5163    -webkit-border-radius: 5px;
    5264    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%);
     65    border-top: 0 solid transparent;
     66    border-bottom: 0 solid transparent;
     67    font-size: 1.1em;
    5768    text-transform: uppercase;
    5869    font-weight: 600;
    5970    text-align: center;
    60     margin: 0.4em auto 0 auto;
    61     padding: 16px 3px 13px;
     71    margin: 10px auto 20px auto;
     72    padding: 1em .15em .85em;
    6273}
    6374
    … …  
    6576div.ig_popup.air-mail input[type="submit"]:hover,
    6677div.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;
     78    margin: 7px auto 17px auto;
     79    border-top: 3px solid #c0392b;
     80    border-bottom: 3px solid #c0392b ;
    6981}
    7082
    … …  
    7284div.ig_popup.air-mail input[type="submit"]:active,
    7385div.ig_popup.air-mail input[type="button"]:active{
    74     border-top: none;
     86    margin: 10px auto 20px auto;
     87    border: none;
    7588}
    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%);
    84     background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    85     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5 0%), color-stop(1, #f7f7f7 100%));
    86     filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#e5e5e5 0%, EndColorStr=#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;
    94     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    95     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    96     box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    97     padding: 8px;
    98     border: 0;
    99 }
    100 
    101 .ig_popup.air-mail.mfp-content:before {
    102     position: absolute;
    103     top: 0;
    104     left: 0;
    105     width: 100%;
    106     height: 100%;
    107     -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    108     -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    109     box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    110     background: #D1D1D1;
    111     background: repeating-linear-gradient(45deg, #b37b7a, #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px, transparent 30px, transparent 40px);
    112     -webkit-background-clip: padding-box;
    113     background-clip: padding-box;
    114     content: "";
    115 }
    116 
    11789
    11890@media only screen and (max-device-width: 319px) {

  • icegram/trunk/message-types/popup/themes/amaze.css

    r1066982 r1113915  
    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);
     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;
    510}
    611
    712.ig_popup.amaze .ig_headline {
     13    padding: .5em;
    814    text-align: center;
    9     margin: .5em auto;
    10     color: #fff;
    11     text-shadow: 0 1px 0 hsl(0, 0%, 0%);
     15    /*color: #fff;*/
     16    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    1217    font-size: 2em;
    1318}
    … …  
    1924.ig_popup.amaze .ig_message {
    2025    font-size: 1.2em;
     26    padding: 0 1.2em;
    2127    font-family: Georgia, Times, "Times New Roman", serif;
    22     color: hsl(0, 100%, 100%);
     28    /*color: hsl(0, 100%, 100%);*/
    2329    margin: 0 2em;
    24 }
    25 
    26 .ig_popup.amaze .ig_close {
    27     top: -15px;
    28     right: -15px;
    2930}
    3031
    … …  
    3233.ig_popup.amaze input[type="submit"],
    3334.ig_popup.amaze input[type="button"] {
    34     background: hsl(145, 63%, 49%) !important;
     35    background: hsl(145, 63%, 49%);
    3536    color: hsl(0, 100%, 100%);
    3637    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    … …  
    4142    text-align: center;
    4243    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);
    4744    -moz-border-radius: 3px;
    4845    -webkit-border-radius: 3px;
    4946    border-radius: 3px;
     47    border-bottom: .2em solid rgba(63, 63, 63, 0.6);
    5048    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    51     margin: 0 auto;
     49    margin: .2em auto 1em auto;
    5250    width: 40%;
    5351    padding: 0.3em 1em;
    … …  
    5755.ig_popup.amaze input[type="submit"]:active,
    5856.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;
     57    border: none;
     58    margin: .4em auto 1em auto;
    6559}
    6660
    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 }
    8261
    8362@media only screen and (max-device-width: 319px) {
    84     .ig_popup.amaze.mfp-content {
     63    .ig_popup.amaze {
    8564        font-size: 10px;
    8665    }
    … …  
    9473
    9574@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
    96     .ig_popup.amaze.mfp-content {
     75    .ig_popup.amaze {
    9776        font-size: 12px;
    9877    }
    … …  
    10685
    10786  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
    108     .ig_popup.amaze.mfp-content {
     87    .ig_popup.amaze {
    10988        font-size: 14px;
    11089    }
    … …  
    11998
    12099 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
    121     .ig_popup.amaze.mfp-content {
     100    .ig_popup.amaze {
    122101        font-size: 16px;
    123102    }
    … …  
    132111
    133112  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
    134     .ig_popup.amaze.mfp-content {
     113    .ig_popup.amaze {
    135114        font-size: 18px;
    136115    }
    … …  
    138117 
    139118  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
    140     .ig_popup.amaze.mfp-content {
     119    .ig_popup.amaze {
    141120        font-size: 12px;
    142121    }
    … …  
    145124/* Small devices (tablets, 768px and up) */
    146125@media only screen and (min-width: 768px) and (max-device-width: 992px){
    147     .ig_popup.amaze.mfp-content {
     126    .ig_popup.amaze {
    148127        font-size: 14px;
    149128    }

  • icegram/trunk/message-types/popup/themes/compel.css

    r1066982 r1113915  
    1 .ig_popup.compel.ig_container {
     1.ig_popup.compel .ig_container {
    22    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;
     3    color: hsl(0, 0%, 44%);
     4    border: 4px dashed #c0392b;
    85}
    96
    107.ig_popup.compel .ig_headline {
    11     color: hsl(204, 70%, 53%);
     8    padding: .5em;
     9    /*color: hsl(204, 70%, 53%);*/
    1210    font-size: 2em;
    13     text-shadow: 0 1px 0 hsl(204, 79%, 36%);
    14     margin-bottom: 0.5em;
     11    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
     12    margin-bottom: 0.2em;
    1513    text-align: center;
    1614}
    … …  
    2220
    2321.ig_popup.compel .ig_message {
    24     color: hsl(0, 0%, 44%);
     22    padding: 0 1.25em;
    2523    font-size: 1.25em;
    2624    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    … …  
    3230    height: 10px;
    3331    width: 10px;
    34     -moz-box-sizing: content-box;
    35     box-sizing: content-box;
    36     position: absolute;
    37     top: 0;
    38     right: 0;
    3932    cursor: pointer;
    40     zoom: 1.5;
     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;
    4144}
    4245
    … …  
    4447.ig_popup.compel input[type="submit"],
    4548.ig_popup.compel input[type="button"] {
    46     background: hsl(6, 78%, 57%) !important;
     49    background-color: hsl(6, 78%, 57%);
     50    color: hsl(0, 0%, 100%);
    4751    width: 50% !important;
    4852    -moz-border-radius: 5px;
    4953    -webkit-border-radius: 5px;
    5054    border-radius: 5px;
    51     border-bottom: 3px solid hsl(6, 63%, 46%) !important;
    52     font-size: 16px;
    53     color: hsl(0, 0%, 100%);
     55    border-bottom: 3px solid hsl(6, 63%, 46%);
     56    font-size: 1.1em;
    5457    text-transform: uppercase;
    5558    font-weight: 600;
    5659    text-align: center;
    5760    margin: 0 auto;
    58     padding: 16px 0 13px;
     61    margin-bottom: 1em;
     62    padding: 1em .15em .85em;
     63
    5964}
    6065
    … …  
    6368.ig_popup.compel input[type="button"]:hover {
    6469    margin-top: -3px;
    65     border-bottom: 6px solid #c0392b !important;
     70    margin-bottom: 1em;
     71    border-bottom: 6px solid #c0392b;
    6672}
    6773.ig_popup.compel .ig_button:active,
    … …  
    6975div.ig_popup.compel input[type="button"]:active{
    7076    border-top: none;
     77    margin: 0 auto;
     78    margin-bottom: 1em;
    7179}
    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 
    8180
    8281@media only screen and (max-device-width: 319px) {

  • icegram/trunk/message-types/popup/themes/convert.css

    r1066982 r1113915  
    1 .ig_popup.convert.ig_container {
    2     padding: 1em;
     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;
    38}
    49
    510.ig_popup.convert .ig_headline {
    611    font-size: 2.5em;
    7     color: hsl(0, 1%, 28%);
     12    padding: .8em .8em .3em .8em;
     13    /*color: hsl(0, 1%, 28%);*/
    814    letter-spacing: 0;
    915    text-align: left;
    10     margin-bottom: 1em;
    1116}
    1217
    … …  
    1722.ig_popup.convert .ig_message {
    1823    font-size: 1.5em;
     24    padding: 0.5em 1.5em;
    1925    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    20     color: hsl(0, 1%, 28%);
     26    /*color: hsl(0, 1%, 28%);*/
    2127    vertical-align: baseline;
    22 }
    23 
    24 .ig_popup.convert .ig_close {
    25     top: -15px;
    26     right: -15px;
    2728}
    2829
    … …  
    3334    font-weight: 700;
    3435    text-decoration: none;
    35     background-color: hsl(0, 94%, 41%) !important;
    36     background: hsl(0, 94%, 41%) !important;
     36    background-color: hsl(0, 94%, 41%);
     37    color: hsl(0, 33%, 98%);
    3738    font-size: 1.75em;
    38     color: hsl(0, 33%, 98%);
    39     border: .3em solid hsl(0, 6%, 71%) !important;
     39    border: .25em solid hsl(0, 6%, 71%) !important;
    4040    width: 60%;
    4141    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    … …  
    5252}
    5353
    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 }
    7054@media only screen and (max-device-width: 319px) {
    7155    .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
    … …  
    8468        width: 75% !important;
    8569    }
    86      
    8770  }
    8871

  • icegram/trunk/message-types/popup/themes/inspire.css

    r1092381 r1113915  
    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;
     1.ig_popup.inspire .ig_container {
     2    background: hsl(0, 100%, 100%);
     3    color: #333;
     4    padding-bottom: 1.5em;
    105}
    116
    12 .ig_popup.inspire .ig_content {
    13     background-color: transparent !important;
     7.ig_popup.inspire .ig_headline {
     8    /*color: #222;*/
     9    text-align: center;
     10    padding: .8em .8em .3em .8em;
     11    font-size: 2.5em;
    1412}
    1513
    … …  
    1917
    2018.ig_popup.inspire .ig_message {
    21     -webkit-font-smoothing: antialiased;
    22     text-shadow: 0 1px hsl(0, 100%, 100%);
    23     color: #333;
     19    /*color: #333;*/
     20    padding: 0.5em 1.25em;
    2421    font-size: 1.25em;
    25     margin: 0 .5em .5em .5em;
    2622    font-weight: 400;
    2723    text-align: justify;
    28 }
    29 
    30 .ig_popup.inspire .ig_close {
    31     top: -15px;
    32     right: -15px;
    3324}
    3425
    … …  
    3728.ig_popup.inspire input[type="button"] {
    3829    vertical-align: middle;
    39     background-color: hsl(79, 93%, 35%) !important;
    40     background: hsl(79, 93%, 35%) !important;
     30    background-color: hsl(79, 93%, 35%);
     31    color: hsl(0, 100%, 100%);
    4132    font-size: 2em;
    4233    font-weight: 700;
    … …  
    4738    filter: alpha(opacity=100);
    4839    opacity: 1;
    49     color: hsl(0, 100%, 100%)!important;
    5040    width: 60%;
    51     border-color: hsl(79, 93%, 35%) !important;
    5241    margin: .25em auto;
    5342    padding: 0.5em;
    … …  
    5847.ig_popup.inspire input[type="button"]:active{
    5948    border-top: none;
    60 }
    61 
    62 .ig_popup.inspire.mfp-content {
    63     background: hsl(0, 100%, 100%);
    6449}
    6550
    … …  
    7964        width: 90% !important;
    8065    }
    81      
    8266  }
    8367

  • icegram/trunk/message-types/popup/themes/persuade.css

    r1092381 r1113915  
     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
    18.ig_popup.persuade .ig_headline {
    29    letter-spacing: 0;
    3     color: hsl(0, 100%, 100%);
     10    /*color: hsl(0, 100%, 100%);*/
    411    font-size: 2.8em;
    512    text-align: center;
    613    -webkit-font-smoothing: antialiased;
    7     margin: .2em auto;
    814    line-height: 1em;
     15    padding: .7em .7em 0.5em .7em;
    916}
    1017
    … …  
    1421
    1522.ig_popup.persuade .ig_message {
    16     color: #FFF;
     23    /*color: #FFF;*/
     24    padding: 0.5em 1.5em;
    1725    font-size: 1.5em;
    1826    font-weight: 300;
    … …  
    2129}
    2230
    23 .ig_popup.persuade .ig_close {
    24     top: -15px;
    25     right: -15px;
    26 }
    27 
    2831.ig_popup.persuade .ig_button,
    2932.ig_popup.persuade input[type="submit"],
    3033.ig_popup.persuade input[type="button"] {
     34    text-decoration: none;
     35    background-color: hsl(0, 0%, 26%);
    3136    color: hsl(0, 100%, 100%);
    32     text-decoration: none;
    33     background-color: hsl(0, 0%, 26%) !important;
    34     background: hsl(0, 0%, 26%) !important;
    3537    font-size: 2em;
    3638    font-weight: 400;
    37     width: 60%;
     39    width: 55%;
    3840    border: none;
    3941    -moz-border-radius: .6em;
    4042    -webkit-border-radius: .6em;
    4143    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);
     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;
    4848    text-align: center;
    49     margin: .2em auto .5em;
    50     padding: 0.5em;
     49    margin: .2em auto .5em auto;
     50    padding: 0.4em;
    5151    line-height: 1.2em;
    5252    clear: both;
    … …  
    5757.ig_popup.persuade input[type="submit"]:hover,
    5858.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
     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;
    6764}
     65
    6866.ig_popup.persuade .ig_button:active,
    6967.ig_popup.persuade input[type="submit"]:active,
    7068.ig_popup.persuade input[type="button"]:active {
    7169    border-top: none;
     70    margin: .4em auto .5em auto;
    7271}
    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 }

  • icegram/trunk/readme.txt

    r1094550 r1113915  
    44Tags: popup, window, hellobar, optin, lead capture, marketing, form, notification, messenger, targeting, monster, ninja
    55Requires at least: 3.9
    6 Tested up to: 4.1
    7 Stable tag: 1.8.6
     6Tested up to: 4.1.1
     7Stable tag: 1.8.7
    88License: GPLv3
    99License URI: http://www.gnu.org/licenses/gpl-3.0.html
    … …  
    154154
    155155== Upgrade Notice ==
     156= 1.8.7 =
     157Popups now support custom background and text colors. And a handful of fixes!
     158
    156159= 1.8.6 =
    157160Fix for "white screen" errors, updated device detection, more readable call to action button colors
    … …  
    207210
    208211== 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
    209219= 1.8.6 =
    210220* Fix: "Blank / White Screen of death" / Fatal error - Cannot redeclare class Mobile_Detect
    … …  
    212222* Update: Mobile Detect Library updated to version 2.8.11
    213223* 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
     224* Update: Action Bar's Bold theme - reduced shadow on button text
    215225
    216226= 1.8.5 =
Note: See TracChangeset for help on using the changeset viewer.