version 4.13.0

epanel/google-fonts/et_google_fonts.css

@@ -0,0 +1,6 @@
+.et_google_font_options { display: none; background: #eee; height: 280px; overflow: auto; }
+	.et_filter_text { position: relative; }
+		.et_filter_text:before { content: ''; width: 0; height: 0; border-color: #ccc transparent; border-style: solid; border-width: 6px 6px 0; position: absolute; top: 18px; right: 8px; z-index: 1; }
+	.et_google_font_options, .et_filter_text { background: #fff; border: 1px solid #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
+	.et_filter_text, .et_google_font_options li { display: block; padding: 5px 10px; height: 30px; font-size: 20px; line-height: 30px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+	.et_google_font_active, .et_google_font_options li:hover { background-color: #effbff; }

epanel/google-fonts/et_google_fonts.js

@@ -0,0 +1,262 @@
+(function($){
+	var ET_Google_Fonts = function(element, options){
+		this.element = element;
+		this.custom_select_link = null;
+		this.custom_dropdown = null;
+		this.frontend_customizer = $('body').hasClass( 'et_frontend_customizer' ) ? true : false;
+
+		this.options = jQuery.extend({}, this.defaults, options);
+
+		this.create_dropdown();
+	}
+
+	ET_Google_Fonts.prototype = {
+		defaults: {
+			apply_font_to	: 'body',
+			used_for		: 'et_body_font'
+		},
+
+		create_dropdown: function(){
+			var $et_google_font_main_select = this.element,
+				et_filter_options_html = '',
+				$selected_option,
+				$dropdown_selected_option,
+				self = this;
+
+			$et_google_font_main_select.hide().addClass( 'et_google_font_main_select' );
+
+			$et_google_font_main_select.on('change', self.change_font.bind(self));
+
+			$et_google_font_main_select.find( 'option' ).each( function() {
+				var $this_option = $(this),
+					selected = $(this).is( ':selected' ) ? ' class="et_google_font_active"' : '',
+					data_parent = typeof $this_option.data( 'parent_font' ) !== 'undefined' && '' !== $this_option.data( 'parent_font' ) ? ' data-parent_font="' + $this_option.data( 'parent_font' ) + '"' : '';
+
+				et_filter_options_html += '<li class="' + self.fontname_to_class( $this_option.text() ) + '" data-value="' + $this_option.attr( 'value' ) + '"' + data_parent + selected +'>' + $this_option.text() + '</li>';
+			} );
+
+			$et_google_font_main_select.after( '<a href="#" class="et_google_font_custom_select">' + '<span class="et_filter_text"></span>' + '</a>' + '<ul class="et_google_font_options">' + et_filter_options_html + '</ul>' );
+
+			this.custom_select_link = $et_google_font_main_select.next( '.et_google_font_custom_select' );
+
+			this.custom_dropdown = this.custom_select_link.next('.et_google_font_options');
+
+			$selected_option = $et_google_font_main_select.find( ':selected' );
+
+			if ( $selected_option.length < 1 ) {
+				$selected_option = $et_google_font_main_select.find( 'option[value="none"]' );
+			}
+
+			if ( $selected_option.length ) {
+				this.custom_select_link.find('.et_filter_text').text( $selected_option.text() );
+
+				$dropdown_selected_option = ( $selected_option.val() == 'none' ) ? this.custom_dropdown.find('li').eq(0) : this.custom_dropdown.find('li[data-value="' + $selected_option.text() + '"]');
+
+				this.custom_select_link.find('.et_filter_text').addClass( $dropdown_selected_option.attr('class') ).attr( 'data-gf-class', $dropdown_selected_option.attr('class') );
+
+				$dropdown_selected_option.addClass( 'et_google_font_active' );
+			}
+
+			this.custom_select_link.on('click', self.open_dropdown.bind(self));
+
+			this.custom_dropdown.find('li').on('click', self.select_option.bind(self));
+		},
+
+		open_dropdown: function(event) {
+			var self = this,
+				$this_link = $(event.target);
+
+			if ( self.custom_dropdown.hasClass( 'et_google_font_open' ) ) return false;
+
+			self.custom_dropdown.show().addClass( 'et_google_font_open' );
+
+			$this_link.hide();
+
+			return false;
+		},
+
+		select_option: function(event) {
+			var self = this,
+				$this_option = $(event.target),
+				this_option_value = $this_option.text(),
+				$main_text = self.custom_select_link.find( '.et_filter_text' ),
+				$main_select_active_element = self.element.find( 'option[value="' + this_option_value + '"]' ),
+				main_text_gf_class = $main_text.attr( 'data-gf-class' );
+
+			if ( $this_option.hasClass( 'et_google_font_active' ) ) {
+				self.close_dropdown();
+
+				return false;
+			}
+
+			$main_text.html( this_option_value );
+
+			$this_option.siblings().removeClass( 'et_google_font_active' );
+
+			$main_text.removeClass( main_text_gf_class ).addClass( $this_option.attr( 'class' ) ).attr( 'data-gf-class', $this_option.attr( 'class' ) );
+
+			$this_option.addClass('et_google_font_active');
+
+			self.close_dropdown();
+
+			if ( ! $main_select_active_element.length )
+				self.element.val( 'none' ).trigger( 'change' );
+			else
+				self.element.val( this_option_value ).trigger( 'change' );
+
+			return false;
+		},
+
+		close_dropdown: function() {
+			this.custom_select_link.find( '.et_filter_text' ).show();
+			this.custom_dropdown.hide().removeClass( 'et_google_font_open' );
+		},
+
+		maybe_request_font: function( font_name, font_option ) {
+			if ('none' === font_option.val()) {
+				return;
+			}
+
+			if ('on' === font_option.data('standard')) {
+				return;
+			}
+
+			var $head      = this.frontend_customizer ? $('head') : $('#customize-preview iframe').contents().find('head');
+			var font_class = this.fontname_to_class(font_name);
+
+			// process custom user fonts
+			if ('undefined' !== typeof et_google_fonts_data && 'undefined' !== typeof et_google_fonts_data.user_fonts && 'undefined' !== typeof et_google_fonts_data.user_fonts[font_name]) {
+				if ($head.find('style#' + font_class).length > 0) {
+					return;
+				}
+
+				var savedFontFiles = 'undefined' !== typeof et_google_fonts_data.user_fonts[font_name]['font_url'] ? et_google_fonts_data.user_fonts[font_name]['font_url'] : '';
+				var fontSrc        = 'string' === typeof savedFontFiles ? "src: url('" + savedFontFiles + "');" : '';
+
+				// generate the @font-face src from the uploaded font files
+				// all the font formats have to be added in certain order to provide the best browser support
+				if ('' === fontSrc && 'string' !== typeof savedFontFiles) {
+				  var allFontFiles = {
+					'eot': {
+					  'url'    : 'undefined' !== typeof savedFontFiles['eot'] ? savedFontFiles['eot'] : false,
+					  'format' : 'embedded-opentype',
+					},
+					'woff2': {
+					  'url'    : 'undefined' !== typeof savedFontFiles['woff2'] ? savedFontFiles['woff2'] : false,
+					  'format' : 'woff2',
+					},
+					'woff': {
+					  'url'    : 'undefined' !== typeof savedFontFiles['woff'] ? savedFontFiles['woff'] : false,
+					  'format' : 'woff',
+					},
+					'ttf': {
+					  'url'    : 'undefined' !== typeof savedFontFiles['ttf'] ? savedFontFiles['ttf'] : false,
+					  'format' : 'truetype',
+					},
+					'otf': {
+					  'url'    : 'undefined' !== typeof savedFontFiles['otf'] ? savedFontFiles['otf'] : false,
+					  'format' : 'opentype',
+					},
+				  };
+
+				  if (allFontFiles['eot']['url']) {
+					fontSrc = "src: url('" + allFontFiles['eot']['url'] + "'); src: url('" + allFontFiles['eot']['url'] + "?#iefix') format('embedded-opentype')";
+				  }
+
+				  jQuery.each(allFontFiles, function(extension, fontData) {
+					if ('eot' !== extension && fontData.url) {
+					  fontSrc += '' === fontSrc ? 'src: ' : ', ';
+					  fontSrc += "url('" + fontData.url + "') format('" + fontData.format + "')";
+					}
+				  });
+				}
+
+				$head.append('<style id="' + font_class + '">@font-face{font-family:"' + font_name + '"; ' +  fontSrc + ';}</style>');
+
+				return;
+			}
+
+			var font_styles = 'undefined' !== typeof font_option.data('parent_styles') && '' !== font_option.data('parent_styles') ? ':' + font_option.data('parent_styles') : '';
+			var subset      = 'undefined' !== typeof font_option.data('parent_subset') && '' !== font_option.data('parent_subset') ? '&' + subset : '';
+
+			if ($head.find('link#' + font_class).length > 0) {
+				return;
+			}
+
+			$head.append('<link id="' + font_class + '" href="//fonts.googleapis.com/css?family=' + this.convert_to_google_font_name(font_name) + font_styles + subset + '" rel="stylesheet" type="text/css" />');
+		},
+
+		apply_font: function( font_name, font_option ) {
+			var $head = this.frontend_customizer ? $('head') : $( "#customize-preview iframe" ).contents().find('head'),
+				font_weight = '';
+
+			$head.find( 'style.' + this.options.used_for ).remove();
+
+			if ( font_option.val() === 'none' )
+				return;
+
+			font_weight = typeof font_option.data( 'parent_font' ) !== 'undefined' && '' !== font_option.data( 'parent_font' ) ? 'font-weight:' + font_option.data( 'current_styles' ) : '';
+
+				$head.append( '<style class="' + this.options.used_for + '">' + this.options.apply_font_to + ' { font-family: "' + font_name + '", sans-serif; ' + font_weight + ' } </style>' );
+		},
+
+		change_font: function() {
+			var self = this,
+				$active_option = self.element.find('option:selected'),
+				active_option_value = $active_option.val(),
+				active_option_name = typeof $active_option.data( 'parent_font' ) !== 'undefined' && '' !== $active_option.data( 'parent_font' ) ? $active_option.data( 'parent_font' ) : $active_option.val(),
+				$this_option = this.custom_dropdown.find('li[data-value="' + active_option_value + '"]'),
+				$main_text = self.custom_select_link.find( '.et_filter_text' ),
+				main_text_gf_class = $main_text.attr( 'data-gf-class' );
+
+			self.maybe_request_font( active_option_name, $active_option );
+			self.apply_font( active_option_name, $active_option );
+
+			// set correct custom dropdown values on first load
+			if ( this.custom_dropdown.find('li.et_google_font_active').data( 'value' ) !== active_option_value ) {
+				this.custom_dropdown.find('li').removeClass( 'et_google_font_active' );
+				$main_text.removeClass( main_text_gf_class ).addClass( $this_option.attr( 'class' ) ).attr( 'data-gf-class', $this_option.attr( 'class' ) );
+
+				$this_option.addClass('et_google_font_active');
+			}
+		},
+
+		convert_to_google_font_name: function( font_name ) {
+			return font_name.replace(/ /g,'+');
+		},
+
+		fontname_to_class: function( option_value ) {
+			return 'et_gf_' + option_value.replace(/ /g,'_').toLowerCase();
+		}
+	}
+
+	$.fn.et_google_fonts = function(options){
+		new ET_Google_Fonts(this, options)
+		return this;
+	};
+
+	$(function() {
+		var et_heading_font_option_name = '[heading_font]',
+			et_body_font_option_name = '[body_font]',
+			et_buttons_font_option_name = '[all_buttons_font]',
+			et_secondary_nav_font_option_name = '[secondary_nav_font]',
+			et_primary_nav_font_option_name = '[primary_nav_font]',
+			et_slide_nav_font_option_name = '[slide_nav_font]';
+
+		if ( typeof et_google_fonts !== 'undefined' && et_google_fonts.options_in_one_row == 0 ) {
+			et_heading_font_option_name = '_heading_font';
+			et_body_font_option_name = '_body_font';
+			et_buttons_font_option_name = '_all_buttons_font';
+			et_primary_nav_font_option_name = '_primary_nav_font';
+			et_secondary_nav_font_option_nam = '_secondary_nav_font';
+			et_slide_nav_font_option_name = '_slide_nav_font';
+		}
+
+		$('select[data-customize-setting-link$="' + et_heading_font_option_name + '"]').et_google_fonts({apply_font_to	: 'h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a', used_for : 'et_heading_font'});
+		$('select[data-customize-setting-link$="' + et_body_font_option_name + '"]').et_google_fonts({apply_font_to	: 'body', used_for : 'et_body_font'});
+		$('select[data-customize-setting-link$="' + et_buttons_font_option_name + '"]').et_google_fonts({apply_font_to	: '.et_pb_button', used_for : 'et_all_buttons_font'});
+		$('select[data-customize-setting-link$="' + et_primary_nav_font_option_name + '"]').et_google_fonts({apply_font_to	: '#main-header, #et-top-navigation', used_for : 'et_primary_nav_font'});
+		$('select[data-customize-setting-link$="' + et_secondary_nav_font_option_name + '"]').et_google_fonts({apply_font_to	: '#top-header .container', used_for : 'et_secondary_nav_font'});
+		$('select[data-customize-setting-link$="' + et_slide_nav_font_option_name + '"]').et_google_fonts({apply_font_to	: '.et_slide_in_menu_container, .et_slide_in_menu_container .et-search-field', used_for : 'et_slide_nav_font'});
+	} );
+})(jQuery)

epanel/js/checkbox.js

@@ -0,0 +1,18 @@
+/**
+ * jQuery custom checkboxes
+ *
+ * Copyright (c) 2008 Khavilo Dmitry (http://widowmaker.kiev.ua/checkbox/)
+ * Licensed under the MIT License:
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * @version 1.3.0 Beta 1
+ * @author Khavilo Dmitry
+ * @mailto wm.morgun@gmail.com
+ *
+ * Modified to adapt the latest jQuery version (v3 above) included on WordPress 5.6:
+ * - (2020-12-15) - jQuery hover method is deprecated.
+ * - (2021-02-02) - jQuery :eq() selector is deprecated.
+ * - (2021-02-03) - jQuery bind method is deprecated.
+ * - (2021-02-04) - jQuery click event shorthand is deprecated.
+**/
+(function($){var i=function(e){if(!e)var e=window.event;e.cancelBubble=true;if(e.stopPropagation)e.stopPropagation()};$.fn.checkbox=function(f){try{document.execCommand('BackgroundImageCache',false,true)}catch(e){}var g={cls:'jquery-checkbox',empty:clearpath};g=$.extend(g,f||{});var h=function(a){var b=a.checked;var c=a.disabled;var d=$(a);if(a.stateInterval)clearInterval(a.stateInterval);a.stateInterval=setInterval(function(){if(a.disabled!=c)d.trigger((c=!!a.disabled)?'disable':'enable');if(a.checked!=b)d.trigger((b=!!a.checked)?'check':'uncheck')},10);return d};return this.each(function(){var a=this;var b=h(a);if(a.wrapper)a.wrapper.remove();a.wrapper=$('<span class="'+g.cls+'"><span class="mark"><img src="'+g.empty+'" /></span></span>');a.wrapperInner=a.wrapper.children('span').eq(0);a.wrapper.on("mouseenter",function(e){a.wrapperInner.addClass(g.cls+'-hover');i(e)}).on("mouseleave",function(e){a.wrapperInner.removeClass(g.cls+'-hover');i(e)});b.css({position:'absolute',zIndex:-1,visibility:'hidden'}).after(a.wrapper);var c=false;if(b.attr('id')){c=$('label[for='+b.attr('id')+']');if(!c.length)c=false}if(!c){c=b.closest?b.closest('label'):b.parents('label').eq(0);if(!c.length)c=false}if(c){c.on("mouseenter",function(e){a.wrapper.trigger('mouseover',[e])}).on("mouseleave",function(e){a.wrapper.trigger('mouseout',[e])});c.on('click',function(e){b.trigger('click',[e]);i(e);return false})}a.wrapper.on('click',function(e){b.trigger('click',[e]);i(e);return false});b.on('click',function(e){i(e)});b.on('disable',function(){a.wrapperInner.addClass(g.cls+'-disabled')}).on('enable',function(){a.wrapperInner.removeClass(g.cls+'-disabled')});b.on('check',function(){a.wrapper.addClass(g.cls+'-checked')}).on('uncheck',function(){a.wrapper.removeClass(g.cls+'-checked')});$('img',a.wrapper).on('dragstart',function(){return false}).on('mousedown',function(){return false});if(window.getSelection)a.wrapper.css('MozUserSelect','none');if(a.checked)a.wrapper.addClass(g.cls+'-checked');if(a.disabled)a.wrapperInner.addClass(g.cls+'-disabled')})}})(jQuery);

epanel/js/colorpicker.js

@@ -0,0 +1,489 @@
+/**
+ *
+ * Color picker
+ * Author: Stefan Petre www.eyecon.ro
+ *
+ * Dual licensed under the MIT and GPL licenses
+ *
+ * Modified to adapt the latest jQuery version (v3 above) included on WordPress 5.6:
+ * - (2021-02-05) - Number type value passed to css method is deprecated.
+ * - (2021-02-05) - jQuery bind method is deprecated.
+ * - (2021-02-05) - jQuery unbind method is deprecated.
+ * - (2021-02-05) - jQuery focus method is deprecated.
+ */
+(function ($) {
+	var ColorPicker = function () {
+		var
+			ids = {},
+			inAction,
+			charMin = 65,
+			visible,
+			tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
+			defaults = {
+				eventName: 'click',
+				onShow: function () {},
+				onBeforeShow: function(){},
+				onHide: function () {},
+				onChange: function () {},
+				onSubmit: function () {},
+				color: 'ff0000',
+				livePreview: true,
+				flat: false
+			},
+			fillRGBFields = function  (hsb, cal) {
+				var rgb = HSBToRGB(hsb);
+				$(cal).data('colorpicker').fields
+					.eq(1).val(rgb.r).end()
+					.eq(2).val(rgb.g).end()
+					.eq(3).val(rgb.b).end();
+			},
+			fillHSBFields = function  (hsb, cal) {
+				$(cal).data('colorpicker').fields
+					.eq(4).val(hsb.h).end()
+					.eq(5).val(hsb.s).end()
+					.eq(6).val(hsb.b).end();
+			},
+			fillHexFields = function (hsb, cal) {
+				$(cal).data('colorpicker').fields
+					.eq(0).val(HSBToHex(hsb)).end();
+			},
+			setSelector = function (hsb, cal) {
+				$(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
+				$(cal).data('colorpicker').selectorIndic.css({
+					left: parseInt(150 * hsb.s/100, 10) + 'px',
+					top: parseInt(150 * (100-hsb.b)/100, 10) + 'px',
+				});
+			},
+			setHue = function (hsb, cal) {
+				$(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10) + 'px');
+			},
+			setCurrentColor = function (hsb, cal) {
+				$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
+			},
+			setNewColor = function (hsb, cal) {
+				$(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
+			},
+			keyDown = function (ev) {
+				var pressedKey = ev.charCode || ev.keyCode || -1;
+				if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
+					return false;
+				}
+				var cal = $(this).parent().parent();
+				if (cal.data('colorpicker').livePreview === true) {
+					change.apply(this);
+				}
+			},
+			change = function (ev) {
+				var cal = $(this).parent().parent(), col;
+				if (this.parentNode.className.indexOf('_hex') > 0) {
+					cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
+				} else if (this.parentNode.className.indexOf('_hsb') > 0) {
+					cal.data('colorpicker').color = col = fixHSB({
+						h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
+						s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
+						b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
+					});
+				} else {
+					cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
+						r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
+						g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
+						b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
+					}));
+				}
+				if (ev) {
+					fillRGBFields(col, cal.get(0));
+					fillHexFields(col, cal.get(0));
+					fillHSBFields(col, cal.get(0));
+				}
+				setSelector(col, cal.get(0));
+				setHue(col, cal.get(0));
+				setNewColor(col, cal.get(0));
+				cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
+			},
+			blur = function (ev) {
+				var cal = $(this).parent().parent();
+				cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus');
+			},
+			focus = function () {
+				charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
+				$(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
+				$(this).parent().addClass('colorpicker_focus');
+			},
+			downIncrement = function (ev) {
+				var field = $(this).parent().find('input').trigger('focus');
+				var current = {
+					el: $(this).parent().addClass('colorpicker_slider'),
+					max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
+					y: ev.pageY,
+					field: field,
+					val: parseInt(field.val(), 10),
+					preview: $(this).parent().parent().data('colorpicker').livePreview
+				};
+				$(document).on('mouseup', current, upIncrement);
+				$(document).on('mousemove', current, moveIncrement);
+			},
+			moveIncrement = function (ev) {
+				ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
+				if (ev.data.preview) {
+					change.apply(ev.data.field.get(0), [true]);
+				}
+				return false;
+			},
+			upIncrement = function (ev) {
+				change.apply(ev.data.field.get(0), [true]);
+				ev.data.el.removeClass('colorpicker_slider').find('input').trigger('focus');
+				$(document).off('mouseup', upIncrement);
+				$(document).off('mousemove', moveIncrement);
+				return false;
+			},
+			downHue = function (ev) {
+				var current = {
+					cal: $(this).parent(),
+					y: $(this).offset().top
+				};
+				current.preview = current.cal.data('colorpicker').livePreview;
+				$(document).on('mouseup', current, upHue);
+				$(document).on('mousemove', current, moveHue);
+			},
+			moveHue = function (ev) {
+				change.apply(
+					ev.data.cal.data('colorpicker')
+						.fields
+						.eq(4)
+						.val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
+						.get(0),
+					[ev.data.preview]
+				);
+				return false;
+			},
+			upHue = function (ev) {
+				fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				$(document).off('mouseup', upHue);
+				$(document).off('mousemove', moveHue);
+				return false;
+			},
+			downSelector = function (ev) {
+				var current = {
+					cal: $(this).parent(),
+					pos: $(this).offset()
+				};
+				current.preview = current.cal.data('colorpicker').livePreview;
+				$(document).on('mouseup', current, upSelector);
+				$(document).on('mousemove', current, moveSelector);
+			},
+			moveSelector = function (ev) {
+				change.apply(
+					ev.data.cal.data('colorpicker')
+						.fields
+						.eq(6)
+						.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
+						.end()
+						.eq(5)
+						.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
+						.get(0),
+					[ev.data.preview]
+				);
+				return false;
+			},
+			upSelector = function (ev) {
+				fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				$(document).off('mouseup', upSelector);
+				$(document).off('mousemove', moveSelector);
+				return false;
+			},
+			enterSubmit = function (ev) {
+				$(this).addClass('colorpicker_focus');
+			},
+			leaveSubmit = function (ev) {
+				$(this).removeClass('colorpicker_focus');
+			},
+			clickSubmit = function (ev) {
+				var cal = $(this).parent();
+				var col = cal.data('colorpicker').color;
+				cal.data('colorpicker').origColor = col;
+				setCurrentColor(col, cal.get(0));
+				cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col), cal.data('colorpicker').el);
+			},
+			show = function (ev) {
+				var cal = $('#' + $(this).data('colorpickerId'));
+				cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
+				var pos = $(this).offset();
+				var viewPort = getViewport();
+				var top = pos.top + this.offsetHeight;
+				var left = pos.left;
+				if (top + 176 > viewPort.t + viewPort.h) {
+					top -= this.offsetHeight + 176;
+				}
+				if (left + 356 > viewPort.l + viewPort.w) {
+					left -= 356;
+				}
+				cal.css({left: left + 'px', top: top + 'px'});
+				if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
+					cal.show();
+				}
+				$(document).on('mousedown', {cal: cal}, hide);
+				return false;
+			},
+			hide = function (ev) {
+				if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
+					if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
+						ev.data.cal.hide();
+					}
+					$(document).off('mousedown', hide);
+				}
+			},
+			isChildOf = function(parentEl, el, container) {
+				if (parentEl == el) {
+					return true;
+				}
+				if (parentEl.contains) {
+					return parentEl.contains(el);
+				}
+				if ( parentEl.compareDocumentPosition ) {
+					return !!(parentEl.compareDocumentPosition(el) & 16);
+				}
+				var prEl = el.parentNode;
+				while(prEl && prEl != container) {
+					if (prEl == parentEl)
+						return true;
+					prEl = prEl.parentNode;
+				}
+				return false;
+			},
+			getViewport = function () {
+				var m = document.compatMode == 'CSS1Compat';
+				return {
+					l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
+					t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
+					w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
+					h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
+				};
+			},
+			fixHSB = function (hsb) {
+				return {
+					h: Math.min(360, Math.max(0, hsb.h)),
+					s: Math.min(100, Math.max(0, hsb.s)),
+					b: Math.min(100, Math.max(0, hsb.b))
+				};
+			},
+			fixRGB = function (rgb) {
+				return {
+					r: Math.min(255, Math.max(0, rgb.r)),
+					g: Math.min(255, Math.max(0, rgb.g)),
+					b: Math.min(255, Math.max(0, rgb.b))
+				};
+			},
+			fixHex = function (hex) {
+				var len = 6 - hex.length;
+				if (len > 0) {
+					var o = [];
+					for (var i=0; i<len; i++) {
+						o.push('0');
+					}
+					o.push(hex);
+					hex = o.join('');
+				}
+				return hex;
+			},
+			HexToRGB = function (hex) {
+				var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
+				return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
+			},
+			HexToHSB = function (hex) {
+				return RGBToHSB(HexToRGB(hex));
+			},
+			RGBToHSB = function (rgb) {
+				var hsb = {
+					h: 0,
+					s: 0,
+					b: 0
+				};
+				var min = Math.min(rgb.r, rgb.g, rgb.b);
+				var max = Math.max(rgb.r, rgb.g, rgb.b);
+				var delta = max - min;
+				hsb.b = max;
+				if (max != 0) {
+
+				}
+				hsb.s = max != 0 ? 255 * delta / max : 0;
+				if (hsb.s != 0) {
+					if (rgb.r == max) {
+						hsb.h = (rgb.g - rgb.b) / delta;
+					} else if (rgb.g == max) {
+						hsb.h = 2 + (rgb.b - rgb.r) / delta;
+					} else {
+						hsb.h = 4 + (rgb.r - rgb.g) / delta;
+					}
+				} else {
+					hsb.h = -1;
+				}
+				hsb.h *= 60;
+				if (hsb.h < 0) {
+					hsb.h += 360;
+				}
+				hsb.s *= 100/255;
+				hsb.b *= 100/255;
+				return hsb;
+			},
+			HSBToRGB = function (hsb) {
+				var rgb = {};
+				var h = Math.round(hsb.h);
+				var s = Math.round(hsb.s*255/100);
+				var v = Math.round(hsb.b*255/100);
+				if(s == 0) {
+					rgb.r = rgb.g = rgb.b = v;
+				} else {
+					var t1 = v;
+					var t2 = (255-s)*v/255;
+					var t3 = (t1-t2)*(h%60)/60;
+					if(h==360) h = 0;
+					if(h<60) {rgb.r=t1;	rgb.b=t2; rgb.g=t2+t3}
+					else if(h<120) {rgb.g=t1; rgb.b=t2;	rgb.r=t1-t3}
+					else if(h<180) {rgb.g=t1; rgb.r=t2;	rgb.b=t2+t3}
+					else if(h<240) {rgb.b=t1; rgb.r=t2;	rgb.g=t1-t3}
+					else if(h<300) {rgb.b=t1; rgb.g=t2;	rgb.r=t2+t3}
+					else if(h<360) {rgb.r=t1; rgb.g=t2;	rgb.b=t1-t3}
+					else {rgb.r=0; rgb.g=0;	rgb.b=0}
+				}
+				return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
+			},
+			RGBToHex = function (rgb) {
+				var hex = [
+					rgb.r.toString(16),
+					rgb.g.toString(16),
+					rgb.b.toString(16)
+				];
+				$.each(hex, function (nr, val) {
+					if (val.length == 1) {
+						hex[nr] = '0' + val;
+					}
+				});
+				return hex.join('');
+			},
+			HSBToHex = function (hsb) {
+				return RGBToHex(HSBToRGB(hsb));
+			},
+			restoreOriginal = function () {
+				var cal = $(this).parent();
+				var col = cal.data('colorpicker').origColor;
+				cal.data('colorpicker').color = col;
+				fillRGBFields(col, cal.get(0));
+				fillHexFields(col, cal.get(0));
+				fillHSBFields(col, cal.get(0));
+				setSelector(col, cal.get(0));
+				setHue(col, cal.get(0));
+				setNewColor(col, cal.get(0));
+			};
+		return {
+			init: function (opt) {
+				opt = $.extend({}, defaults, opt||{});
+				if (typeof opt.color == 'string') {
+					opt.color = HexToHSB(opt.color);
+				} else if (opt.color.r != undefined && opt.color.g != undefined && opt.color.b != undefined) {
+					opt.color = RGBToHSB(opt.color);
+				} else if (opt.color.h != undefined && opt.color.s != undefined && opt.color.b != undefined) {
+					opt.color = fixHSB(opt.color);
+				} else {
+					return this;
+				}
+				return this.each(function () {
+					if (!$(this).data('colorpickerId')) {
+						var options = $.extend({}, opt);
+						options.origColor = opt.color;
+						var id = 'collorpicker_' + parseInt(Math.random() * 1000);
+						$(this).data('colorpickerId', id);
+						var cal = $(tpl).attr('id', id);
+						if (options.flat) {
+							cal.appendTo(this).show();
+						} else {
+							cal.appendTo(document.body);
+						}
+						options.fields = cal
+											.find('input')
+												.on('keyup', keyDown)
+												.on('change', change)
+												.on('blur', blur)
+												.on('focus', focus);
+						cal
+							.find('span').on('mousedown', downIncrement).end()
+							.find('>div.colorpicker_current_color').on('click', restoreOriginal);
+						options.selector = cal.find('div.colorpicker_color').on('mousedown', downSelector);
+						options.selectorIndic = options.selector.find('div div');
+						options.el = this;
+						options.hue = cal.find('div.colorpicker_hue div');
+						cal.find('div.colorpicker_hue').on('mousedown', downHue);
+						options.newColor = cal.find('div.colorpicker_new_color');
+						options.currentColor = cal.find('div.colorpicker_current_color');
+						cal.data('colorpicker', options);
+						cal.find('div.colorpicker_submit')
+							.on('mouseenter', enterSubmit)
+							.on('mouseleave', leaveSubmit)
+							.on('click', clickSubmit);
+						fillRGBFields(options.color, cal.get(0));
+						fillHSBFields(options.color, cal.get(0));
+						fillHexFields(options.color, cal.get(0));
+						setHue(options.color, cal.get(0));
+						setSelector(options.color, cal.get(0));
+						setCurrentColor(options.color, cal.get(0));
+						setNewColor(options.color, cal.get(0));
+						if (options.flat) {
+							cal.css({
+								position: 'relative',
+								display: 'block'
+							});
+						} else {
+							$(this).on(options.eventName, show);
+						}
+					}
+				});
+			},
+			showPicker: function() {
+				return this.each( function () {
+					if ($(this).data('colorpickerId')) {
+						show.apply(this);
+					}
+				});
+			},
+			hidePicker: function() {
+				return this.each( function () {
+					if ($(this).data('colorpickerId')) {
+						$('#' + $(this).data('colorpickerId')).hide();
+					}
+				});
+			},
+			setColor: function(col) {
+				if (typeof col == 'string') {
+					col = HexToHSB(col);
+				} else if (col.r != undefined && col.g != undefined && col.b != undefined) {
+					col = RGBToHSB(col);
+				} else if (col.h != undefined && col.s != undefined && col.b != undefined) {
+					col = fixHSB(col);
+				} else {
+					return this;
+				}
+				return this.each(function(){
+					if ($(this).data('colorpickerId')) {
+						var cal = $('#' + $(this).data('colorpickerId'));
+						cal.data('colorpicker').color = col;
+						cal.data('colorpicker').origColor = col;
+						fillRGBFields(col, cal.get(0));
+						fillHSBFields(col, cal.get(0));
+						fillHexFields(col, cal.get(0));
+						setHue(col, cal.get(0));
+						setSelector(col, cal.get(0));
+						setCurrentColor(col, cal.get(0));
+						setNewColor(col, cal.get(0));
+					}
+				});
+			}
+		};
+	}();
+	$.fn.extend({
+		ColorPicker: ColorPicker.init,
+		ColorPickerHide: ColorPicker.hidePicker,
+		ColorPickerShow: ColorPicker.showPicker,
+		ColorPickerSetColor: ColorPicker.setColor
+	});
+})(jQuery)

