WordPress.org
Get WordPress

Plugin Directory

Changeset 1066982


Ignore:
Timestamp:
01/13/2015 12:11:25 PM (11 years ago)
Author:
niravmehta
Message:

Changes for 1.8.4

Location:
icegram/trunk
Files:
2 added
15 edited

Legend:

Unmodified
Added
Removed

  • icegram/trunk/assets/css/admin.css

    r1046781 r1066982  
    555555    top: 0;
    556556    right: 0;
    557     margin-top: 19%;
     557    margin-top: 178px;
    558558    text-align: right;
    559559}

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

    r1012068 r1066982  
    2424}
    2525*/
    26 
    27 /* Smartphones (portrait and landscape) ----------- */
    28 @media only screen
    29 and (min-device-width : 320px)
    30 and (max-device-width : 480px) {
    31     .bold .ig_container, .solid .ig_container {
    32         width: 80%;
    33         display: inline-block;;
    34     }
    35     .canvas.popup_box {
    36         max-width: 90%;
    37     }
    38 }
    39 
    40 /* Smartphones (landscape) ----------- */
    41 @media only screen
    42 and (min-width : 321px) {
    43     .bold .ig_container, .solid .ig_container {
    44         width: 85%;
    45         display: inline-block;;
    46     }
    47     .canvas.popup_box {
    48         max-width: 70%;
    49     }
    50 }
    51 
    52 /* Smartphones (portrait) ----------- */
    53 @media only screen
    54 and (max-width : 320px) {
    55     .bold .ig_container, .solid .ig_container {
    56         width: 80%;
    57         display: inline-block;;
    58     }
    59     .canvas.popup_box {
    60         max-width: 90%;
    61     }
    62 }
    63 
    64 /* iPads (portrait and landscape) ----------- */
    65 @media only screen
    66 and (min-device-width : 768px)
    67 and (max-device-width : 1024px) {
    68     .bold .ig_container, .solid .ig_container {
    69         width: 80%;
    70         display: inline-block;;
    71     }
    72     .canvas.popup_box {
    73         max-width: 40%;
    74     }
    75 }
    76 
    77 /* iPads (landscape) ----------- */
    78 @media only screen
    79 and (min-device-width : 768px)
    80 and (max-device-width : 1024px)
    81 and (orientation : landscape) {
    82     .bold .ig_container, .solid .ig_container {
    83         width: 80%;
    84         display: inline-block;;
    85     }
    86     .canvas.popup_box {
    87         max-width: 40%;
    88     }
    89 }
    90 
    91 /* iPads (portrait) ----------- */
    92 @media only screen
    93 and (min-device-width : 768px)
    94 and (max-device-width : 1024px)
    95 and (orientation : portrait) {
    96     .bold .ig_container, .solid .ig_container {
    97         width: 80%;
    98         display: inline-block;;
    99     }
    100     .canvas.popup_box {
    101         max-width: 40%;
    102     }
    103 }
    104 
    105 /* Desktops and laptops ----------- */
    106 @media only screen
    107 and (min-width : 1224px) {
    108     .bold .ig_container, .solid .ig_container {
    109         width: 95%;
    110         display: inline-block;;
    111     }
    112     .canvas.popup_box {
    113         max-width: 45%;
    114     }
    115 }
    116 
    117 /* Large screens ----------- */
    118 @media only screen
    119 and (min-width : 1824px) {
    120     .bold .ig_container, .solid .ig_container {
    121         width: 95%;
    122         display: inline-block;;
    123     }
    124     .canvas.popup_box {
    125         max-width: 45%;
    126     }
    127 }
    128 
    129 /* iPhone 4 ----------- */
    130 @media
    131 only screen and (-webkit-min-device-pixel-ratio : 1.5),
    132 only screen and (min-device-pixel-ratio : 1.5) {
    133     .bold .ig_container, .solid .ig_container {
    134         width: 80%;
    135         display: inline-block;;
    136     }
    137         .canvas.popup_box {
    138         max-width: 90%;
    139     }
    140 }
    14126
    14227/************* Embeded Form CSS - Start************/
    … …  
    268153    height: 0;
    269154}
     155
     156
     157@media only screen and (max-device-width: 319px) {
     158    div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
     159        margin-bottom: .7em;
     160    }
     161}
     162
     163@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     164    div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
     165        margin-bottom: .7em;
     166    }
     167}
     168
     169@media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     170    div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
     171        margin-bottom: .7em;
     172    }
     173}
     174
     175@media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     176    div.icegram .ig_embed_form.ig_left .ig_embed_form_container{
     177        margin-bottom: .7em;
     178    }
     179}

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

    r1053844 r1066982  
    4242                try {
    4343                    //check cookies in js
    44                     if(v['retargeing'] == 'yes' && jQuery.cookie('icegram_messages_shown_'+v['id']) == 1){
     44                    if(v['retargeting'] == 'yes' && jQuery.cookie('icegram_messages_shown_'+v['id']) == 1){
    4545                        return;
    4646                    }
    47                     if(v['retargeing_clicked'] == 'yes' && jQuery.cookie('icegram_messages_clicked_'+v['id']) == 1){
     47                    if(v['retargeting_clicked'] == 'yes' && jQuery.cookie('icegram_messages_clicked_'+v['id']) == 1){
    4848                        return;
    4949                    }
    … …  
    228228            this.el.find('.ig_message').hide();
    229229        }else{
     230
    230231            var form_el = this.el.find('.ig_embed_form').get(0);
    231232            if(form_el){
     233                if(jQuery(window).width() < 644){
     234                    jQuery(form_el)
     235                                .removeClass('ig_horizontal ig_full ig_half ig_quarter')
     236                                .addClass('ig_vertical ig_full')
     237                                .find('.ig_form_el_group')
     238                                .css('width', 96 + '%');
     239                }
    232240                var form_content = jQuery(form_el).html();
    233241                form_el = jQuery(form_el).empty();

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

    r1053844 r1066982  
    104104            global $icegram;
    105105            add_meta_box( 'message-settings', __( 'Message Settings', 'icegram' ), array ( &$this, 'message_form_fields' ), 'ig_message', 'normal', 'high' );
    106 
    107             ?>
    108             <style type="text/css">
    109             <?php
    110             foreach ( $icegram->message_types as $message_type => $message ) {
    111                
    112                 if( !empty( $message['admin_style'] ) ) {
    113                     $label_bg_color         = $message['admin_style']['label_bg_color'];
    114                     $theme_header_height    = $message['admin_style']['theme_header_height'];
    115                     $theme_header_bg_size   = ( $theme_header_height + 3 )."em";                   
    116                     $thumbnail_width        = $message['admin_style']['thumbnail_width'];
    117                     $thumbnail_height       = $message['admin_style']['thumbnail_height'];
    118                     echo "  .message_header .$message_type {
    119                                 background-color: {$label_bg_color};
    120                             }
    121                             .message_theme_{$message_type} + .chosen-container-single .chosen-single {
    122                                 height: {$theme_header_height} !important;
    123                             }
    124                             .message_theme_{$message_type} + .chosen-container-single .chosen-single span {
    125                                 background-size: {$theme_header_bg_size} !important;
    126                                 line-height: {$theme_header_height} !important;
    127                             }
    128                             .message_theme_{$message_type} + .chosen-container .chosen-results li {
    129                                 width: {$thumbnail_width} !important;
    130                                 height: {$thumbnail_height} !important;
    131                             }";
    132                 }
    133 
    134             }
    135             ?>
    136             </style>
    137             <?php
     106           
    138107        }
    139108       
    … …  
    145114            if( ( is_object( $post ) && $post->post_type != 'ig_message' ) )
    146115                return;
    147 
     116            ?>
     117            <style type="text/css">
     118                <?php
     119                    foreach ( $icegram->message_types as $message_type => $message ) {
     120                       
     121                        if( !empty( $message['admin_style'] ) ) {
     122                            $label_bg_color         = $message['admin_style']['label_bg_color'];
     123                            $theme_header_height    = $message['admin_style']['theme_header_height'];
     124                            $theme_header_bg_size   = ( $theme_header_height + 3 )."em";                   
     125                            $thumbnail_width        = $message['admin_style']['thumbnail_width'];
     126                            $thumbnail_height       = $message['admin_style']['thumbnail_height'];
     127                            echo "  .message_header .$message_type {
     128                                        background-color: {$label_bg_color};
     129                                    }
     130                                    .message_theme_{$message_type} + .chosen-container-single .chosen-single {
     131                                        height: {$theme_header_height} !important;
     132                                    }
     133                                    .message_theme_{$message_type} + .chosen-container-single .chosen-single span {
     134                                        background-size: {$theme_header_bg_size} !important;
     135                                        line-height: {$theme_header_height} !important;
     136                                    }
     137                                    .message_theme_{$message_type} + .chosen-container .chosen-results li {
     138                                        width: {$thumbnail_width} !important;
     139                                        height: {$thumbnail_height} !important;
     140                                    }";
     141                        }
     142
     143                    }
     144                ?>
     145            </style>
     146            <?php
    148147            $message_id         = !empty( $action['message_id'] ) ? $action['message_id'] : $post->ID;
    149148            $message_data       = get_post_meta( $message_id, 'icegram_message_data', true );   

  • icegram/trunk/icegram.php

    r1053844 r1066982  
    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.3
     6 * Version: 1.8.4
    77 * Author: icegram
    88 * Author URI: http://www.icegram.com/
    99 *
    10  * Copyright (c) 2014 Icegram
     10 * Copyright (c) 2014-2015 Icegram
    1111 * License: GPLv3
    1212 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
    … …  
    3535    function __construct() {
    3636
    37         $this->version = "1.8.3";
     37        $this->version = "1.8.4";
    3838        $this->shortcode_instances = array();
    3939        $this->mode = 'local';
    … …  
    636636        // Load JS and default CSS
    637637        if (in_array('popup', $types_shown)) {
    638             wp_enqueue_script( 'thickbox' );
    639             wp_enqueue_style( 'thickbox' );
    640         }
    641 
     638            wp_register_script( 'magnific_popup_js', $this->plugin_url . '/assets/js/magnific-popup.js', array ( 'jquery' ), $this->version, true);
     639            if( !wp_script_is( 'magnific_popup_js' ) ) {
     640                wp_enqueue_script( 'magnific_popup_js' );
     641            }
     642            wp_enqueue_style( 'magnific_popup_css', $this->plugin_url . '/assets/css/magnific-popup.css', array(), $this->version );
     643        }
    642644        foreach ($types_shown as $message_type) {
    643645            $ver = ( !empty($this->message_types[$message_type]['version'])) ? $this->message_types[$message_type]['version'] : $this->version;
    … …  
    688690            wp_enqueue_script( 'jquery-ui-datepicker' );
    689691        }
     692
    690693
    691694    }

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

    r1046781 r1066982  
    33    display: block;
    44    z-index: 100000;
     5    margin: 1em;
    56}
    67
    … …  
    1213    text-decoration: none;
    1314    font-weight: 800;
    14     line-height: 1em;
     15    font-size: 2em;
     16    line-height: 1.2em;
    1517}
    1618
    1719.ig_popup .ig_data {
    18     overflow-y: auto;
     20    overflow-y: hidden;
    1921}
    2022
    … …  
    2527.ig_popup .ig_message {
    2628    line-height: 1.2em;
     29    font-size: 1.2em;
    2730}
    2831
     32.ig_popup .ig_message p{
     33    margin-bottom: .9em;
     34}
    2935.ig_popup .ig_close {
    3036    background-image: url(../popup/images/popup-close.png);
    … …  
    6470}
    6571
    66 .ig_popup #TB_ajaxContent {
    67     overflow: hidden;
    68     height: auto !important;
    69     width: auto !important;
    70 }
    71 
    72 .ig_popup#TB_window {
    73     height: auto !important;
    74 }
    75 
    76 .TB_overlayBG .powered_by {
     72.mfp-wrap .powered_by {
    7773    position: fixed;
    7874    bottom: 1em;
    … …  
    8581    font-size: 100%;
    8682}
     83
     84.ig_popup.mfp-content {
     85    width: 60% !important;
     86    margin: 32px auto 20px auto !important;
     87}
     88
     89@media only screen and (max-device-width: 319px) {
     90    .ig_popup.mfp-content {
     91        width: 90% !important;
     92        top: 3% !important;
     93        margin: 5px auto !important;
     94        font-size: 8px;
     95    }
     96    .ig_popup .ig_button,
     97     div.ig_popup input[type="submit"],
     98     div.ig_popup input[type="button"] {
     99        width: 90% !important;
     100     }
     101}
     102
     103@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     104    .ig_popup.mfp-content {
     105        width: 85% !important;
     106        top: 5% !important;
     107        margin: 10px auto !important;
     108        font-size: 10px;
     109
     110    }
     111    .ig_popup .ig_button,
     112     div.ig_popup input[type="submit"],
     113     div.ig_popup input[type="button"] {
     114        width: 90% !important;
     115     }
     116  }
     117
     118  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     119    .ig_popup.mfp-content {
     120        width: 85% !important;
     121        top: 5% !important;
     122        margin: 10px auto !important;
     123        font-size: 12px;
     124    }
     125    .ig_popup .ig_button,
     126     div.ig_popup input[type="submit"],
     127     div.ig_popup input[type="button"] {
     128        width: 90% !important;
     129     }
     130  }
     131
     132 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     133    .ig_popup.mfp-content {
     134        width: 85% !important; 
     135        top: 5% !important;
     136        margin: 10px auto !important;
     137        font-size: 13px;
     138    }
     139    .ig_popup .ig_button,
     140     div.ig_popup input[type="submit"],
     141     div.ig_popup input[type="button"] {
     142        width: 90% !important;
     143     }
     144  }
     145
     146
     147  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
     148    .ig_popup.mfp-content {
     149        top: 5% !important;
     150        margin: 10px auto !important;
     151        font-size: 14px;
     152    }
     153  }
     154 
     155  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
     156    .ig_popup.mfp-content {
     157        top: 5% !important;
     158        margin: 10px auto !important;
     159        font-size: 11px;
     160    }
     161  }
     162
     163/* Small devices (tablets, 768px and up) */
     164@media only screen and (min-width: 768px) and (max-device-width: 992px){
     165    .ig_popup.mfp-content {
     166        top: 5% !important;
     167        margin: 10px auto !important;
     168        font-size: 14px;
     169    }
     170}

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

    r1053844 r1066982  
    99
    1010    Icegram_Message_Type_Popup.prototype.get_template_default = function () {
    11         return  '<div id="popup_main_{{=id}}" data={{=id}}>'+
     11        return  '<div id="popup_main_{{=id}}" class="mfp-hide" data={{=id}}>'+
    1212                    '<div class="icegram ig_popup ig_container {{=theme}}" id="icegram_message_{{=id}}" data={{=id}}>'+
    1313                       '<div class="ig_close" id="popup_box_close_{{=id}}"></div>'+
    … …  
    2525        if ( this.is_visible() ) return;
    2626        var self = this;
    27         var popup_delay = 0;
    28         if( jQuery('body').find('#TB_window').length ) {
    29             var current_popup_id = jQuery('#TB_window').find('.ig_popup').attr('data');
    30             if (typeof(current_popup_id) != 'undefined') {
    31                 var current_popup = window.icegram.get_message_by_id(current_popup_id);
    32                 if (typeof('current_popup') != 'Icegram_Message_Type_Popup') {
    33                     current_popup.hide();
    34                 }
    35             }
    36             popup_delay = 800;
    37         }
    38         setTimeout( function() {
    39             var popup_width = (jQuery(window).width() * 60) / 100;
    40             self.el.show();
    41             tb_show('Popup', "#TB_inline?width="+popup_width+"&modal=true&inlineId=popup_main_" + self.data.id, true);
    42             self.el = jQuery('#TB_window .ig_popup');
    43             // bind click event of overlay to hide
    44             jQuery('#TB_overlay').bind('click',function(){
    45                 self.hide();
    46             });
    47             self.el.on('click', {self: self}, self.on_click);
    48             var max_height = jQuery(window).height()-jQuery('#TB_window').height() + 150;
    49             self.el.find('.ig_data').css('max-height', max_height);
    50             jQuery('#TB_window').addClass(self.data.theme).addClass('ig_popup');
    51             silent !== true && self.track( 'shown' );
    52         }, popup_delay);
     27        var popup_id = '#icegram_message_'+this.data.id;
     28        jQuery.magnificPopup.open({
     29            items: {
     30            src: popup_id,
     31            type: 'inline'
     32            },
     33            showCloseBtn :false
     34        });
     35        jQuery('.mfp-content').removeClass().addClass('mfp-content');
     36        jQuery('.mfp-content').addClass(self.data.theme).addClass('ig_popup');
     37        silent !== true && this.track( 'shown' );
    5338    };
    5439   
    5540    Icegram_Message_Type_Popup.prototype.add_powered_by = function ( pb ) {       
    5641        setTimeout( function() {
    57             jQuery('#TB_window').prev().append('<div class="powered_by"><a href="'+pb.link+'" target="_blank">'+pb.text+'</a></div>');
     42            jQuery('.mfp-wrap').append('<div class="powered_by"><a href="'+pb.link+'" target="_blank">'+pb.text+'</a></div>');
    5843        },1000 + this.data.delay_time * 1000);
    5944    };
    … …  
    6146    Icegram_Message_Type_Popup.prototype.hide = function ( options, silent ) {
    6247        if ( !this.is_visible() ) return;
    63         var self = this;
    64         tb_remove();
    65         self.el = jQuery('#popup_main_' + self.data.id);
    66         self.el.hide();
     48        var popup_id = '#icegram_message_'+this.data.id;
     49        jQuery.magnificPopup.close({ items: {
     50            src: popup_id,
     51            type: 'inline'
     52        }});
    6753        silent !== true && this.track( 'closed' );
    6854    };
    69     Icegram_Message_Type_Popup.prototype.on_resize = function(){
    70         if( jQuery( window ).height() < jQuery( '#TB_window' ).height() || jQuery( window ).width() < jQuery( '#TB_window' ).width() ) {
    71 
    72             var height  = (jQuery( window ).height()-50)/(jQuery( '#TB_window' ).height());
    73             var width   = (jQuery( window ).width()-50)/(jQuery( '#TB_window' ).width());
    74             if(height<width){
    75                 jQuery('#TB_window').css({'-webkit-transform': 'scale('+height+')',
    76                                             '-moz-transform': 'scale('+height+')',
    77                                             '-ms-transform': 'scale('+height+')',
    78                                             '-o-transform': 'scale('+height+')',
    79                                             'transform': 'scale('+height+')'});
    80             } else {
    81                 jQuery('#TB_window').css({'-webkit-transform': 'scale('+width+')',
    82                                             '-moz-transform': 'scale('+width+')',
    83                                             '-ms-transform': 'scale('+width+')',
    84                                             '-o-transform': 'scale('+width+')',
    85                                             'transform': 'scale('+width+')'});
    86             }
    87         } else {
    88             jQuery('#TB_window').css({'-webkit-transform': 'scale(1)',
    89                                         '-moz-transform': 'scale(1)',
    90                                         '-ms-transform': 'scale(1)',
    91                                         '-o-transform': 'scale(1)',
    92                                         'transform': 'scale(1)'});
    93         }
    94 
    95     }
     55   

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

    r1046781 r1066982  
    3030        foreach ($icegram_data['messages'] as $message_id => $message) {
    3131           
    32             if( $message['type'] == 'popup' ) {
     32            if( $message['type'] == 'popup' && $message['delay_time'] != -1) {
    3333                while( in_array( $message['delay_time'], $popup_delay_times ) ) {
    3434                    $message['delay_time'] = $message['delay_time'] + $this->popup_default_delay_time;                 

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

    r1046781 r1066982  
    44    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    55    filter: alpha(opacity=100);
    6     padding: 1em 0 0;
     6    padding: 1em 0.5em;
    77}
    88
    … …  
    1919}
    2020
     21.ig_popup.air-mail .ig_data {
     22    padding: .9em;
     23}
    2124.ig_popup.air-mail .ig_message {
    2225    color: hsl(0, 0%, 44%);
     26    font-size: 1.2em;
    2327    margin-bottom: 1em;
    24     padding: 0 1em;
    25     font-size: 1.2em;
     28    padding: 0 .5em;
    2629}
    2730
    … …  
    3740    cursor: pointer;
    3841    zoom: 1.5;
     42    margin: 5px;
    3943}
    4044
    … …  
    4751    -webkit-border-radius: 5px;
    4852    border-radius: 5px;
    49     border-bottom: 3px solid hsl(6, 63%, 46%) !important;
     53    border-top: 3px solid transparent !important;
     54    border-bottom: 3px solid transparent !important;
    5055    font-size: 16px;
    5156    color: hsl(0, 0%, 100%);
    … …  
    5358    font-weight: 600;
    5459    text-align: center;
    55     margin: 0 auto;
    56     padding: 16px 0 13px;
     60    margin: 0.4em auto 0 auto;
     61    padding: 16px 3px 13px;
    5762}
    5863
    … …  
    6065div.ig_popup.air-mail input[type="submit"]:hover,
    6166div.ig_popup.air-mail input[type="button"]:hover {
    62     margin-top: -3px;
    63     border-bottom: 6px solid #c0392b !important;
     67    border-top: 3px solid hsl(6, 63%, 46%) !important;
     68    border-bottom: 3px solid #c0392b !important;
    6469}
    6570
    … …  
    7075}
    7176
    72 .ig_popup.air-mail #TB_ajaxContent {
     77.ig_popup.air-mail.ig_container{
    7378    position: relative;
    7479    display: block;
     80    margin: 0;
    7581    background: #F2F2F2;
    7682    background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    … …  
    8288}
    8389
    84 .ig_popup.air-mail#TB_window {
     90.ig_popup.air-mail.mfp-content {
    8591    background-color: #fff;
    8692    -webkit-background-clip: padding-box;
    … …  
    9399}
    94100
    95 .ig_popup.air-mail#TB_window:before {
     101.ig_popup.air-mail.mfp-content:before {
    96102    position: absolute;
    97103    top: 0;
    … …  
    108114    content: "";
    109115}
     116
     117
     118@media only screen and (max-device-width: 319px) {
     119    .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
     120        width: 90% !important;
     121    }
     122}
     123
     124@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     125    .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
     126        width: 90% !important;
     127    }
     128  }
     129
     130  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     131    .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
     132        width: 90% !important;
     133    }
     134  }
     135
     136 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     137    .ig_popup.air-mail .ig_button, .ig_popup.air-mail input[type="submit"], .ig_popup.air-mail input[type="button"]{
     138        width: 90% !important;
     139    }
     140  }

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

    r1046781 r1066982  
    6565}
    6666
    67 .ig_popup.amaze #TB_ajaxContent {
     67.ig_popup.amaze.mfp-content {
    6868    border: .3em solid #444444;
    6969    background-image: url(../images/popup-amaze-bg.jpg);
    7070}
    7171
    72 .ig_popup.amaze#TB_window {
     72.ig_popup.amaze.mfp-content {
    7373    -moz-box-shadow: none;
    7474    -webkit-box-shadow: none;
    … …  
    8080    width: 100%;
    8181}
     82
     83@media only screen and (max-device-width: 319px) {
     84    .ig_popup.amaze.mfp-content {
     85        font-size: 10px;
     86    }
     87    .ig_popup.amaze .ig_message{
     88        margin: 0 1em;
     89    }
     90    .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
     91        width: 90% !important;
     92    }
     93}
     94
     95@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     96    .ig_popup.amaze.mfp-content {
     97        font-size: 12px;
     98    }
     99    .ig_popup.amaze .ig_message{
     100        margin: 0 1em;
     101    }
     102    .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
     103        width: 90% !important;
     104    }
     105  }
     106
     107  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     108    .ig_popup.amaze.mfp-content {
     109        font-size: 14px;
     110    }
     111    .ig_popup.amaze .ig_message{
     112        margin: 0 1em;
     113    }
     114    .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
     115        width: 90% !important;
     116    }
     117     
     118  }
     119
     120 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     121    .ig_popup.amaze.mfp-content {
     122        font-size: 16px;
     123    }
     124     .ig_popup.amaze .ig_message{
     125        margin: 0 1em;
     126    }
     127    .ig_popup.amaze .ig_button, .ig_popup.amaze input[type="submit"], .ig_popup.amaze input[type="button"]{
     128        width: 90% !important;
     129    }
     130  }
     131
     132
     133  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : portrait) {
     134    .ig_popup.amaze.mfp-content {
     135        font-size: 18px;
     136    }
     137  }
     138 
     139  @media only screen and (min-device-width: 644px) and (max-device-width: 767px) and (orientation : landscape) {
     140    .ig_popup.amaze.mfp-content {
     141        font-size: 12px;
     142    }
     143  }
     144
     145/* Small devices (tablets, 768px and up) */
     146@media only screen and (min-width: 768px) and (max-device-width: 992px){
     147    .ig_popup.amaze.mfp-content {
     148        font-size: 14px;
     149    }
     150}

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

    r1046781 r1066982  
    55    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    66    filter: alpha(opacity=100);
    7     padding: 1.5em 0 1em 0;
     7    padding: 1.2em 0 1em 0;
    88}
    99
    … …  
    2525    font-size: 1.25em;
    2626    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    27     margin-bottom: .5em;
     27    margin: 0 .5em .5em .5em;
    2828}
    2929
    … …  
    7171}
    7272
    73 
    74 .ig_popup.compel #TB_ajaxContent {
    75 }
    76 
    77 .ig_popup.compel#TB_window {
     73.ig_popup.compel.mfp-content {
    7874    -moz-box-shadow: none;
    7975    -webkit-box-shadow: none;
    8076    box-shadow: none;
    8177    border: 4px dashed #c0392b;
     78    background: hsl(0, 0%, 100%);
    8279}
     80
     81
     82@media only screen and (max-device-width: 319px) {
     83    .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
     84        width: 90% !important;
     85        padding: 16px 4px 13px;
     86    }
     87}
     88
     89@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     90    .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
     91        width: 90% !important;
     92        padding: 16px 4px 13px;
     93    }
     94  }
     95
     96  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     97    .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
     98        width: 90% !important;
     99        padding: 16px 4px 13px;
     100    }
     101     
     102  }
     103
     104 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     105    .ig_popup.compel .ig_button, .ig_popup.compel input[type="submit"], .ig_popup.compel input[type="button"]{
     106        width: 90% !important;
     107        padding: 16px 4px 13px;
     108    }
     109  }

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

    r1046781 r1066982  
    3838    color: hsl(0, 33%, 98%);
    3939    border: .3em solid hsl(0, 6%, 71%) !important;
    40     width: 50%;
     40    width: 60%;
    4141    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    4242    -moz-border-radius: 1em;
    … …  
    4848    box-sizing: content-box;
    4949    margin: 0.1em auto;
    50     padding: 0.1em 2em;
     50    padding: 0.1em 1em;
    5151    clear: both;
    5252}
    … …  
    6262}
    6363
    64 .ig_popup.convert #TB_ajaxContent {
    65 }
    66 
    67 .ig_popup.convert#TB_window {
     64.ig_popup.convert.mfp-content {
    6865    -moz-box-shadow: none;
    6966    -webkit-box-shadow: none;
    … …  
    7168    background: hsl(58, 100%, 90%);
    7269}
     70@media only screen and (max-device-width: 319px) {
     71    .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
     72        width: 75% !important;
     73    }
     74}
     75
     76@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     77    .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
     78        width: 75% !important;
     79    }
     80  }
     81
     82  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     83    .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
     84        width: 75% !important;
     85    }
     86     
     87  }
     88
     89 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     90    .ig_popup.convert .ig_button, .ig_popup.convert input[type="submit"], .ig_popup.convert input[type="button"]{
     91        width: 75% !important;
     92    }
     93  }

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

    r1046781 r1066982  
    55    color: #222;
    66    text-align: center;
    7     margin-bottom: 1em;
     7    margin-bottom: .8em;
    88    text-shadow: 0 1px hsl(0, 100%, 100%);
    99    font-size: 2.5em;
    … …  
    2323    color: #333;
    2424    font-size: 1.25em;
    25     margin-bottom: .5em;
     25    margin: 0 .5em .5em .5em;
    2626    font-weight: 400;
    2727    text-align: justify;
    … …  
    4848    opacity: 1;
    4949    color: hsl(0, 100%, 100%)!important;
    50     width: 50%;
     50    width: 60%;
    5151    border-color: hsl(79, 93%, 35%) !important;
    5252    margin: .25em auto;
    … …  
    6060}
    6161
    62 
    63 .ig_popup.inspire #TB_ajaxContent {
     62.ig_popup.inspire.mfp-content {
     63    background: hsl(0, 100%, 100%);
    6464}
    6565
    66 .ig_popup.inspire#TB_window {
    67     background: hsl(0, 100%, 100%);
     66@media only screen and (max-device-width: 319px) {
     67    .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
     68        width: 90% !important;
     69    }
    6870}
     71
     72@media only screen and (min-device-width: 320px) and (max-device-width: 359px) {
     73    .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
     74        width: 90% !important;
     75    }
     76  }
     77
     78  @media only screen and (min-device-width: 360px) and (max-device-width: 413px) {
     79    .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
     80        width: 90% !important;
     81    }
     82     
     83  }
     84
     85 @media only screen and (min-device-width: 414px) and (max-device-width: 643px) {
     86    .ig_popup.inspire .ig_button, .ig_popup.inspire input[type="submit"], .ig_popup.inspire input[type="button"]{
     87        width: 90% !important;
     88    }
     89  }

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

    r1046781 r1066982  
    22    letter-spacing: 0;
    33    color: hsl(0, 100%, 100%);
    4     font-size: 3em;
     4    font-size: 2.8em;
    55    text-align: center;
    66    -webkit-font-smoothing: antialiased;
    7     margin: .25em auto;
     7    margin: .2em auto;
     8    line-height: 1em;
    89}
    910
    … …  
    1415.ig_popup.persuade .ig_message {
    1516    color: #FFF;
    16     font-size: 1.75em;
     17    font-size: 1.5em;
    1718    font-weight: 300;
    18     margin: .5em auto 1em;
    1919    text-align: center;
    2020    -webkit-font-smoothing: antialiased;
    … …  
    3636    font-weight: 400;
    3737    width: 60%;
     38    border: none;
    3839    -moz-border-radius: .6em;
    3940    -webkit-border-radius: .6em;
    … …  
    7071    border-top: none;
    7172}
    72 
    73 .ig_popup.persuade #TB_ajaxContent {
    74     border: .6em dashed hsl(0, 100%, 100%);
    75 }
    76 
    77 .ig_popup.persuade#TB_window {
     73.ig_popup.persuade.mfp-content {
     74    border: .5em dashed hsl(0, 100%, 100%);
    7875    -moz-box-shadow: none;
    7976    -webkit-box-shadow: none;

  • icegram/trunk/readme.txt

    r1053844 r1066982  
    55Requires at least: 3.9
    66Tested up to: 4.1
    7 Stable tag: 1.8.3
     7Stable tag: 1.8.4
    88License: GPLv3
    99License URI: http://www.gnu.org/licenses/gpl-3.0.html
    … …  
    146146
    147147== Upgrade Notice ==
     148= 1.8.4 =
     149Popups are now responsive! Plus Visual Composer compatibility and other fixes.
     150
    148151= 1.8.3 =
    149152Campaign and message duplicate feture added. Plus some other improvements.
    … …  
    190193
    191194== Changelog ==
     195= 1.8.4 =
     196* New: Popup messages work beautifully on mobile / small devices now!
     197* Fix: Timing problems with popups triggered via Behavior Trigger addon.
     198* Fix: Visual Composer compatibility
     199
    192200= 1.8.3 =
    193201* NEW: Duplicate a Campaign and Message easily now - click 'duplicate' in the list view!
Note: See TracChangeset for help on using the changeset viewer.