text: /**
   <b>Auto content padding on fixed navbar &amp; breadcrumbs</b>.
   导航栏的内容和高度往往是可预测的，当导航栏固定我们可以加入适当的填料含量的地区使用CSS。
  但当导航栏是固定的，它的内容的大小和高度是不可预测的我们可能需要添加必要的填充内容区域动态使用JavaScript。
  这不是经常需要的，你可以有好的结果使用CSS3媒体查询添加必要的padding基于窗口的大小。
  */
  (function($ , undefined) {
  
  	var navbar = $('.navbar').eq(0);
  	var navbar_container = $('.navbar-container').eq(0);
  	
  	var sidebar = $('.sidebar').eq(0);
  	
  	var main_container = $('.main-container').get(0);
  	
  	var breadcrumbs = $('.breadcrumbs').eq(0);
  	var page_content = $('.page-content').get(0);
  	
  	var default_padding = 8
  
  	if(navbar.length > 0) {
  	  $(window).on('resize.auto_padding', function() {
  		if( navbar.css('position') == 'fixed' ) {
  			var padding1 = !ace.vars['nav_collapse'] ? navbar.outerHeight() : navbar_container.outerHeight();
  			padding1 = parseInt(padding1);
  			main_container.style.paddingTop = padding1 + 'px';
  			
  			if(ace.vars['non_auto_fixed'] && sidebar.length > 0) {
  				if(sidebar.css('position') == 'fixed') {
  					sidebar.get(0).style.top = padding1 + 'px';
  				}
  				else sidebar.get(0).style.top = '';
  			}
  
  			if( breadcrumbs.length > 0 ) {
  				if(breadcrumbs.css('position') == 'fixed') {
  					var padding2 = default_padding + breadcrumbs.outerHeight() + parseInt(breadcrumbs.css('margin-top'));
  					padding2 = parseInt(padding2);
  					page_content.style['paddingTop'] = padding2 + 'px';
  
  					if(ace.vars['non_auto_fixed']) breadcrumbs.get(0).style.top = padding1 + 'px';
  				} else {
  					page_content.style.paddingTop = '';
  					if(ace.vars['non_auto_fixed']) breadcrumbs.get(0).style.top = '';
  				}
  			}
  		}
  		else {
  			main_container.style.paddingTop = '';
  			page_content.style.paddingTop = '';
  			
  			if(ace.vars['non_auto_fixed']) {
  				if(sidebar.length > 0) {
  					sidebar.get(0).style.top = '';
  				}
  				if(breadcrumbs.length > 0) {
  					breadcrumbs.get(0).style.top = '';
  				}
  			}
  		}
  	  }).triggerHandler('resize.auto_padding');
  
  	  $(document).on('settings.ace.auto_padding', function(ev, event_name, event_val) {
  		if(event_name == 'navbar_fixed' || event_name == 'breadcrumbs_fixed') {
  			if(ace.vars['webkit']) {
  				//force new 'css position' values to kick in
  				navbar.get(0).offsetHeight;
  				if(breadcrumbs.length > 0) breadcrumbs.get(0).offsetHeight;
  			}
  			$(window).triggerHandler('resize.auto_padding');
  		}
  	  });
  	  
  	  /**$('#skin-colorpicker').on('change', function() {
  		$(window).triggerHandler('resize.auto_padding');
  	  });*/
  	}
  
  })(window.jQuery);