epanel/js/custom_uploader.js

@@ -0,0 +1,37 @@
+jQuery(function() {
+	var et_file_frame;
+
+	jQuery('.et-upload-image-button').on('click', function(event) {
+		var this_el = jQuery( this ),
+			use_for = this_el.parents( '.et-epanel-box' ).find( '.et-box-title > h3' ).text(),
+			button_text = this_el.data( 'button_text' ),
+			window_title = epanel_uploader.media_window_title,
+			fileInput = this_el.parent().prev('input.et-upload-field');
+
+			event.preventDefault();
+
+			et_file_frame = wp.media.frames.et_file_frame = wp.media({
+				title: window_title,
+				library: {
+					type: 'image'
+				},
+				button: {
+					text: button_text,
+				},
+				multiple: false
+			});
+
+			et_file_frame.on( 'select', function() {
+				var attachment = et_file_frame.state().get( 'selection' ).first().toJSON();
+				fileInput.val( attachment.url );
+			});
+
+			et_file_frame.open();
+
+		return false;
+	});
+
+	jQuery('.et-upload-image-reset').on('click', function() {
+		jQuery(this).parent().prev( 'input.et-upload-field' ).val( '' );
+	});
+});

epanel/js/eye.js

@@ -0,0 +1,51 @@
+/**
+ *
+ * Zoomimage
+ * Author: Stefan Petre www.eyecon.ro
+ *
+ */
+(function($){
+	var EYE = window.EYE = function() {
+		var _registered = {
+			init: []
+		};
+		return {
+			init: function() {
+				$.each(_registered.init, function(nr, fn){
+					fn.call();
+				});
+			},
+			extend: function(prop) {
+				for (var i in prop) {
+					if (prop[i] != undefined) {
+						this[i] = prop[i];
+					}
+				}
+			},
+			register: function(fn, type) {
+				if (!_registered[type]) {
+					_registered[type] = [];
+				}
+				_registered[type].push(fn);
+			}
+		};
+	}();
+	$(EYE.init);
+})(jQuery);
+
+(function($){
+	var initLayout = function() {
+		$('#colorpickerHolder').ColorPicker({flat: true});
+		$('.colorpopup').ColorPicker({
+			onSubmit: function(hsb, hex, rgb, el) {
+				$(el).val(hex);
+				$(el).ColorPickerHide();
+			},
+			onBeforeShow: function () {
+				$(this).ColorPickerSetColor(this.value);
+			}
+		})
+	}
+
+	EYE.register(initLayout, 'init');
+})(jQuery);

epanel/js/functions-init.js

@@ -0,0 +1,389 @@
+/* <![CDATA[ */
+	var clearpath = ePanelSettings.clearpath;
+
+	jQuery(function($){
+		var editors = [];
+
+		function addEditorInstance(codeEditor, $element, config) {
+			if (!$element || $element.length === 0) {
+				return;
+			}
+			var instance = codeEditor.initialize( $element , {
+				codemirror: config,
+			} );
+			if (instance && instance.codemirror) {
+				editors.push(instance.codemirror);
+			}
+		}
+
+		// Use WP 4.9 CodeMirror Editor for Custom CSS
+		var codeEditor = window.wp && window.wp.codeEditor;
+		if (codeEditor && codeEditor.initialize && codeEditor.defaultSettings && codeEditor.defaultSettings.codemirror) {
+
+			// User ET CodeMirror theme
+			var configCSS = $.extend({}, codeEditor.defaultSettings.codemirror, {
+				theme: 'et',
+			});
+			var configHTML = $.extend({}, configCSS, {
+				mode: 'htmlmixed',
+			});
+
+			if ($('#divi_custom_css').length > 0) {
+				// Divi Theme
+				addEditorInstance(codeEditor, $('#divi_custom_css'), configCSS);
+				addEditorInstance(codeEditor, $('#divi_integration_head'), configHTML);
+				addEditorInstance(codeEditor, $('#divi_integration_body'), configHTML);
+				addEditorInstance(codeEditor, $('#divi_integration_single_top'), configHTML);
+				addEditorInstance(codeEditor, $('#divi_integration_single_bottom'), configHTML);
+			} else if ($('#extra_custom_css').length > 0) {
+				// Extra Theme
+				addEditorInstance(codeEditor, $('#extra_custom_css'), configCSS);
+				addEditorInstance(codeEditor, $('#extra_integration_head'), configHTML);
+				addEditorInstance(codeEditor, $('#extra_integration_body'), configHTML);
+				addEditorInstance(codeEditor, $('#extra_integration_single_top'), configHTML);
+				addEditorInstance(codeEditor, $('#extra_integration_single_bottom'), configHTML);
+			}
+		}
+
+		var $palette_inputs = $( '.et_color_palette_main_input' );
+
+		$('#epanel-content,#epanel-content > div').tabs({
+			fx: {
+				opacity: 'toggle',
+				duration:'fast'
+			},
+			selected: 0,
+			activate: function( event, ui ) {
+				$epanel = $('#epanel');
+
+				if ( $epanel.hasClass('onload') ) {
+					$epanel.removeClass('onload');
+				}
+			}
+		});
+
+		$('.et-box-description').on('click', function() {
+			var descheading = $(this).parent('.et-epanel-box').find(".et-box-title h3").html();
+			var desctext = $(this).parent('.et-epanel-box').find(".et-box-title .et-box-descr").html();
+
+			$('body').append("<div id='custom-lbox'><div class='et-box-desc'><div class='et-box-desc-top'>"+ ePanelSettings.help_label +"</div><div class='et-box-desc-content'><h3>"+descheading+"</h3>"+desctext+"<div class='et-lightbox-close'></div> </div> <div class='et-box-desc-bottom'></div>	</div></div>");
+
+			et_pb_center_modal( $( '.et-box-desc' ) );
+
+			$('.et-lightbox-close').on('click', function() {
+				et_pb_close_modal($('#custom-lbox'));
+			});
+		});
+
+		$('.et-defaults-button.epanel-reset').on('click', function(e) {
+			e.preventDefault();
+			$(".reset-popup-overlay, .defaults-hover").addClass('active');
+
+			et_pb_center_modal( $( '.defaults-hover' ) );
+		});
+
+		$('.no').on('click', function() {
+			et_pb_close_modal( $( '.reset-popup-overlay' ), 'no_remove' );
+
+			//clean the modal classes when animation complete
+			setTimeout( function() {
+				$( '.reset-popup-overlay, .defaults-hover' ).removeClass( 'active et_pb_modal_closing' );
+			}, 600 );
+		});
+
+		// ":not([safari])" is desirable but not necessary selector
+		// ":not([safari])" is desirable but not necessary selector
+		$('#epanel input:checkbox:not([safari]):not(.yes_no_button)').checkbox();
+		$('#epanel input[safari]:checkbox:not(.yes_no_button)').checkbox({cls:'jquery-safari-checkbox'});
+		$('#epanel input:radio:not(.yes_no_button)').checkbox();
+
+		// Yes - No button UI
+		$('.yes_no_button').each(function() {
+			var $checkbox = $(this);
+			var value     = $checkbox.is(':checked');
+			var state     = value ? 'et_pb_on_state' : 'et_pb_off_state';
+			var $template = $($('#epanel-yes-no-button-template').html()).find('.et_pb_yes_no_button').addClass(state);
+
+			$checkbox.hide().after($template);
+
+			if ( 'et_pb_static_css_file' === $checkbox.attr( 'id' ) ) {
+				$checkbox
+					.parent()
+					.addClass( state )
+					.next()
+					.addClass( 'et_pb_clear_static_css' )
+					.on( 'click', function() {
+						epanel_clear_static_css( false, true );
+					});
+
+				if ( ! value ) {
+					$checkbox.parents('.et-epanel-box').next().hide();
+				}
+			}
+
+			if ( 'divi_dynamic_css' === $checkbox.attr( 'id' ) || 'extra_dynamic_css' === $checkbox.attr( 'id' ) ) {
+				if ( ! value ) {
+					$checkbox.parents('.et-epanel-box').next().hide();
+					$checkbox.parents('.et-epanel-box').next().next().hide();
+				}
+			}
+
+			if ( 'divi_enable_jquery_body' === $checkbox.attr( 'id' ) || 'extra_enable_jquery_body' === $checkbox.attr( 'id' ) ) {
+				if ( ! value ) {
+					$checkbox.parents('.et-epanel-box').next().hide();
+					$checkbox.parents('.et-epanel-box').next().next().hide();
+				}
+			}
+
+			if ( 'divi_google_fonts_inline' === $checkbox.attr( 'id' ) || 'extra_google_fonts_inline' === $checkbox.attr( 'id' ) ) {
+				if ( ! value ) {
+					$checkbox.parents('.et-epanel-box').next().hide();
+				}
+			}
+
+			if ( 'divi_critical_css' === $checkbox.attr( 'id' ) || 'extra_critical_css' === $checkbox.attr( 'id' ) ) {
+				if ( ! value ) {
+					$checkbox.parents('.et-epanel-box').next().hide();
+				}
+			}
+
+		});
+
+		$('.et-box-content').on( 'click', '.et_pb_yes_no_button', function(e){
+			e.preventDefault();
+			// Fix for nested .et-box-content triggering checkboxes multiple times.
+			e.stopPropagation();
+
+			var $click_area = $(this),
+				$box_content = $click_area.closest('.et-box-content'),
+				$checkbox    = $box_content.find('input[type="checkbox"]'),
+				$state       = $box_content.find('.et_pb_yes_no_button');
+
+			if ( $state.parent().next().hasClass( 'et_pb_clear_static_css' ) ) {
+				$state = $state.add( $state.parent() );
+
+				if ( $checkbox.is( ':checked' ) ) {
+					$box_content.parent().next().hide();
+				} else {
+					$box_content.parent().next().show();
+				}
+			}
+
+			if ( 'divi_dynamic_css' === $checkbox.attr( 'id' ) || 'extra_dynamic_css' === $checkbox.attr( 'id' ) ) {
+				if ( $checkbox.is( ':checked' ) ) {
+					$box_content.parent().next().hide();
+					$box_content.parent().next().next().hide();
+				} else {
+					$box_content.parent().next().show();
+					$box_content.parent().next().next().show();
+				}
+			}
+
+			if ( 'divi_enable_jquery_body' === $checkbox.attr( 'id' ) || 'extra_enable_jquery_body' === $checkbox.attr( 'id' ) ) {
+				if ( $checkbox.is( ':checked' ) ) {
+					$box_content.parent().next().hide();
+					$box_content.parent().next().next().hide();
+				} else {
+					$box_content.parent().next().show();
+					$box_content.parent().next().next().show();
+				}
+			}
+
+			if ( 'divi_google_fonts_inline' === $checkbox.attr( 'id' ) || 'divi_google_fonts_inline' === $checkbox.attr( 'id' ) ) {
+				if ( $checkbox.is( ':checked' ) ) {
+					$box_content.parent().next().hide();
+				} else {
+					$box_content.parent().next().show();
+				}
+			}
+
+			if ( 'divi_critical_css' === $checkbox.attr( 'id' ) || 'extra_critical_css' === $checkbox.attr( 'id' ) ) {
+				if ( $checkbox.is( ':checked' ) ) {
+					$box_content.parent().next().hide();
+				} else {
+					$box_content.parent().next().show();
+				}
+			}
+
+			$state.toggleClass('et_pb_on_state et_pb_off_state');
+
+			if ( $checkbox.is(':checked' ) ) {
+				$checkbox.prop('checked', false);
+			} else {
+				$checkbox.prop('checked', true);
+			}
+
+		});
+
+		var $save_message = $("#epanel-ajax-saving");
+
+		$('#epanel-save-top').on('click', function(e) {
+			e.preventDefault();
+
+			$('#epanel-save').trigger('click');
+		})
+
+		$('#epanel-save').on('click', function() {
+			epanel_save( false, true );
+			return false;
+		});
+
+		function epanel_save( callback, message ) {
+
+			// If CodeMirror is used
+			if (editors.length > 0) {
+				$.each(editors, function(i, editor) {
+					if (editor.save) {
+						// Make sure we store changes into original textarea
+						editor.save();
+					}
+				})
+			}
+
+			var options_fromform = $('#main_options_form').formSerialize(),
+				add_nonce = '&_ajax_nonce='+ePanelSettings.epanel_nonce;
+
+			options_fromform += add_nonce;
+
+			$.ajax({
+				type: "POST",
+				url: ajaxurl,
+				data: options_fromform,
+				beforeSend: function ( xhr ){
+					if ( message ) {
+						$save_message.removeAttr('class').fadeIn('fast');
+					}
+				},
+				success: function(response){
+					if ( message ) {
+						$save_message.addClass('success-animation');
+
+						setTimeout(function(){
+							$save_message.fadeOut();
+						},500);
+					}
+
+					if ( 'function' === typeof callback ) {
+						callback();
+					}
+				}
+			});
+		}
+
+		function epanel_clear_static_css( callback, message ) {
+			var data = {
+				action: 'et_core_page_resource_clear',
+				et_owner: 'all',
+				et_post_id: 'all',
+				clear_page_resources_nonce: ePanelSettings.et_core_nonces.clear_page_resources_nonce,
+			};
+
+			$.ajax( {
+				type: "POST",
+				url: ajaxurl,
+				data: data,
+				beforeSend: function ( xhr ) {
+					if ( message ) {
+						$save_message.removeAttr( 'class' ).fadeIn( 'fast' );
+					}
+				},
+				success: function ( response ) {
+					if ( message ) {
+						$save_message.addClass( 'success-animation' );
+
+						setTimeout( function () {
+							$save_message.fadeOut();
+						}, 500 );
+					}
+
+					if ( 'function' === typeof callback ) {
+						callback();
+					}
+				}
+			} );
+		}
+
+		function et_pb_close_modal( $overlay, no_overlay_remove ) {
+			var $modal_container = $overlay;
+
+			// add class to apply the closing animation to modal
+			$modal_container.addClass( 'et_pb_modal_closing' );
+
+			//remove the modal with overlay when animation complete
+			setTimeout( function() {
+				if ( 'no_remove' !== no_overlay_remove ) {
+					$modal_container.remove();
+				}
+			}, 600 );
+		}
+
+		if ( $palette_inputs.length ) {
+			$palette_inputs.each( function() {
+				var	$this_input                    = $( this ),
+					$palette_wrapper               = $this_input.closest( '.et-box-content' ),
+					$colorpalette_colorpickers     = $palette_wrapper.find( '.input-colorpalette-colorpicker' ),
+					colorpalette_colorpicker_index = 0,
+					saved_palette                  = $this_input.val().split('|');
+
+				$colorpalette_colorpickers.each( function(){
+					var $colorpalette_colorpicker      = $(this),
+						colorpalette_colorpicker_color = saved_palette[ colorpalette_colorpicker_index ];
+
+					$colorpalette_colorpicker.val( colorpalette_colorpicker_color ).wpColorPicker({
+						hide : false,
+						default : $(this).data( 'default-color' ),
+						width: 313,
+						palettes : false,
+						change : function( event, ui ) {
+							var $input     = $(this);
+							var data_index = $input.attr('data-index');
+							var $preview   = $palette_wrapper.find('.colorpalette-item-' + data_index + ' .color');
+							var color      = ui.color.toString();
+
+							$input.val( color );
+							$preview.css({ 'backgroundColor' : color });
+							saved_palette[ data_index - 1 ] = color;
+							$this_input.val( saved_palette.join( '|' ) );
+						}
+					});
+
+					$colorpalette_colorpicker.trigger( 'change' );
+
+					colorpalette_colorpicker_index++;
+				} );
+
+				$palette_wrapper.on( 'click', '.colorpalette-item', function(e){
+					e.preventDefault();
+
+					var $colorpalette_item = $(this),
+						data_index         = $colorpalette_item.attr('data-index');
+
+					// Hide other colorpalette colorpicker
+					$palette_wrapper.find( '.colorpalette-colorpicker' ).removeClass( 'active' );
+
+					// Display selected colorpalette colorpicker
+					$palette_wrapper.find( '.colorpalette-colorpicker[data-index="' + data_index + '"]' ).addClass( 'active' );
+				});
+			});
+		}
+
+		if ( typeof etCore !== 'undefined' && typeof etCore.portability !== 'undefined' ) {
+			// Portability integration.
+			etCore.portability.save = function( callback ) {
+				epanel_save( callback, false );
+			}
+		}
+
+		function et_pb_center_modal( $modal ) {
+			var modal_height = $modal.outerHeight();
+			var modal_height_adjustment = (0 - (modal_height / 2)) + 'px';
+
+			$modal.css({
+				top : '50%',
+				bottom : 'auto',
+				marginTop : modal_height_adjustment
+			});
+		}
+
+	});
+/* ]]> */

epanel/js/layout.js

@@ -0,0 +1,37 @@
+(function($){
+	var initLayout = function() {
+		var hash = window.location.hash.replace('#', '');
+		var currentTab = $('ul.navigationTabs a')
+							.on('click', showTab)
+							.filter('a[rel=' + hash + ']');
+		if (0 === currentTab.length) {
+			currentTab = $('ul.navigationTabs a').first();
+		}
+		showTab.apply(currentTab.get(0));
+		$('#colorpickerHolder').ColorPicker({flat: true});
+		$('.colorpopup').ColorPicker({
+			onSubmit: function(hsb, hex, rgb, el) {
+				$(el).val(hex);
+				$(el).ColorPickerHide();
+			},
+			onBeforeShow: function () {
+				$(this).ColorPickerSetColor(this.value);
+			}
+		})
+	};
+
+	var showTab = function(e) {
+		var tabIndex = $('ul.navigationTabs a')
+							.removeClass('active')
+							.index(this);
+		$(this)
+			.addClass('active')
+			.trigger('blur');
+		$('div.tab')
+			.hide()
+				.eq(tabIndex)
+				.show();
+	};
+
+	EYE.register(initLayout, 'init');
+})(jQuery)

epanel/shortcodes/css/shortcodes-legacy.css

@@ -0,0 +1,284 @@
+/*------------------------------------------------*/
+/*-------------------[SHORTCODES]-----------------*/
+/*------------------------------------------------*/
+
+.et-box { margin: 0px 0px 10px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); font-size: 14px; position: relative; }
+	.et-box-content { text-shadow: 1px 1px 1px #ffffff; padding: 27px 43px 17px 66px; min-height: 35px; }
+		.et-box-content strong { color: #000000; font-weight: bold; }
+
+.et-warning:before, .et-download:before, .et-info:before, .et-bio:before, .et-shadow:before { content: ''; position: absolute; top: 32px; left: 28px; }
+
+.et-info { border: 1px solid #e2e2ba; }
+	.et-info:before { width: 22px; height: 20px; background: url(../images/shortcodes-sprite.png) no-repeat -97px -2px; }
+	.et-info .et-box-content { color: #ada771; background: #f9f9dc; border: 1px solid #fbfbef; -moz-box-shadow: inset 0 0 45px #efefc0; -webkit-box-shadow: inset 0 0 45px #efefc0; box-shadow: inset 0 0 45px #efefc0; }
+		.et-info .et-box-content h1, .et-info .et-box-content h2, .et-info .et-box-content h3, .et-info .et-box-content h4, .et-info .et-box-content h5, .et-info .et-box-content h6 { color: #ada771; }
+
+.et-warning { border: 1px solid #e0b1b1; }
+	.et-warning:before { width: 17px; height: 17px; background: url(../images/shortcodes-sprite.png) no-repeat -75px -41px; }
+	.et-warning .et-box-content { color: #ad7676; background: #ffd9d5; border: 1px solid #fceeec; -moz-box-shadow: inset 0 0 45px #f0bfba; -webkit-box-shadow: inset 0 0 45px #f0bfba; box-shadow: inset 0 0 45px #f0bfba; }
+		.et-warning .et-box-content h1, .et-warning .et-box-content h2, .et-warning .et-box-content h3, .et-warning .et-box-content h4, .et-warning .et-box-content h5, .et-warning .et-box-content h6 { color: #ad7676; }
+
+.et-download { border: 1px solid #b9dbb6; }
+	.et-download:before { width: 19px; height: 14px; background: url(../images/shortcodes-sprite.png) no-repeat -23px -19px; }
+	.et-download .et-box-content { color: #7ea57b; background: #dff7dd; border: 1px solid #f1f9f0; -moz-box-shadow: inset 0 0 45px #cbe5c9; -webkit-box-shadow: inset 0 0 45px #cbe5c9; box-shadow: inset 0 0 45px #cbe5c9; }
+		.et-download .et-box-content h1, .et-download .et-box-content h2, .et-download .et-box-content h3, .et-download .et-box-content h4, .et-download .et-box-content h5, .et-download .et-box-content h6 { color: #7ea57b; }
+
+.et-bio { border: 1px solid #b3d8d3; }
+	.et-bio:before { width: 19px; height: 15px; background: url(../images/shortcodes-sprite.png) no-repeat -23px -2px; top: 33px; }
+	.et-bio .et-box-content { color: #80acb0; background: #ddf5f7; border: 1px solid #f1fafb; -moz-box-shadow: inset 0 0 45px #c6edf0; -webkit-box-shadow: inset 0 0 45px #c6edf0; box-shadow: inset 0 0 45px #c6edf0; }
+		.et-bio .et-box-content h1, .et-bio .et-box-content h2, .et-bio .et-box-content h3, .et-bio .et-box-content h4, .et-bio .et-box-content h5, .et-bio .et-box-content h6 { color: #80acb0; }
+
+.et-shadow { border: 1px solid #ddd; }
+	.et-shadow .et-box-content { color: #737373; background: #fafafa; border: 1px solid #fafafa; -moz-box-shadow: inset 0 0 45px #e7e7e7; -webkit-box-shadow: inset 0 0 45px #e7e7e7; box-shadow: inset 0 0 45px #e7e7e7; }
+		.et-shadow .et-box-content h1, .et-shadow .et-box-content h2, .et-shadow .et-box-content h3, .et-shadow .et-box-content h4, .et-shadow .et-box-content h5, .et-shadow .et-box-content h6 { color: #737373; }
+
+
+.et-tooltip { position: relative; }
+	.et-tooltip-box { display: none; color: #6d6e6e; line-height: 18px; background: #ffffff; border: 1px solid #dbdbdb; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; bottom:35px; left: -94px; width: 235px; padding: 20px 25px 22px 25px; -moz-box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); }
+		.et-tooltip-arrow { background: url(../images/shortcodes-sprite.png) no-repeat -120px -2px; width: 24px; height: 13px; display: block; position: absolute; bottom: -13px; left: 129px; }
+
+
+.et-learn-more { background: #fff; border: 1px solid #e7e7e7; margin: 10px 0px; -moz-box-shadow: 1px -1px 0 0 #fff; -webkit-box-shadow: 1px -1px 0 0 #fff; box-shadow: 1px -1px 0 0 #fff; }
+	.et-learn-more h3.heading-more { cursor: pointer; padding: 16px 50px 16px 22px; font-size: 14px; color: #999; letter-spacing: 0px; text-shadow: 1px 1px 0 #fff; position: relative; border-left: 1px solid #fff; border-top: 1px solid #fff; margin: 0 !important; }
+		.et-learn-more h3.heading-more span.et_learnmore_arrow { display: block; position: absolute; top: 0; right: 0; width: 48px; height: 100%; border-left: 1px solid #fff; -moz-box-shadow: -1px 0 0 0 #e7e7e7; -webkit-box-shadow: -1px 0 0 0 #e7e7e7; box-shadow: -1px 0 0 0 #e7e7e7; }
+			.et-learn-more span.et_learnmore_arrow span { display: block; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -6px; width: 13px; height: 10px; background: url(../images/shortcodes-sprite.png) no-repeat -58px -2px; }
+			.et-learn-more .open span.et_learnmore_arrow span { background-position: -58px -14px; }
+	.et-learn-more .learn-more-content { padding: 30px 30px 20px; visibility: hidden; border-top: 1px solid #e7e7e7; }
+	.et_slidecontent .et-learn-more .learn-more-content { display: block; visibility: hidden; }
+	.et-open .learn-more-content { display: block; visibility: visible !important; }
+
+.et_shortcodes_controller_nav { border-top: 1px solid #e7e7e7; -moz-box-shadow: inset 1px 1px 0 0 #fff; -webkit-box-shadow: inset 1px 1px 0 0 #fff; box-shadow: inset 1px 1px 0 0 #fff; min-height: 53px; position: relative; }
+	.et_shortcodes_controls_arrows, .et_shortcodes_controls { list-style: none !important; margin: 0 !important; padding: 0 !important; line-height: 26px !important; }
+	.et_shortcodes_controls { text-align: center; padding-top: 20px !important; line-height: 0 !important; }
+		.et_shortcodes_controls li { display: inline-block; margin: 0 3px; }
+			.et_shortcodes_controls a { background: url(../images/shortcodes-sprite.png) no-repeat -45px -1px; width: 11px; height: 11px; display: inline-block; }
+			.et_shortcodes_controls .et_shortcodes_active_control a { background-position: -45px -14px; }
+	.et_shortcodes_controls_arrows a { font-size: 14px; color: #999 !important; text-shadow: 1px 1px 0 #fff; position: absolute; top: 0; }
+	.et_shortcodes_controls_arrows a:hover { color: #4c4c4c; text-decoration: none; }
+	.et_shortcodes_controls_arrows .et_sc_nav_prev { padding: 14px 38px 12px 48px; border-right: 1px solid #e7e7e7; -moz-box-shadow: 1px 0 0 0 #fff; -webkit-box-shadow: 1px 0 0 0 #fff; box-shadow: 1px 0 0 0 #fff; left: 0; }
+	.et_shortcodes_controls_arrows .et_sc_nav_next { padding: 14px 48px 12px 38px; border-left: 1px solid #fff; -moz-box-shadow: -1px 0 0 0 #e7e7e7; -webkit-box-shadow: -1px 0 0 0 #e7e7e7; box-shadow: -1px 0 0 0 #e7e7e7; right: 0; }
+		.et_shortcodes_controls_arrows .et_sc_nav_next span, .et_shortcodes_controls_arrows .et_sc_nav_prev span { top: 21px; }
+		.et_shortcodes_controls_arrows .et_sc_nav_next span { right: 30px; }
+		.et_shortcodes_controls_arrows .et_sc_nav_prev span { left: 30px; }
+
+.et-simple-slider { background: #fff; border: 1px solid #e7e7e7; margin: 10px 0; position: relative; }
+	.et-simple-slider h1, .et-simple-slider h2, .et-simple-slider h3, .et-simple-slider h4, .et-simple-slider h5, .et-simple-slider h6 { font-family: Century Gothic, Arial, sans-serif; color: #333333; }
+	.et-simple-slides { overflow: hidden; margin: 30px 30px 20px; }
+		.et-simple-slider div.et-slide { display: none; width:100% !important; }
+
+.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right:4%; position:relative; }
+.one_half { width: 48%; }
+.one_third { width: 30.66%; }
+.two_third { width:65.32%; }
+.one_fourth { width:22%; }
+.three_fourth { width:74%; }
+
+a.small-button, a.big-button, a.icon-button { display: inline-block; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; line-height: 26px; }
+
+a.small-button, a.icon-button { padding: 6px 14px; font-weight: bold !important; font-size: 12px; margin: 0 5px 8px 0; }
+	a.small-button:hover, a.big-button:hover, a.icon-button:hover { text-decoration: none; }
+
+a.smallblue, a.bigblue { color: #2b63a8 !important; background: #88bdff; background: -moz-linear-gradient(top, #88bdff 0%, #60a7ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bdff), color-stop(100%,#60a7ff)); background: -webkit-linear-gradient(top, #88bdff 0%,#60a7ff 100%); background: -o-linear-gradient(top, #88bdff 0%,#60a7ff 100%); background: -ms-linear-gradient(top, #88bdff 0%,#60a7ff 100%); background: linear-gradient(to bottom, #88bdff 0%,#60a7ff 100%); border: 1px solid #3e8ff4; }
+	a.smallblue:hover, a.bigblue:hover { color: #23528c !important; }
+
+a.smalllightblue { color: #348db6 !important; background: #8edbff; background: -moz-linear-gradient(top, #8edbff 0%, #60cdff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8edbff), color-stop(100%,#60cdff)); background: -webkit-linear-gradient(top, #8edbff 0%,#60cdff 100%); background: -o-linear-gradient(top, #8edbff 0%,#60cdff 100%); background: -ms-linear-gradient(top, #8edbff 0%,#60cdff 100%); background: linear-gradient(to bottom, #8edbff 0%,#60cdff 100%); border: 1px solid #51b5e4; }
+	a.smalllightblue:hover { color: #287295 !important; }
+
+a.smallteal, a.bigteal, a.bigturquoise { color: #3da7a9 !important; background: #61eef0; background: -moz-linear-gradient(top, #61eef0 0%, #59dcde 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61eef0), color-stop(100%,#59dcde)); background: -webkit-linear-gradient(top, #61eef0 0%,#59dcde 100%); background: -o-linear-gradient(top, #61eef0 0%,#59dcde 100%); background: -ms-linear-gradient(top, #61eef0 0%,#59dcde 100%); background: linear-gradient(to bottom, #61eef0 0%,#59dcde 100%); border: 1px solid #48bec0;}
+	a.smallteal:hover, a.bigteal:hover, a.bigturquoise:hover { color: #309192 !important; }
+
+a.smallgreen, a.biggreen { color: #569d51 !important; background: #94e48d; background: -moz-linear-gradient(top, #94e48d 0%, #82cf7c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94e48d), color-stop(100%,#82cf7c)); background: -webkit-linear-gradient(top, #94e48d 0%,#82cf7c 100%); background: -o-linear-gradient(top, #94e48d 0%,#82cf7c 100%); background: -ms-linear-gradient(top, #94e48d 0%,#82cf7c 100%); background: linear-gradient(to bottom, #94e48d 0%,#82cf7c 100%); border: 1px solid #4dab46; }
+	a.smallgreen:hover, a.biggreen:hover { color: #478542 !important; }
+
+a.smallorange, a.bigorange { color: #c7822f !important; background: #ffcb8c; background: -moz-linear-gradient(top, #ffcb8c 0%, #ffb660 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcb8c), color-stop(100%,#ffb660)); background: -webkit-linear-gradient(top, #ffcb8c 0%,#ffb660 100%); background: -o-linear-gradient(top, #ffcb8c 0%,#ffb660 100%); background: -ms-linear-gradient(top, #ffcb8c 0%,#ffb660 100%); background: linear-gradient(to bottom, #ffcb8c 0%,#ffb660 100%); border: 1px solid #db9c51; }
+	a.smallorange:hover, a.bigorange:hover { color: #a96c23 !important; }
+
+a.smallsilver { color: #595a5a !important; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e2e2e2 100%); border: 1px solid #c3c3c3; text-shadow: 1px 1px 1px #fff; -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); }
+	a.smallsilver:hover { color: #454545 !important; }
+
+a.smallblack { color: #fff !important; background: #5b5b5b; background: -moz-linear-gradient(top, #5b5b5b 0%, #383838 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#383838)); background: -webkit-linear-gradient(top, #5b5b5b 0%,#383838 100%); background: -o-linear-gradient(top, #5b5b5b 0%,#383838 100%); background: -ms-linear-gradient(top, #5b5b5b 0%,#383838 100%); background: linear-gradient(to bottom, #5b5b5b 0%,#383838 100%); border: 1px solid #0e0e0e; -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.1); text-shadow: -1px -1px 0 #000; }
+	a.smallblack:hover { color: #f7f7f7 !important; }
+
+a.smallred, a.bigred { color: #9a3e3e !important; background: #ff7979; background: -moz-linear-gradient(top, #ff7979 0%, #ff5f5f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7979), color-stop(100%,#ff5f5f)); background: -webkit-linear-gradient(top, #ff7979 0%,#ff5f5f 100%); background: -o-linear-gradient(top, #ff7979 0%,#ff5f5f 100%); background: -ms-linear-gradient(top, #ff7979 0%,#ff5f5f 100%); background: linear-gradient(to bottom, #ff7979 0%,#ff5f5f 100%); border: 1px solid #d85353; }
+	a.smallred:hover, a.bigred:hover { color: #803030 !important; }
+
+a.smallpink { color: #914d97 !important; background: #e782f1; background: -moz-linear-gradient(top, #e782f1 0%, #d271da 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e782f1), color-stop(100%,#d271da)); background: -webkit-linear-gradient(top, #e782f1 0%,#d271da 100%); background: -o-linear-gradient(top, #e782f1 0%,#d271da 100%); background: -ms-linear-gradient(top, #e782f1 0%,#d271da 100%); background: linear-gradient(to bottom, #e782f1 0%,#d271da 100%); border: 1px solid #b15cb9; }
+	a.smallpink:hover { color: #753b7a !important; }
+
+a.smallpurple, a.bigpurple { color: #653e9a !important; background: #b279ff; background: -moz-linear-gradient(top, #b279ff 0%, #a35fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b279ff), color-stop(100%,#a35fff)); background: -webkit-linear-gradient(top, #b279ff 0%,#a35fff 100%); background: -o-linear-gradient(top, #b279ff 0%,#a35fff 100%);background: -ms-linear-gradient(top, #b279ff 0%,#a35fff 100%); background: linear-gradient(to bottom, #b279ff 0%,#a35fff 100%); border: 1px solid #8b53d8; }
+	a.smallpurple:hover, a.bigpurple:hover { color: #563386 !important; }
+
+a.big-button { font-weight: normal !important; font-size: 20px; padding: 14px 24px; margin: 8px 6px 8px 0; }
+	a.big-button:hover { text-decoration: none; }
+
+a.icon-button { color: #595a5a !important; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%); border: 1px solid #c3c3c3; text-shadow: 1px 1px 1px #fff; -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); padding-left: 36px; position: relative; }
+a.icon-button:hover { color: #404040; }
+	a.icon-button span.et-icon { position: absolute; top: 10px; left: 12px; width: 18px; height: 16px; }
+
+
+a.download-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -3px -2px; width: 17px; height: 20px; top: 7px; }
+a.search-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -206px -2px; top: 9px; }
+a.refresh-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -169px -19px; }
+a.question-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -164px -2px; }
+a.people-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -151px -33px; height: 17px; top: 9px; }
+a.warning-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -188px -19px; width: 15px; }
+a.mail-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -131px -33px; height: 15px; }
+a.heart-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -131px -18px; width: 14px; height: 13px; top: 12px; left: 14px; }
+a.paper-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -147px -17px; width: 15px; height: 15px; }
+a.notice-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -147px -2px; width: 15px; height: 13px; top: 11px; }
+a.stats-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -184px -2px; width: 15px; height: 14px; top: 11px; }
+a.rss-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -171px -36px; width: 15px; top: 9px; }
+
+
+ul.et_shortcodes_mobile_nav { margin: 0 !important; padding: 0 !important; list-style:none outside none !important; display: none; z-index: 2; }
+	ul.et_shortcodes_mobile_nav a { position: relative; }
+		ul.et_shortcodes_mobile_nav span, .et_shortcodes_controls_arrows span { position: absolute; top: 23px; display: block; width: 10px; height: 14px; }
+		ul.et_shortcodes_mobile_nav .et_sc_nav_prev span, .et_shortcodes_controls_arrows .et_sc_nav_prev span { background: url(../images/shortcodes-sprite.png) no-repeat -3px -24px; }
+		ul.et_shortcodes_mobile_nav .et_sc_nav_next span, .et_shortcodes_controls_arrows .et_sc_nav_next span { background: url(../images/shortcodes-sprite.png) no-repeat -3px -40px; }
+
+.et-tabs-container { background: #fff; border: 1px solid #e7e7e7; position: relative; margin: 50px 0px 15px; }
+	.et-learn-more h3.heading-more, .et-tabs-container .et-tabs-control, .et-tabs-container ul.et_shortcodes_mobile_nav, .et_shortcodes_controller_nav, .et-testimonial-author-info, .et-protected-title, .pricing-heading, .pricing-content-bottom { background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%); background: -ms-linear-gradient(top,  #f9f9f9 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%); }
+	.et-tabs-container .et-tabs-control, .et-tabs-container ul.et_shortcodes_mobile_nav  { margin: 0px !important; overflow: hidden; border-top: 1px solid #fff; position: relative; }
+	.et-tabs-container .et-tabs-control:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e7e7e7; }
+		.et-tabs-container .et-tabs-control li { list-style:none outside none; margin: 0 !important; float: left; padding: 0 !important; border-left: 1px solid #e7e7e7; -moz-box-shadow: -1px 0 0 #fff; -webkit-box-shadow: -1px 0 0 #fff; box-shadow: -1px 0 0 #fff; position: relative; }
+		.et-tabs-container .et-tabs-control li:first-child { border-left: 1px solid #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
+			.et-tabs-container .et-tabs-control li a { font-size: 14px; color: #999 !important; text-shadow: 1px 1px 0 #fff !important; display: block; padding: 15px 20px; }
+			.et-tabs-container .et-tabs-control li a:hover { color: #4c4c4c !important; text-decoration: none; }
+		.et-tabs-container .et-tabs-control li.active:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; }
+			.et-tabs-container .et-tabs-control li.active a { background: #fff; color: #4c4c4c !important; }
+	.et-tabs-content-wrapper > div { display: none; }
+	.et_sliderfx_slide .et-tabs-content-wrapper { width: 1200%; position: relative; left: 0; }
+		.et_sliderfx_slide .et-tabs-content-wrapper > div { float: left; display: block; height: 1px; visibility: hidden; }
+		.et_sliderfx_slide .et-tabs-content-wrapper > div, .et_sliderfx_fade .et_slidecontent { word-wrap: break-word; }
+		.et_sliderfx_slide .et_shortcode_slide_active { height: auto !important; }
+.et-tabs-container .et-tabs-content { margin: 30px 30px 20px; }
+
+.et-tabs-container ul.et_shortcodes_mobile_nav { border-bottom: 1px solid #e7e7e7; }
+	.et-tabs-container ul.et_shortcodes_mobile_nav li { float: right; line-height: 26px; }
+		.et-tabs-container ul.et_shortcodes_mobile_nav a { display: block; padding: 16px 10px 16px 45px; color: #999 !important; font-size: 14px; text-shadow: 1px 1px 0 #fff !important; }
+		.et-tabs-container ul.et_shortcodes_mobile_nav a.et_sc_nav_next { padding: 16px 45px 16px 10px; text-align: right; }
+		.et-tabs-container ul.et_shortcodes_mobile_nav a:hover { text-decoration: none; color: #4c4c4c !important; }
+			.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_next:before { position: absolute; content: ''; top: 0; left: 0; width: 1px; height: 100%; background: #e7e7e7; -moz-box-shadow: 1px 0 0 #fff; -webkit-box-shadow: 1px 0 0 #fff; box-shadow: 1px 0 0 #fff; }
+
+		.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_next span { right: 28px; }
+		.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_prev span { left: 28px; }
+
+.et-tabs-container, .tabs-left, .et-simple-slider, .et-image-slider, .et-testimonial-box, .author-shortcodes, .et-protected { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
+
+.tabs-left { background: #fff; border: 1px solid #e7e7e7; position: relative; margin-bottom: 15px; }
+	.tabs-left .et-tabs-control, .tabs-left ul.et_shortcodes_mobile_nav { width: 149px; border-top: 1px solid #fff; float: left; list-style:none outside none !important; margin:0 !important; position: relative; }
+	.tabs-left ul.et_shortcodes_mobile_nav { position: absolute; top: 0; left: 0; }
+		.tabs-left .et-tabs-control li, .tabs-left ul.et_shortcodes_mobile_nav li { padding-right: 0 !important; padding-left: 0 !important; background: none !important; list-style: none !important; border-bottom: 1px solid #e7e7e7; -moz-box-shadow: 0 1px 0 0 #fff; -webkit-box-shadow: 0 1px 0 0 #fff; box-shadow: 0 1px 0 0 #fff; }
+			.tabs-left .et-tabs-control li a { color: #999 !important; font-size: 14px; text-shadow: 1px 1px 0 #fff !important; display: block; padding: 15px 10px 15px 20px; }
+			.tabs-left .et-tabs-control li.active a { background: #fff; margin-right: -1px; }
+			.tabs-left .et-tabs-control li a:hover, .tabs-left .et-tabs-control li.active a { text-decoration: none; color: #4c4c4c !important; }
+	.tabs-left .et-tabs-content { padding: 30px 30px 20px; position: relative; }
+	.tabs-left.et_sliderfx_slide .et-tabs-content-main-wrap { overflow: hidden; }
+		.tabs-left .et-tabs-content h3 { padding-bottom: 14px; color: #333333; }
+	.et_left_tabs_bg { position: absolute; top: 0; left: 0; width: 148px; height: 100%; border-right: 1px solid #e7e7e7; border-left: 1px solid #fff; background: #f5f5f5;  background: -moz-linear-gradient(left, #f9f9f9 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #f9f9f9 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #f9f9f9 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #f9f9f9 0%,#f5f5f5 100%); background: linear-gradient(to right, #f9f9f9 0%,#f5f5f5 100%); }
+
+	.tabs-left ul.et_shortcodes_mobile_nav  a { text-indent: -9999px; }
+		.tabs-left ul.et_shortcodes_mobile_nav a span { top: 50%; margin-top: -7px; }
+		.tabs-left ul.et_shortcodes_mobile_nav .et_sc_nav_next span { right: 50%; margin-right: -4px; }
+		.tabs-left ul.et_shortcodes_mobile_nav .et_sc_nav_prev span { left: 50%; margin-left: -4px; }
+
+.author-shortcodes { background: #fff; border: 1px solid #e7e7e7; color: #363636; font-size: 14px; margin-bottom: 10px; }
+	.author-shortcodes .author-inner { position: relative; padding: 30px 30px 20px 117px; min-height: 60px; }
+		.author-shortcodes .author-image { position: absolute; top: 32px; left: 30px; width: 60px; height: 60px; }
+			.author-shortcodes .author-image img { max-width: 100%; height: auto; width: auto; }
+			.author-shortcodes .author-image .author-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); box-shadow: inset 0 0 4px rgba(0,0,0,0.5); }
+
+.et-protected { border: 1px solid #e7e7e7; width: 390px; background: #fff; margin-bottom: 10px; }
+	.et-protected-title { border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7; padding: 18px 10px 17px 50px; position: relative; color: #999; text-shadow: 0 1px 0 #fff; font-size: 14px; }
+		.et-protected-title:before { content: ''; position: absolute; top: 16px; left: 20px; background: url(../images/shortcodes-sprite.png) no-repeat -23px -36px; width: 17px; height: 19px; }
+	.et-protected-form { padding: 32px 37px 32px 32px; text-align: right; }
+		.et-protected-form p { padding-bottom: 16px; }
+			.et-protected-form p label { position: relative; }
+				.et-protected-form p .et_protected_icon { width: 10px; height: 20px; position: absolute; top: 2px; left: 18px; background: url(../images/shortcodes-sprite.png) no-repeat -190px -37px; display: block; }
+				.et-protected-form p .et_protected_password { height: 23px; background-position: -275px -2px; }
+			.et-protected-form label span { display: none; }
+			.et-protected-form p input { margin: 0 !important; border: 1px solid #e7e7e7; color: #363636; font-size: 14px; background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 1%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f3f3f3), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #f3f3f3 1%,#fefefe 100%); background: -o-linear-gradient(top, #f3f3f3 1%,#fefefe 100%); background: -ms-linear-gradient(top, #f3f3f3 1%,#fefefe 100%); background: linear-gradient(to bottom, #f3f3f3 1%,#fefefe 100%); padding: 20px 20px 20px 40px; width: 100%; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.1); box-shadow: inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
+
+		.et-protected-form input.etlogin-button { background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%); border: 1px solid #e7e7e7; padding: 14px 24px; color: #999; text-shadow: 0 1px 0 #fff; font-size: 14px; -webkit-box-shadow: inset 1px 1px 0 0 #fff; -moz-box-shadow: inset 1px 1px 0 0 #fff; box-shadow: inset 1px 1px 0 0 #fff; }
+
+.et-simple-slides .et_slidecontent { width: auto; }
+
+.et-image-slides { background: #555; }
+	.et-image-slider { background: #fff; border: 1px solid #e7e7e7; margin-bottom:25px; }
+		.et-image-slide { position: relative; }
+			.et-image-slider img { display: block; width: auto; margin: 0 auto; height: auto; }
+			.et-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.6); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.6); box-shadow: inset 0 0 5px rgba(0,0,0,0.6); }
+
+.et-learn-more, .et-tabs-container, .tabs-left, .et-simple-slider, .author-shortcodes, .et-tooltip-box { color:#201F1F !important; text-shadow: none !important; }
+.et-learn-more a, .et-tabs-container a, .tabs-left a, .et-simple-slider a, .author-shortcodes a, .et-tooltip-box a { text-shadow: none !important; }
+
+.et-custom-list ul { list-style: none !important; list-style-image: none !important; padding-left: 0 !important; margin: 0 !important; line-height: 26px; }
+	.et-custom-list ul li { padding-left: 28px !important; margin: 5px 0 !important; list-style: none !important; position: relative; }
+		.et-custom-list ul li:before { content: ''; position: absolute; top: 5px; left: 0; background: url(../images/shortcodes-sprite.png) no-repeat -74px -2px; width: 22px; height: 18px; }
+	.etlist-x ul li:before { content: ''; position: absolute; top: 6px; left: 0; background: url(../images/shortcodes-sprite.png) no-repeat -75px -21px; width: 22px; height: 18px; }
+	.etlist-dot ul li { padding-left: 25px !important; }
+		.etlist-dot ul li:before { content: ''; position: absolute; top: 9px; left: 0; background: url(../images/shortcodes-sprite.png) no-repeat -230px -3px; width: 10px; height: 9px; }
+			.et-custom-list ul li ul { padding: 2px 0px !important; margin: 0 !important; }
+
+.et-pricing { margin: 40px 0 10px; }
+	.pricing-table { float: left; width: 25%; margin-bottom: 22px; position: relative; margin-left: -1px; }
+		.pricing-table-wrap { border: 1px solid #e7e7e7; border-bottom: none; }
+		.pricing-heading { border-bottom: 1px solid #e7e7e7; padding: 23px 10px 22px; text-shadow: 1px 1px 0 #fff; font-size: 12px; color: #999; text-align: center; -moz-box-shadow: inset 1px 1px 0 0 #fff; -webkit-box-shadow: inset 1px 1px 0 0 #fff; box-shadow: inset 1px 1px 0 0 #fff; }
+			.pricing-title { text-transform: uppercase; font-size: 20px; color: #53b4c7 !important; font-weight: bold; text-shadow: none !important; }
+			.pricing-heading p { padding-bottom: 0 !important; }
+
+			.pricing-table ul.pricing { padding: 0 !important; list-style: none !important; margin: 0 !important; list-style-image: none !important; line-height: 26px; }
+				.pricing-table ul.pricing li { list-style: none !important; border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #fefefe 7%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(7%,#fefefe), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#fefefe 7%,#ffffff 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#fefefe 7%,#ffffff 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#fefefe 7%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#fefefe 7%,#ffffff 100%); padding: 14px 7px 14px 63px; position: relative; font-size: 12px; color: #363636; text-shadow: none !important; }
+					.pricing-table ul.pricing li span.pricing-mark { position: absolute; top: 19px; left: 30px; width: 22px; height: 18px; background: url(../images/shortcodes-sprite.png) no-repeat -74px -2px; }
+					.pricing-table ul.pricing li.x-mark span.pricing-mark { background-position: -74px -20px; }
+
+			.pricing-content-bottom { border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7; -webkit-box-shadow: inset 1px 0 0 0 #fff; -moz-box-shadow: inset 1px 0 0 0 #fff; box-shadow: inset 1px 0 0 0 #fff; padding: 20px 5px 43px; text-align: center; }
+					span.et-price { font-size: 48px; color: #94c65c; text-shadow: 0 1px 0 #fff; font-family: Georgia, serif; }
+						span.et-price sup { font-size: 24px; bottom: 13px; left: 1px; }
+						span.et-price span.dollar-sign { font-size: 36px; }
+			.pricing-table a.icon-button { margin: 0; padding-left: 15px; position: absolute; bottom: -13px; left: 50%; }
+			.pricing-table a.icon-button { visibility: hidden; }
+	.pricing-big { top: -20px; -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.2); box-shadow: 0 0 18px rgba(0,0,0,0.2); z-index: 2; }
+		.pricing-big .pricing-table-wrap { border-color: #d6d5d5; }
+		.pricing-big .pricing-heading { padding-top: 43px; }
+		.pricing-big .pricing-content-bottom { padding-bottom: 63px; border-bottom: 1px solid #d6d5d5; }
+
+.et-testimonial-box { border: 1px solid #e7e7e7; background: #fff; position: relative; margin: 10px 0 45px; }
+	.et-testimonial-author-info { border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7; padding: 20px 20px 15px; text-shadow: 0 1px 0 #fff; }
+		.t-img { width: 60px; height: 60px; float: left; margin: 0 25px 5px 0; -moz-box-shadow: 0 1px 0 0 #fff; -webkit-box-shadow: 0 1px 0 0 #fff; box-shadow: 0 1px 0 0 #fff; position: relative; }
+			.t-img img { max-width: 100%; height: auto; }
+			.t-overlay { width: 100%; height: 100%; box-shadow: inset 0 0 4px rgba(0,0,0,0.4); display: block; position: absolute; top: 0; left: 0; }
+		.t-author, .t-position { display: block; }
+		.t-author { font-size: 18px; color: #999; padding: 10px 0 5px; }
+		.t-position { color: #595959; }
+		.t-position, .et-testimonial { font-family: Georgia, serif; font-style: italic; font-size: 14px; }
+		.et-testimonial { padding: 43px 35px 30px 77px; color: #363636; position: relative; text-shadow: none !important; }
+			.et-testimonial:before { content: ''; position: absolute; top: 43px; left: 35px; width: 25px; height: 19px; background: url(../images/shortcodes-sprite.png) no-repeat -45px -35px; }
+		.t-bottom-arrow { background: url(../images/shortcodes-sprite.png) no-repeat -97px -25px; width: 31px; height: 32px; position: absolute; bottom: -32px; right: 40px; }
+
+
+.et-dropcap { font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; }
+
+.et_quote { padding-left: 57px; min-height: 40px; font-family: Georgia, serif; font-size: 14px; font-style: italic; position: relative; line-height: 1.5; margin-bottom: 10px; }
+	.et_quote .et_quote_sign { background: url(../images/shortcodes-sprite.png) no-repeat -206px -20px; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 34px; }
+	.quote-center .et_quote_sign { background-position: -251px -2px; width: 20px; height: 16px; top: 3px; }
+	.quote-center .et_quote_additional_sign { background: url(../images/shortcodes-sprite.png) no-repeat -251px -22px; position: absolute; top: 3px; right: 13px; display: block; width: 20px; height: 16px; }
+	.et_right_quote { width: 100%; }
+.quote-center { font-size: 24px; line-height: 1.2; text-align: center; padding-left: 30px; }
+	.quote-center .et_right_quote { padding-right: 30px; width: 95%; }
+
+
+.et-tabs-container .et-tabs-control { padding: 0; }
+.tabs-left .et-tabs-control { padding-left: 0; }
+.author-info h1, .author-info h2, .author-info h3, .author-info h4, .author-info h5, .author-info h6 { color:#201F1F !important; text-shadow: none !important; }
+
+.et-tabs-container .et-tabs-control li a, .tabs-left .et-tabs-control li a { text-decoration: none !important; }
+
+a.big-button, a.small-button, a.icon-button { cursor: pointer; }
+
+.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
+.et_column_last { margin-right: 0px !important; clear:right; }
+.clear { clear:both; }

epanel/shortcodes/css/shortcodes_responsive.css

@@ -0,0 +1,61 @@
+/* Responsive Shortcodes */
+body.et_right_sidebar .pricing-table, body.et_left_sidebar .pricing-table { width: 50%; }
+@media all and ( max-width: 959px ) {
+	body.et_right_sidebar .one_third, body.et_right_sidebar .one_half, body.et_right_sidebar .one_third, body.et_right_sidebar .two_third, body.et_right_sidebar .one_fourth, body.et_right_sidebar .three_fourth,
+	body.et_left_sidebar .one_third, body.et_left_sidebar .one_half, body.et_left_sidebar .one_third, body.et_left_sidebar .two_third, body.et_left_sidebar .one_fourth, body.et_left_sidebar .three_fourth { float: none; margin-right: 0; width: auto; margin-bottom: 10px; }
+
+	body.et_right_sidebar .et-testimonial-box, body.et_right_sidebar .et-protected,
+	body.et_left_sidebar .et-testimonial-box, body.et_left_sidebar .et-protected { width: auto !important; }
+	body.et_right_sidebar .et-protected-form,
+	body.et_left_sidebar .et-protected-form { padding: 15px !important; }
+}
+@media all and (min-width: 768px) and (max-width: 959px) {
+	body.et_full_width_page .pricing-table { width: 50%; }
+}
+@media all and ( max-width: 767px ) {
+	.et_left_tabs_bg { width: 50px; }
+	.tabs-left .et-tabs-control, .et-tabs-container .et-tabs-control { display: none; }
+	.tabs-left ul.et_shortcodes_mobile_nav { display: block; width: 51px; }
+		.tabs-left ul.et_shortcodes_mobile_nav  a { display: block; height: 49px; width: 100%; }
+	.tabs-left .et-tabs-content { margin-left: 75px; }
+
+	.et-tabs-container  ul.et_shortcodes_mobile_nav { display: block; }
+		.et-tabs-container  ul.et_shortcodes_mobile_nav li { width: 50%; }
+
+	.et-pricing { margin-top: 0; }
+	body.et_right_sidebar .pricing-table, body.et_left_sidebar .pricing-table, body.et_full_width_page .pricing-table { width: 100%; margin-bottom: 35px; }
+	.pricing-big { top: 0; }
+
+	body.et_full_width_page .one_third, body.et_full_width_page .one_half, body.et_full_width_page .one_third, body.et_full_width_page .two_third, body.et_full_width_page .one_fourth, body.et_full_width_page .three_fourth { float: none; margin-right: 0; width: auto; margin-bottom: 10px; }
+
+	body.et_full_width_page .et-testimonial-box, body.et_full_width_page .et-protected  { width: auto !important; }
+	body.et_full_width_page .et-protected-form { padding: 15px !important; }
+
+	body.et_right_sidebar .author-shortcodes .author-inner,
+	body.et_left_sidebar .author-shortcodes .author-inner { padding: 27px 27px 17px; }
+	body.et_right_sidebar .author-shortcodes .author-image,
+	body.et_left_sidebar .author-shortcodes .author-image { position: relative; top: 0; left: 0; margin-bottom: 10px; }
+
+	body.et_right_sidebar .quote-center .et_quote_additional_sign,
+	body.et_left_sidebar .quote-center .et_quote_additional_sign { right: -13px; }
+	body.et_right_sidebar .et_shortcodes_controls,
+	body.et_left_sidebar .et_shortcodes_controls { display: none; }
+	body.et_right_sidebar .et_shortcodes_controls_arrows a,
+	body.et_left_sidebar .et_shortcodes_controls_arrows a { text-indent: -9999px; }
+}
+@media all and ( max-width: 479px ) {
+	.et-tabs-container ul.et_shortcodes_mobile_nav a.et_sc_nav_prev { padding-left: 26px; }
+		.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_prev span { left: 10px; }
+	.et-tabs-container ul.et_shortcodes_mobile_nav a.et_sc_nav_next { padding-right: 26px; }
+		.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_next span { right: 10px; }
+
+	body.et_full_width_page .author-shortcodes .author-inner { padding: 27px 27px 17px; }
+	body.et_full_width_page .author-shortcodes .author-image { position: relative; top: 0; left: 0; margin-bottom: 10px; }
+	body.et_full_width_page .quote-center .et_quote_additional_sign { right: -13px; }
+	body.et_full_width_page .et_shortcodes_controls { display: none; }
+	body.et_full_width_page .et_shortcodes_controls_arrows a { text-indent: -9999px; }
+
+	.et-box:before, .et-testimonial:before { display: none; }
+	.et-box-content { padding: 27px 27px 17px 27px; }
+	.et-testimonial { padding: 25px; }
+}

epanel/shortcodes/js/editor_plugin.js

@@ -0,0 +1,80 @@
+(function(){
+	tinymce.create('tinymce.plugins.etquicktags', {
+		/**
+		 * Initializes the plugin, this will be executed after the plugin has been created.
+		 * This call is done before the editor instance has finished it's initialization so use the onInit event
+		 * of the editor instance to intercept that event.
+		 *
+		 * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
+		 * @param {string} url Absolute URL to where the plugin is located.
+		 */
+		init : function(ed, url) {
+			ed.addButton('et_learn_more', {
+				title : et_quicktags_strings.learn_more,
+				image : url + '/../images/icon-toggle.gif',
+				onclick : function() {
+					CustomButtonClick('learn_more');
+				}
+			});
+			ed.addButton('et_box', {
+				title : et_quicktags_strings.box,
+				image : url + '/../images/icon-boxes.gif',
+				onclick : function() {
+					CustomButtonClick('box');
+				}
+			});
+			ed.addButton('et_button', {
+				title : et_quicktags_strings.button,
+				image : url + '/../images/icon-buttons.gif',
+				onclick : function() {
+					CustomButtonClick('button');
+				}
+			});
+			ed.addButton('et_tabs', {
+				title : et_quicktags_strings.tabs,
+				image : url + '/../images/icon-tabs.gif',
+				onclick : function() {
+					CustomButtonClick('tabs');
+				}
+			});
+			ed.addButton('et_author', {
+				title : et_quicktags_strings.author,
+				image : url + '/../images/icon-author.gif',
+				onclick : function() {
+					CustomButtonClick('author');
+				}
+			});
+		},
+		/**
+		 * Creates control instances based in the incomming name. This method is normally not
+		 * needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
+		 * but you sometimes need to create more complex controls like listboxes, split buttons etc then this
+		 * method can be used to create those.
+		 *
+		 * @param {String} n Name of the control to create.
+		 * @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
+		 * @return {tinymce.ui.Control} New control instance or null if no control was created.
+		 */
+		createControl : function(n, cm) {
+			return null;
+		},
+
+		/**
+		 * Returns information about the plugin as a name/value array.
+		 * The current keys are longname, author, authorurl, infourl and version.
+		 *
+		 * @return {Object} Name/value array containing information about the plugin.
+		 */
+		getInfo : function() {
+			return {
+				longname : "Elegant Themes " + et_quicktags_strings.shortcodes,
+				author : 'Elegant Themes',
+				authorurl : 'http://www.elegantthemes.com/',
+				infourl : 'http://www.elegantthemes.com/',
+				version : "1.0"
+			};
+		}
+	});
+
+	tinymce.PluginManager.add('et_quicktags', tinymce.plugins.etquicktags);
+})()

epanel/shortcodes/js/editor_plugin.min.js

@@ -0,0 +1 @@
+(function(){tinymce.create("tinymce.plugins.etquicktags",{init:function(e,t){e.addButton("et_learn_more",{title:et_quicktags_strings.learn_more,image:t+"/../images/icon-toggle.gif",onclick:function(){CustomButtonClick("learn_more")}});e.addButton("et_box",{title:et_quicktags_strings.box,image:t+"/../images/icon-boxes.gif",onclick:function(){CustomButtonClick("box")}});e.addButton("et_button",{title:et_quicktags_strings.button,image:t+"/../images/icon-buttons.gif",onclick:function(){CustomButtonClick("button")}});e.addButton("et_tabs",{title:et_quicktags_strings.tabs,image:t+"/../images/icon-tabs.gif",onclick:function(){CustomButtonClick("tabs")}});e.addButton("et_author",{title:et_quicktags_strings.author,image:t+"/../images/icon-author.gif",onclick:function(){CustomButtonClick("author")}})},createControl:function(e,t){return null},getInfo:function(){return{longname:"Elegant Themes "+et_quicktags_strings.shortcodes,author:"Elegant Themes",authorurl:"http://www.elegantthemes.com/",infourl:"http://www.elegantthemes.com/",version:"1.0"}}});tinymce.PluginManager.add("et_quicktags",tinymce.plugins.etquicktags)})()

epanel/shortcodes/js/et_shortcodes_frontend.js

@@ -0,0 +1,381 @@
+/*! ET et_shortcodes_frontend.js */
+// et_switcher plugin v2.2
+(function($)
+{
+	$.fn.et_shortcodes_switcher = function(options)
+	{
+		var defaults =
+		{
+		   slides: '>div',
+		   activeClass: 'active',
+		   linksNav: '',
+		   findParent: true, //use parent elements to define active states
+		   lengthElement: 'li', //parent element, used only if findParent is set to true
+		   useArrows: false,
+		   arrowLeft: 'a#prev-arrow',
+		   arrowRight: 'a#next-arrow',
+		   auto: false,
+		   autoSpeed: 5000,
+		   slidePadding: '',
+		   pauseOnHover: true,
+		   fx: 'fade',
+		   sliderType: ''
+		};
+
+		var options = $.extend(defaults, options);
+
+		return this.each(function()
+		{
+			var slidesContainer = jQuery(this).parent().css('position','relative'),
+				$slides = jQuery(this).css({'overflow':'hidden','position':'relative'}),
+				$slides_wrapper_box = slidesContainer.find('.et-tabs-content-wrapper'),
+				$slides_wrapper = $slides_wrapper_box.parent(),
+				$slide = $slides.find( '.et-tabs-content-wrapper' + options.slides),
+				slidesNum = $slide.length,
+				zIndex = slidesNum,
+				currentPosition = 1,
+				slideHeight = 0,
+				$activeSlide,
+				$nextSlide,
+				slides_wrapper_width = $slides_wrapper.width(),
+				$et_shortcodes_mobile_nav,
+				$et_shortcodes_mobile_controls;
+
+			if (options.fx === 'slide') {
+				$slides_wrapper_box.width( ( ( slidesNum + 2 ) * 200 ) + '%' );
+				$slide.css({
+					'width': slides_wrapper_width + 'px',
+					'visibility': 'visible',
+				});
+
+				$slides_wrapper_box.append($slide.first().clone().removeClass().addClass('et_slidecontent_cloned'));
+				$slides_wrapper_box.prepend( $slide.last().clone().removeClass().addClass('et_slidecontent_cloned') );
+
+				$slides_wrapper_box.css('left', - slides_wrapper_width + 'px');
+			}
+
+			$slide.first().css({ 'display': 'block' }).addClass('et_shortcode_slide_active');
+
+			if ('' !== options.slidePadding) {
+				var slidePaddingOption = 'number' === typeof options.slidePadding ? options.slidePadding + 'px' : options.slidePadding;
+				$slide.css('padding', slidePaddingOption);
+			}
+
+			if (options.linksNav != '') {
+				var linkSwitcher = jQuery(options.linksNav);
+
+				var linkSwitcherTab = '';
+				if (options.findParent) linkSwitcherTab = linkSwitcher.parent();
+				else linkSwitcherTab = linkSwitcher;
+
+				if (!linkSwitcherTab.filter('.active').length) linkSwitcherTab.first().addClass('active');
+
+				linkSwitcher.on('click', function() {
+					var targetElement, orderNum;
+
+					if (options.findParent) targetElement = jQuery(this).parent();
+					else targetElement = jQuery(this);
+
+					orderNum = targetElement.prevAll(options.lengthElement).length+1;
+
+					if (orderNum > currentPosition) gotoSlide(orderNum, 1);
+					else gotoSlide(orderNum, -1);
+
+					return false;
+				});
+			}
+
+
+			if (options.useArrows) {
+				var $right_arrow = jQuery(options.arrowRight),
+					$left_arrow = jQuery(options.arrowLeft);
+
+				$right_arrow.on('click', function(){
+					et_shortcodes_go_to_next_slide();
+					return false;
+				});
+
+				$left_arrow.on('click', function(){
+					et_shortcodes_go_to_previous_slide();
+					return false;
+				});
+
+			}
+
+			function changeTab(){
+				if (linkSwitcherTab != '') {
+					linkSwitcherTab.siblings().removeClass('active');
+					linkSwitcherTab.eq(currentPosition - 1).addClass('active');
+				}
+			}
+
+			function gotoSlide(slideNumber,dir){
+				if ($slide.filter(':animated').length) return;
+
+				$activeSlide = $slide.parent().find('.et_slidecontent').eq(currentPosition - 1);
+
+				if (currentPosition === slideNumber) return;
+
+				$activeSlide.removeClass('et_shortcode_slide_active');
+
+				$nextSlide = $slide.parent().find('.et_slidecontent').eq(slideNumber - 1).addClass('et_shortcode_slide_active');
+
+				if ((currentPosition > slideNumber || currentPosition === 1) && (dir === -1)) {
+					if (options.fx === 'slide') slideBack(500);
+					if (options.fx === 'fade') slideFade(500);
+				} else {
+					if (options.fx === 'slide') slideForward(500);
+					if (options.fx === 'fade') slideFade(500);
+				}
+
+				currentPosition = $nextSlide.prevAll('.et_slidecontent').length + 1;
+
+				if (options.linksNav != '') changeTab();
+
+				if ( options.sliderType === 'images' || options.sliderType === 'simple' ){
+					$et_shortcodes_mobile_controls.find('li').removeClass('et_shortcodes_active_control');
+					$et_shortcodes_mobile_controls.find('li').eq(currentPosition-1).addClass('et_shortcodes_active_control');
+				}
+
+				return false;
+			}
+
+
+			if (options.auto) {
+				auto_rotate();
+				var pauseSlider = false;
+			}
+
+			if (options.pauseOnHover) {
+				slidesContainer.on('mouseenter', function(){
+					pauseSlider = true;
+				}).on('mouseleave', function(){
+					pauseSlider = false;
+				});
+			}
+
+			function auto_rotate(){
+				interval_shortcodes = setInterval(function(){
+					if (!pauseSlider) {
+						if (currentPosition === slidesNum)
+							gotoSlide(1,1);
+						else
+							gotoSlide(currentPosition+1,1);
+
+						if (options.linksNav != '') changeTab();
+					}
+				},options.autoSpeed);
+			}
+
+			function slideFade(speed){
+				$activeSlide.css( { 'display' : 'none', 'opacity' : '0' } );
+
+				$nextSlide.css({'opacity' : '0', 'display':'block'}).animate( { opacity : 1 }, 700 );
+			}
+
+			function slideForward(speed){
+				var next_slide_order = $nextSlide.prevAll('.et_slidecontent').length+1,
+					go_to_first_slide = false;
+
+				if ( $activeSlide.next('.et_slidecontent_cloned').length ) {
+					next_slide_order = $activeSlide.prevAll().length+1;
+					go_to_first_slide = true;
+				}
+
+				$slides_wrapper_box.animate( { left : - ( $slides_wrapper.width() * next_slide_order ) }, 500, function(){
+					if (go_to_first_slide) {
+						$slides_wrapper_box.css('left', - $slides_wrapper.width() + 'px');
+					}
+				} );
+			}
+
+			function slideBack(speed){
+				var next_slide_order = $nextSlide.prevAll('.et_slidecontent').length+1,
+					go_to_last_slide = false;
+
+				if ( $activeSlide.prev('.et_slidecontent_cloned').length ) {
+					next_slide_order = 0;
+					go_to_last_slide = true;
+				}
+
+				$slides_wrapper_box.animate( { left : - ( $slides_wrapper.width() * next_slide_order ) }, 500, function(){
+					if (go_to_last_slide) {
+						$slides_wrapper_box.css('left', - ($slides_wrapper.width() * slidesNum) + 'px');
+					}
+				} );
+			}
+
+			if (options.fx === 'slide') {
+				$(window).on('resize', function(){
+					$slides_wrapper_box.find('>div').css({ 'width' : $slides_wrapper.width() + 'px' });
+					$slides_wrapper_box.css('left', - ($slides_wrapper.width() * currentPosition) + 'px');
+				} );
+			}
+
+			et_generate_mobile_nav();
+
+			function et_generate_mobile_nav(){
+				var et_shortcodes_slides_num = slidesContainer.find( '.et_slidecontent' ).length,
+					et_shortcodes_controllers_html = '';
+
+				if ( et_shortcodes_slides_num > 1 && ( options.sliderType === 'images' || options.sliderType === 'simple' ) ){
+					slidesContainer.append( '<div class="et_shortcodes_controller_nav">' + '<ul class="et_shortcodes_controls"></ul>' + '<ul class="et_shortcodes_controls_arrows"><li><a href="#" class="et_sc_nav_next">' + et_shortcodes_strings.next + '<span></span></a></li><li><a href="#" class="et_sc_nav_prev">' + et_shortcodes_strings.previous + '<span></span></a></li></ul>' + '</div>' );
+
+					$et_shortcodes_mobile_controls = slidesContainer.find('.et_shortcodes_controls');
+					for ( var i = 0; i < et_shortcodes_slides_num; i++ ) {
+						et_shortcodes_controllers_html += '<li><a href="#"></a></li>';
+					}
+					$et_shortcodes_mobile_controls.prepend( et_shortcodes_controllers_html );
+					$et_shortcodes_mobile_controls.find('li').first().addClass('et_shortcodes_active_control');
+					$et_shortcodes_mobile_controls.find('a').on('click', function() {
+						var $this_control = $(this),
+							$this_control_li = $this_control.parent('li'),
+							this_order = $this_control_li.prevAll().length+1;
+
+						if ( this_order == currentPosition ) return false;
+
+						if ( this_order > currentPosition ) gotoSlide(this_order, 1);
+						else gotoSlide(this_order, -1);
+
+						return false;
+					});
+
+					$et_shortcodes_mobile_nav = slidesContainer.find('.et_shortcodes_controls_arrows');
+					$et_shortcodes_mobile_nav.find('a').on('click', function() {
+						var $this_link = jQuery(this),
+							et_active_slide_order;
+
+						if ( $this_link.hasClass( 'et_sc_nav_next' ) )
+							et_shortcodes_go_to_next_slide();
+
+						if ( $this_link.hasClass( 'et_sc_nav_prev' ) )
+							et_shortcodes_go_to_previous_slide();
+
+						$et_shortcodes_mobile_controls.find('li').removeClass('et_shortcodes_active_control');
+
+						et_active_slide_order = currentPosition - 1;
+
+						$et_shortcodes_mobile_controls.find('li').eq( et_active_slide_order ).addClass('et_shortcodes_active_control');
+
+						return false;
+					});
+				} else if ( options.sliderType !== 'images' && options.sliderType !== 'simple' ) {
+					slidesContainer.prepend( '<ul class="et_shortcodes_mobile_nav"><li><a href="#" class="et_sc_nav_next">' + et_shortcodes_strings.next + '<span></span></a></li><li><a href="#" class="et_sc_nav_prev">' + et_shortcodes_strings.previous + '<span></span></a></li></ul>' );
+					$et_shortcodes_mobile_nav = slidesContainer.find('.et_shortcodes_mobile_nav');
+					$et_shortcodes_mobile_nav.find('a').on('click', function() {
+						var $this_link = jQuery(this);
+
+						if ( $this_link.hasClass( 'et_sc_nav_next' ) )
+							et_shortcodes_go_to_next_slide();
+
+						if ( $this_link.hasClass( 'et_sc_nav_prev' ) )
+							et_shortcodes_go_to_previous_slide();
+
+						return false;
+					});
+				}
+			}
+
+			function et_shortcodes_go_to_next_slide(){
+				if (currentPosition === slidesNum)
+					gotoSlide(1,1);
+				else
+					gotoSlide(currentPosition+1,1);
+
+				if (options.linksNav != '') changeTab();
+			}
+
+			function et_shortcodes_go_to_previous_slide(){
+				if (currentPosition === 1)
+					gotoSlide(slidesNum,-1);
+				else
+					gotoSlide(currentPosition-1,-1);
+
+				if (options.linksNav != '') changeTab();
+			}
+		});
+	}
+
+	window.et_shortcodes_init = function( $container ) {
+		var $processed_container = typeof $container !== 'undefined' ? $container : $( 'body' );
+		var $et_pricing_table_button = $processed_container.find('.pricing-table a.icon-button');
+
+		$et_tooltip = $processed_container.find('.et-tooltip');
+		$et_tooltip.on('mouseover mouseout', function(event){
+			if (event.type == 'mouseover') {
+				$(this).find('.et-tooltip-box').stop(true,true).animate({ opacity: 'show', bottom: '25px' }, 300);
+			} else {
+				$(this).find('.et-tooltip-box').delay(200).animate({ opacity: 'hide', bottom: '35px' }, 300);
+			}
+		});
+		// learn more
+		$et_learn_more = $processed_container.find('.et-learn-more .heading-more');
+		$et_learn_more.on('click', function() {
+			if ( $(this).hasClass('open') ) {
+				$(this).removeClass('open');
+			} else {
+				$(this).addClass('open');
+			}
+
+			$(this).parent('.et-learn-more').find('.learn-more-content').animate({ opacity: 'toggle', height: 'toggle' }, 300);
+		});
+
+		$processed_container.find('.et-learn-more').not('.et-open').find('.learn-more-content').css( { 'visibility' : 'visible', 'display' : 'none' } );
+
+		$et_pricing_table_button.each( function(){
+			var $this_button 			= $(this),
+				this_button_width 		= $this_button.width(),
+				this_button_innerwidth 	= $this_button.innerWidth();
+
+			$this_button.css({
+				width: this_button_width + 'px',
+				'marginLeft': '-' + (this_button_innerwidth / 2) + 'px',
+				'visibility': 'visible',
+			});
+		} );
+
+		var $et_shortcodes_tabs = $processed_container.find('.et-tabs-container, .tabs-left, .et-simple-slider, .et-image-slider');
+		$et_shortcodes_tabs.each(function(i){
+			var et_shortcodes_tab_class = $(this).attr('class'),
+				et_shortcodes_tab_autospeed_class_value = /et_sliderauto_speed_(\d+)/g,
+				et_shortcodes_tab_autospeed = et_shortcodes_tab_autospeed_class_value.exec( et_shortcodes_tab_class ),
+				et_shortcodes_tab_auto_class_value = /et_sliderauto_(\w+)/g,
+				et_shortcodes_tab_auto = et_shortcodes_tab_auto_class_value.exec( et_shortcodes_tab_class ),
+				et_shortcodes_tab_type_class_value = /et_slidertype_(\w+)/g,
+				et_shortcodes_tab_type = et_shortcodes_tab_type_class_value.exec( et_shortcodes_tab_class ),
+				et_shortcodes_tab_fx_class_value = /et_sliderfx_(\w+)/g,
+				et_shortcodes_tab_fx = et_shortcodes_tab_fx_class_value.exec( et_shortcodes_tab_class ),
+				et_shortcodes_tab_apply_to_element = '.et-tabs-content',
+				et_shortcodes_tab_settings = {};
+
+			et_shortcodes_tab_settings.linksNav = $(this).find('.et-tabs-control li a');
+			et_shortcodes_tab_settings.findParent = true;
+			et_shortcodes_tab_settings.fx = et_shortcodes_tab_fx[1];
+			et_shortcodes_tab_settings.auto = 'false' === et_shortcodes_tab_auto[1] ? false : true;
+			et_shortcodes_tab_settings.autoSpeed = et_shortcodes_tab_autospeed[1];
+
+			if ( 'simple' === et_shortcodes_tab_type[1] ){
+				et_shortcodes_tab_settings = {};
+				et_shortcodes_tab_settings.fx = et_shortcodes_tab_fx[1];
+				et_shortcodes_tab_settings.auto = 'false' === et_shortcodes_tab_auto[1] ? false : true;
+				et_shortcodes_tab_settings.autoSpeed = et_shortcodes_tab_autospeed[1];
+				et_shortcodes_tab_settings.sliderType = 'simple';
+				et_shortcodes_tab_apply_to_element = '.et-simple-slides';
+			} else if ( 'images' === et_shortcodes_tab_type[1] ){
+				et_shortcodes_tab_settings.sliderType = 'images';
+				et_shortcodes_tab_settings.linksNav = '#' + $(this).attr('id') + ' .controllers a.switch';
+				et_shortcodes_tab_settings.findParent = false;
+				et_shortcodes_tab_settings.lengthElement = '#' + $(this).attr('id') + ' a.switch';
+				et_shortcodes_tab_apply_to_element = '.et-image-slides';
+			}
+
+			$(this).find(et_shortcodes_tab_apply_to_element).et_shortcodes_switcher( et_shortcodes_tab_settings );
+		});
+	}
+})(jQuery);
+// end et_switcher plugin v2
+
+/////// Shortcodes Javascript ///////
+jQuery(function($){
+	window.et_shortcodes_init();
+});