compass-jquery-plugin 0.3.0.beta.20 → 0.3.0.beta.21

data/templates/jrails/jquery.themeswitchertool.js

@@ -1,190 +1,190 @@
-/* jQuery plugin themeswitcher
----------------------------------------------------------------------*/
-$.fn.themeswitcher = function(settings){
-	var options = jQuery.extend({
-		loadTheme: null,
-		initialText: 'Switch Theme',
-		width: 150,
-		height: 400,
-		buttonPreText: 'Theme: ',
-		closeOnSelect: true,
-		buttonHeight: 14,
-		cookieName: 'jquery-ui-theme',
-		onOpen: function(){},
-		onClose: function(){},
-		onSelect: function(){}
-	}, settings);
-
-	//markup
-	var button = $('<a href="#" class="jquery-ui-themeswitcher-trigger"><span class="jquery-ui-themeswitcher-icon"></span><span class="jquery-ui-themeswitcher-title">'+ options.initialText +'</span></a>');
-	var switcherpane = $('<div class="jquery-ui-themeswitcher"><div id="themeGallery"> <ul> <li><a href="compiled/jquery.ui/ui-lightness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" /> <span class="themeName">UI lightness</span></a></li> <li><a href="compiled/jquery.ui/ui-darkness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" /> <span class="themeName">UI darkness</span> </a></li> <li><a href="compiled/jquery.ui/smoothness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" /> <span class="themeName">Smoothness</span> </a></li> <li><a href="compiled/jquery.ui/start.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_start_menu.png" alt="Start" title="Start" /> <span class="themeName">Start</span></a></li></li> <li><a href="compiled/jquery.ui/redmond.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_windoze.png" alt="Redmond" title="Redmond" /> <span class="themeName">Redmond</span></a></li></li> <li><a href="compiled/jquery.ui/sunny.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_sunny.png" alt="Sunny" title="Sunny" /> <span class="themeName">Sunny</span></a></li></li> <li><a href="compiled/jquery.ui/overcast.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_overcast.png" alt="Overcast" title="Overcast" /> <span class="themeName">Overcast</span></a></li> <li><a href="compiled/jquery.ui/le-frog.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" /> <span class="themeName">Le Frog</span></a></li></li> <li><a href="compiled/jquery.ui/flick.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_flick.png" alt="Flick" title="Flick" /> <span class="themeName">Flick</span></a></li> <li><a href="compiled/jquery.ui/pepper-grinder.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" /> <span class="themeName">Pepper Grinder</span></a></li> <li><a href="compiled/jquery.ui/eggplant.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" /> <span class="themeName">Eggplant</span></a></li> <li><a href="compiled/jquery.ui/dark-hive.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" /> <span class="themeName">Dark Hive</span></a></li></li> <li><a href="compiled/jquery.ui/cupertino.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" /> <span class="themeName">Cupertino</span></a></li> <li><a href="compiled/jquery.ui/south-street.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_south_street.png" alt="South St" title="South St" /> <span class="themeName">South Street</span></a></li> <li><a href="compiled/jquery.ui/blitzer.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" /> <span class="themeName">Blitzer</span></a></li></li> <li><a href="compiled/jquery.ui/humanity.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_humanity.png" alt="Humanity" title="Humanity" /> <span class="themeName">Humanity</span></a></li></li> <li><a href="compiled/jquery.ui/hot-sneaks.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" /> <span class="themeName">Hot sneaks</span></a></li></li> <li><a href="compiled/jquery.ui/excite-bike.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" /> <span class="themeName">Excite Bike</span></a></li> <li><a href="compiled/jquery.ui/vader.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_matte.png" alt="Vader" title="Vader" /> <span class="themeName">Vader</span></a></li> <li><a href="compiled/jquery.ui/dot-luv.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" /> <span class="themeName">Dot Luv</span></a></li> <li><a href="compiled/jquery.ui/mint-choc.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" /> <span class="themeName">Mint Choc</span></a></li></li> <li><a href="compiled/jquery.ui/black-tie.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" /> <span class="themeName">Black Tie</span></a></li></li> <li><a href="compiled/jquery.ui/trontastic.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" /><span class="themeName">Trontastic</span></a></li> <li><a href="compiled/jquery.ui/swanky-purse.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" /> <span class="themeName">Swanky Purse</span></a></li></ul></div></div>').find('div').removeAttr('id');
-	//button events
-	button.click(
-		function(){
-			if(switcherpane.is(':visible')){ switcherpane.spHide(); }
-			else{ switcherpane.spShow(); }
-					return false;
-		}
-	);
-
-	//menu events (mouseout didn't work...)
-	switcherpane.hover(
-		function(){},
-		function(){if(switcherpane.is(':visible')){$(this).spHide();}}
-	);
-
-	//show/hide panel functions
-	$.fn.spShow = function(){ $(this).css({top: button.offset().top + options.buttonHeight + 6, left: button.offset().left}).slideDown(50); button.css(button_active); options.onOpen(); }
-	$.fn.spHide = function(){ $(this).slideUp(50, function(){options.onClose();}); button.css(button_default); }
-
-
-	/* Theme Loading
-	---------------------------------------------------------------------*/
-	switcherpane.find('a').click(function(){
-		updateCSS( $(this).attr('href') );
-		var themeName = $(this).find('span').text();
-		button.find('.jquery-ui-themeswitcher-title').text( options.buttonPreText + themeName );
-		$.cookie(options.cookieName, themeName);
-		options.onSelect();
-		if(options.closeOnSelect && switcherpane.is(':visible')){ switcherpane.spHide(); }
-		return false;
-	});
-
-	//function to append a new theme stylesheet with the new style changes
-	function updateCSS(locStr){
-		var cssLink = $('<link href="/stylesheets/'+locStr+'" type="text/css" rel="Stylesheet" class="ui-theme" />');
-		$("head").append(cssLink);
-
-
-		if( $("link.ui-theme").size() > 3){
-			$("link.ui-theme:first").remove();
-		}
-	}
-
-	/* Inline CSS
-	---------------------------------------------------------------------*/
-	var button_default = {
-		fontFamily: 'Trebuchet MS, Verdana, sans-serif',
-		fontSize: '11px',
-		color: '#666',
-		background: '#eee image_url("jquery.ui/themeSwitcher/buttonbg.png") 50% 50% repeat-x',
-		border: '1px solid #ccc',
-		'-moz-border-radius': '6px',
-		'-webkit-border-radius': '6px',
-		textDecoration: 'none',
-		padding: '3px 3px 3px 8px',
-		width: options.width - 11,//minus must match left and right padding
-		display: 'block',
-		height: options.buttonHeight,
-		outline: '0'
-	};
-	var button_hover = {
-		'borderColor':'#bbb',
-		'background': '#f0f0f0',
-		cursor: 'pointer',
-		color: '#444'
-	};
-	var button_active = {
-		color: '#aaa',
-		background: '#000',
-		border: '1px solid #ccc',
-		borderBottom: 0,
-		'-moz-border-radius-bottomleft': 0,
-		'-webkit-border-bottom-left-radius': 0,
-		'-moz-border-radius-bottomright': 0,
-		'-webkit-border-bottom-right-radius': 0,
-		outline: '0'
-	};
-
-	//button css
-	button.css(button_default)
-	.hover(
-		function(){
-			$(this).css(button_hover);
-		},
-		function(){
-		 if( !switcherpane.is(':animated') && switcherpane.is(':hidden') ){	$(this).css(button_default);  }
-		}
-	)
-	.find('.jquery-ui-themeswitcher-icon').css({
-		'float': 'right',
-		width: '16px',
-		height: '16px',
-		background: 'image_url("jquery.ui/themeSwitcher/icon_color_arrow.gif") 50% 50% no-repeat'
-	});
-	//pane css
-	switcherpane.css({
-		position: 'absolute',
-		'float': 'left',
-		fontFamily: 'Trebuchet MS, Verdana, sans-serif',
-		fontSize: '12px',
-		background: '#000',
-		color: '#fff',
-		padding: '8px 3px 3px',
-		border: '1px solid #ccc',
-		'-moz-border-radius-bottomleft': '6px',
-		'-webkit-border-bottom-left-radius': '6px',
-		'-moz-border-radius-bottomright': '6px',
-		'-webkit-border-bottom-right-radius': '6px',
-		borderTop: 0,
-		zIndex: 999999,
-		width: options.width-6//minus must match left and right padding
-	})
-	.find('ul').css({
-		listStyle: 'none',
-		margin: '0',
-		padding: '0',
-		overflow: 'auto',
-		height: options.height
-	}).end()
-	.find('li').hover(
-		function(){
-			$(this).css({
-				'borderColor':'#555',
-				'background': 'image_url("jquery.ui/themeSwitcher/menuhoverbg.png") 50% 50% repeat-x',
-				cursor: 'pointer'
-			});
-		},
-		function(){
-			$(this).css({
-				'borderColor':'#111',
-				'background': '#000',
-				cursor: 'auto'
-			});
-		}
-	).css({
-		width: options.width-30,
-		height: '',
-		padding: '2px',
-		margin: '1px',
-		border: '1px solid #111',
-		'-moz-border-radius': '4px',
-		clear: 'left',
-		'float': 'left'
-	}).end()
-	.find('a').css({
-		color: '#aaa',
-		textDecoration: 'none',
-		'float': 'left',
-		width: '100%',
-		outline: '0'
-	}).end()
-	.find('img').css({
-		'float': 'left',
-		border: '1px solid #333',
-		margin: '0 2px'
-	}).end()
-	.find('.themeName').css({
-		'float': 'left',
-		margin: '3px 0'
-	}).end();
-
-	$(this).append(button);
-	$('body').append(switcherpane);
-	switcherpane.hide();
-	if( $.cookie(options.cookieName) || options.loadTheme ){
-		var themeName = $.cookie(options.cookieName) || options.loadTheme;
-		switcherpane.find('a:contains('+ themeName +')').trigger('click');
-	}
-	return this;
-};
+/* jQuery plugin themeswitcher
+---------------------------------------------------------------------*/
+$.fn.themeswitcher = function(settings){
+	var options = jQuery.extend({
+		loadTheme: null,
+		initialText: 'Switch Theme',
+		width: 150,
+		height: 400,
+		buttonPreText: 'Theme: ',
+		closeOnSelect: true,
+		buttonHeight: 14,
+		cookieName: 'jquery-ui-theme',
+		onOpen: function(){},
+		onClose: function(){},
+		onSelect: function(){}
+	}, settings);
+
+	//markup
+	var button = $('<a href="#" class="jquery-ui-themeswitcher-trigger"><span class="jquery-ui-themeswitcher-icon"></span><span class="jquery-ui-themeswitcher-title">'+ options.initialText +'</span></a>');
+	var switcherpane = $('<div class="jquery-ui-themeswitcher"><div id="themeGallery"> <ul> <li><a href="compiled/jquery.ui/ui-lightness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" /> <span class="themeName">UI lightness</span></a></li> <li><a href="compiled/jquery.ui/ui-darkness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" /> <span class="themeName">UI darkness</span> </a></li> <li><a href="compiled/jquery.ui/smoothness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" /> <span class="themeName">Smoothness</span> </a></li> <li><a href="compiled/jquery.ui/start.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_start_menu.png" alt="Start" title="Start" /> <span class="themeName">Start</span></a></li></li> <li><a href="compiled/jquery.ui/redmond.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_windoze.png" alt="Redmond" title="Redmond" /> <span class="themeName">Redmond</span></a></li></li> <li><a href="compiled/jquery.ui/sunny.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_sunny.png" alt="Sunny" title="Sunny" /> <span class="themeName">Sunny</span></a></li></li> <li><a href="compiled/jquery.ui/overcast.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_overcast.png" alt="Overcast" title="Overcast" /> <span class="themeName">Overcast</span></a></li> <li><a href="compiled/jquery.ui/le-frog.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" /> <span class="themeName">Le Frog</span></a></li></li> <li><a href="compiled/jquery.ui/flick.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_flick.png" alt="Flick" title="Flick" /> <span class="themeName">Flick</span></a></li> <li><a href="compiled/jquery.ui/pepper-grinder.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" /> <span class="themeName">Pepper Grinder</span></a></li> <li><a href="compiled/jquery.ui/eggplant.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" /> <span class="themeName">Eggplant</span></a></li> <li><a href="compiled/jquery.ui/dark-hive.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" /> <span class="themeName">Dark Hive</span></a></li></li> <li><a href="compiled/jquery.ui/cupertino.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" /> <span class="themeName">Cupertino</span></a></li> <li><a href="compiled/jquery.ui/south-street.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_south_street.png" alt="South St" title="South St" /> <span class="themeName">South Street</span></a></li> <li><a href="compiled/jquery.ui/blitzer.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" /> <span class="themeName">Blitzer</span></a></li></li> <li><a href="compiled/jquery.ui/humanity.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_humanity.png" alt="Humanity" title="Humanity" /> <span class="themeName">Humanity</span></a></li></li> <li><a href="compiled/jquery.ui/hot-sneaks.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" /> <span class="themeName">Hot sneaks</span></a></li></li> <li><a href="compiled/jquery.ui/excite-bike.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" /> <span class="themeName">Excite Bike</span></a></li> <li><a href="compiled/jquery.ui/vader.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_matte.png" alt="Vader" title="Vader" /> <span class="themeName">Vader</span></a></li> <li><a href="compiled/jquery.ui/dot-luv.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" /> <span class="themeName">Dot Luv</span></a></li> <li><a href="compiled/jquery.ui/mint-choc.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" /> <span class="themeName">Mint Choc</span></a></li></li> <li><a href="compiled/jquery.ui/black-tie.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" /> <span class="themeName">Black Tie</span></a></li></li> <li><a href="compiled/jquery.ui/trontastic.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" /><span class="themeName">Trontastic</span></a></li> <li><a href="compiled/jquery.ui/swanky-purse.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" /> <span class="themeName">Swanky Purse</span></a></li></ul></div></div>').find('div').removeAttr('id');
+	//button events
+	button.click(
+		function(){
+			if(switcherpane.is(':visible')){ switcherpane.spHide(); }
+			else{ switcherpane.spShow(); }
+					return false;
+		}
+	);
+
+	//menu events (mouseout didn't work...)
+	switcherpane.hover(
+		function(){},
+		function(){if(switcherpane.is(':visible')){$(this).spHide();}}
+	);
+
+	//show/hide panel functions
+	$.fn.spShow = function(){ $(this).css({top: button.offset().top + options.buttonHeight + 6, left: button.offset().left}).slideDown(50); button.css(button_active); options.onOpen(); }
+	$.fn.spHide = function(){ $(this).slideUp(50, function(){options.onClose();}); button.css(button_default); }
+
+
+	/* Theme Loading
+	---------------------------------------------------------------------*/
+	switcherpane.find('a').click(function(){
+		updateCSS( $(this).attr('href') );
+		var themeName = $(this).find('span').text();
+		button.find('.jquery-ui-themeswitcher-title').text( options.buttonPreText + themeName );
+		$.cookie(options.cookieName, themeName);
+		options.onSelect();
+		if(options.closeOnSelect && switcherpane.is(':visible')){ switcherpane.spHide(); }
+		return false;
+	});
+
+	//function to append a new theme stylesheet with the new style changes
+	function updateCSS(locStr){
+		var cssLink = $('<link href="/stylesheets/'+locStr+'" type="text/css" rel="Stylesheet" class="ui-theme" />');
+		$("head").append(cssLink);
+
+
+		if( $("link.ui-theme").size() > 3){
+			$("link.ui-theme:first").remove();
+		}
+	}
+
+	/* Inline CSS
+	---------------------------------------------------------------------*/
+	var button_default = {
+		fontFamily: 'Trebuchet MS, Verdana, sans-serif',
+		fontSize: '11px',
+		color: '#666',
+		background: '#eee image_url("jquery.ui/themeSwitcher/buttonbg.png") 50% 50% repeat-x',
+		border: '1px solid #ccc',
+		'-moz-border-radius': '6px',
+		'-webkit-border-radius': '6px',
+		textDecoration: 'none',
+		padding: '3px 3px 3px 8px',
+		width: options.width - 11,//minus must match left and right padding
+		display: 'block',
+		height: options.buttonHeight,
+		outline: '0'
+	};
+	var button_hover = {
+		'borderColor':'#bbb',
+		'background': '#f0f0f0',
+		cursor: 'pointer',
+		color: '#444'
+	};
+	var button_active = {
+		color: '#aaa',
+		background: '#000',
+		border: '1px solid #ccc',
+		borderBottom: 0,
+		'-moz-border-radius-bottomleft': 0,
+		'-webkit-border-bottom-left-radius': 0,
+		'-moz-border-radius-bottomright': 0,
+		'-webkit-border-bottom-right-radius': 0,
+		outline: '0'
+	};
+
+	//button css
+	button.css(button_default)
+	.hover(
+		function(){
+			$(this).css(button_hover);
+		},
+		function(){
+		 if( !switcherpane.is(':animated') && switcherpane.is(':hidden') ){	$(this).css(button_default);  }
+		}
+	)
+	.find('.jquery-ui-themeswitcher-icon').css({
+		'float': 'right',
+		width: '16px',
+		height: '16px',
+		background: 'image_url("jquery.ui/themeSwitcher/icon_color_arrow.gif") 50% 50% no-repeat'
+	});
+	//pane css
+	switcherpane.css({
+		position: 'absolute',
+		'float': 'left',
+		fontFamily: 'Trebuchet MS, Verdana, sans-serif',
+		fontSize: '12px',
+		background: '#000',
+		color: '#fff',
+		padding: '8px 3px 3px',
+		border: '1px solid #ccc',
+		'-moz-border-radius-bottomleft': '6px',
+		'-webkit-border-bottom-left-radius': '6px',
+		'-moz-border-radius-bottomright': '6px',
+		'-webkit-border-bottom-right-radius': '6px',
+		borderTop: 0,
+		zIndex: 999999,
+		width: options.width-6//minus must match left and right padding
+	})
+	.find('ul').css({
+		listStyle: 'none',
+		margin: '0',
+		padding: '0',
+		overflow: 'auto',
+		height: options.height
+	}).end()
+	.find('li').hover(
+		function(){
+			$(this).css({
+				'borderColor':'#555',
+				'background': 'image_url("jquery.ui/themeSwitcher/menuhoverbg.png") 50% 50% repeat-x',
+				cursor: 'pointer'
+			});
+		},
+		function(){
+			$(this).css({
+				'borderColor':'#111',
+				'background': '#000',
+				cursor: 'auto'
+			});
+		}
+	).css({
+		width: options.width-30,
+		height: '',
+		padding: '2px',
+		margin: '1px',
+		border: '1px solid #111',
+		'-moz-border-radius': '4px',
+		clear: 'left',
+		'float': 'left'
+	}).end()
+	.find('a').css({
+		color: '#aaa',
+		textDecoration: 'none',
+		'float': 'left',
+		width: '100%',
+		outline: '0'
+	}).end()
+	.find('img').css({
+		'float': 'left',
+		border: '1px solid #333',
+		margin: '0 2px'
+	}).end()
+	.find('.themeName').css({
+		'float': 'left',
+		margin: '3px 0'
+	}).end();
+
+	$(this).append(button);
+	$('body').append(switcherpane);
+	switcherpane.hide();
+	if( $.cookie(options.cookieName) || options.loadTheme ){
+		var themeName = $.cookie(options.cookieName) || options.loadTheme;
+		switcherpane.find('a:contains('+ themeName +')').trigger('click');
+	}
+	return this;
+};

data/templates/jrails/jquery.themeswitchertool.min.js

@@ -1,7 +1,7 @@
-$.fn.themeswitcher=function(e){var a=jQuery.extend({loadTheme:null,initialText:"Switch Theme",width:150,height:400,buttonPreText:"Theme: ",closeOnSelect:true,buttonHeight:14,cookieName:"jquery-ui-theme",onOpen:function(){},onClose:function(){},onSelect:function(){}},e),c=$('<a href="#" class="jquery-ui-themeswitcher-trigger"><span class="jquery-ui-themeswitcher-icon"></span><span class="jquery-ui-themeswitcher-title">'+a.initialText+"</span></a>"),b=$('<div class="jquery-ui-themeswitcher"><div id="themeGallery"> <ul> <li><a href="compiled/jquery.ui/ui-lightness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" /> <span class="themeName">UI lightness</span></a></li> <li><a href="compiled/jquery.ui/ui-darkness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" /> <span class="themeName">UI darkness</span> </a></li> <li><a href="compiled/jquery.ui/smoothness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" /> <span class="themeName">Smoothness</span> </a></li> <li><a href="compiled/jquery.ui/start.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_start_menu.png" alt="Start" title="Start" /> <span class="themeName">Start</span></a></li></li> <li><a href="compiled/jquery.ui/redmond.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_windoze.png" alt="Redmond" title="Redmond" /> <span class="themeName">Redmond</span></a></li></li> <li><a href="compiled/jquery.ui/sunny.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_sunny.png" alt="Sunny" title="Sunny" /> <span class="themeName">Sunny</span></a></li></li> <li><a href="compiled/jquery.ui/overcast.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_overcast.png" alt="Overcast" title="Overcast" /> <span class="themeName">Overcast</span></a></li> <li><a href="compiled/jquery.ui/le-frog.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" /> <span class="themeName">Le Frog</span></a></li></li> <li><a href="compiled/jquery.ui/flick.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_flick.png" alt="Flick" title="Flick" /> <span class="themeName">Flick</span></a></li> <li><a href="compiled/jquery.ui/pepper-grinder.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" /> <span class="themeName">Pepper Grinder</span></a></li> <li><a href="compiled/jquery.ui/eggplant.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" /> <span class="themeName">Eggplant</span></a></li> <li><a href="compiled/jquery.ui/dark-hive.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" /> <span class="themeName">Dark Hive</span></a></li></li> <li><a href="compiled/jquery.ui/cupertino.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" /> <span class="themeName">Cupertino</span></a></li> <li><a href="compiled/jquery.ui/south-street.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_south_street.png" alt="South St" title="South St" /> <span class="themeName">South Street</span></a></li> <li><a href="compiled/jquery.ui/blitzer.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" /> <span class="themeName">Blitzer</span></a></li></li> <li><a href="compiled/jquery.ui/humanity.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_humanity.png" alt="Humanity" title="Humanity" /> <span class="themeName">Humanity</span></a></li></li> <li><a href="compiled/jquery.ui/hot-sneaks.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" /> <span class="themeName">Hot sneaks</span></a></li></li> <li><a href="compiled/jquery.ui/excite-bike.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" /> <span class="themeName">Excite Bike</span></a></li> <li><a href="compiled/jquery.ui/vader.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_matte.png" alt="Vader" title="Vader" /> <span class="themeName">Vader</span></a></li> <li><a href="compiled/jquery.ui/dot-luv.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" /> <span class="themeName">Dot Luv</span></a></li> <li><a href="compiled/jquery.ui/mint-choc.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" /> <span class="themeName">Mint Choc</span></a></li></li> <li><a href="compiled/jquery.ui/black-tie.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" /> <span class="themeName">Black Tie</span></a></li></li> <li><a href="compiled/jquery.ui/trontastic.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" /><span class="themeName">Trontastic</span></a></li> <li><a href="compiled/jquery.ui/swanky-purse.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" /> <span class="themeName">Swanky Purse</span></a></li></ul></div></div>').find("div").removeAttr("id");
-c.click(function(){b.is(":visible")?b.spHide():b.spShow();return false});b.hover(function(){},function(){b.is(":visible")&&$(this).spHide()});$.fn.spShow=function(){$(this).css({top:c.offset().top+a.buttonHeight+6,left:c.offset().left}).slideDown(50);c.css(g);a.onOpen()};$.fn.spHide=function(){$(this).slideUp(50,function(){a.onClose()});c.css(f)};b.find("a").click(function(){var d=$(this).attr("href");d=$('<link href="/stylesheets/'+d+'" type="text/css" rel="Stylesheet" class="ui-theme" />');$("head").append(d);
-$("link.ui-theme").size()>3&&$("link.ui-theme:first").remove();d=$(this).find("span").text();c.find(".jquery-ui-themeswitcher-title").text(a.buttonPreText+d);$.cookie(a.cookieName,d);a.onSelect();a.closeOnSelect&&b.is(":visible")&&b.spHide();return false});var f={fontFamily:"Trebuchet MS, Verdana, sans-serif",fontSize:"11px",color:"#666",background:'#eee image_url("jquery.ui/themeSwitcher/buttonbg.png") 50% 50% repeat-x',border:"1px solid #ccc","-moz-border-radius":"6px","-webkit-border-radius":"6px",
-textDecoration:"none",padding:"3px 3px 3px 8px",width:a.width-11,display:"block",height:a.buttonHeight,outline:"0"},h={borderColor:"#bbb",background:"#f0f0f0",cursor:"pointer",color:"#444"},g={color:"#aaa",background:"#000",border:"1px solid #ccc",borderBottom:0,"-moz-border-radius-bottomleft":0,"-webkit-border-bottom-left-radius":0,"-moz-border-radius-bottomright":0,"-webkit-border-bottom-right-radius":0,outline:"0"};c.css(f).hover(function(){$(this).css(h)},function(){!b.is(":animated")&&b.is(":hidden")&&
-$(this).css(f)}).find(".jquery-ui-themeswitcher-icon").css({"float":"right",width:"16px",height:"16px",background:'image_url("jquery.ui/themeSwitcher/icon_color_arrow.gif") 50% 50% no-repeat'});b.css({position:"absolute","float":"left",fontFamily:"Trebuchet MS, Verdana, sans-serif",fontSize:"12px",background:"#000",color:"#fff",padding:"8px 3px 3px",border:"1px solid #ccc","-moz-border-radius-bottomleft":"6px","-webkit-border-bottom-left-radius":"6px","-moz-border-radius-bottomright":"6px","-webkit-border-bottom-right-radius":"6px",
-borderTop:0,zIndex:999999,width:a.width-6}).find("ul").css({listStyle:"none",margin:"0",padding:"0",overflow:"auto",height:a.height}).end().find("li").hover(function(){$(this).css({borderColor:"#555",background:'image_url("jquery.ui/themeSwitcher/menuhoverbg.png") 50% 50% repeat-x',cursor:"pointer"})},function(){$(this).css({borderColor:"#111",background:"#000",cursor:"auto"})}).css({width:a.width-30,height:"",padding:"2px",margin:"1px",border:"1px solid #111","-moz-border-radius":"4px",clear:"left",
-"float":"left"}).end().find("a").css({color:"#aaa",textDecoration:"none","float":"left",width:"100%",outline:"0"}).end().find("img").css({"float":"left",border:"1px solid #333",margin:"0 2px"}).end().find(".themeName").css({"float":"left",margin:"3px 0"}).end();$(this).append(c);$("body").append(b);b.hide();if($.cookie(a.cookieName)||a.loadTheme){e=$.cookie(a.cookieName)||a.loadTheme;b.find("a:contains("+e+")").trigger("click")}return this};
+$.fn.themeswitcher=function(e){var a=jQuery.extend({loadTheme:null,initialText:"Switch Theme",width:150,height:400,buttonPreText:"Theme: ",closeOnSelect:true,buttonHeight:14,cookieName:"jquery-ui-theme",onOpen:function(){},onClose:function(){},onSelect:function(){}},e),c=$('<a href="#" class="jquery-ui-themeswitcher-trigger"><span class="jquery-ui-themeswitcher-icon"></span><span class="jquery-ui-themeswitcher-title">'+a.initialText+"</span></a>"),b=$('<div class="jquery-ui-themeswitcher"><div id="themeGallery"> <ul> <li><a href="compiled/jquery.ui/ui-lightness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" /> <span class="themeName">UI lightness</span></a></li> <li><a href="compiled/jquery.ui/ui-darkness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" /> <span class="themeName">UI darkness</span> </a></li> <li><a href="compiled/jquery.ui/smoothness.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" /> <span class="themeName">Smoothness</span> </a></li> <li><a href="compiled/jquery.ui/start.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_start_menu.png" alt="Start" title="Start" /> <span class="themeName">Start</span></a></li></li> <li><a href="compiled/jquery.ui/redmond.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_windoze.png" alt="Redmond" title="Redmond" /> <span class="themeName">Redmond</span></a></li></li> <li><a href="compiled/jquery.ui/sunny.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_sunny.png" alt="Sunny" title="Sunny" /> <span class="themeName">Sunny</span></a></li></li> <li><a href="compiled/jquery.ui/overcast.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_overcast.png" alt="Overcast" title="Overcast" /> <span class="themeName">Overcast</span></a></li> <li><a href="compiled/jquery.ui/le-frog.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" /> <span class="themeName">Le Frog</span></a></li></li> <li><a href="compiled/jquery.ui/flick.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_flick.png" alt="Flick" title="Flick" /> <span class="themeName">Flick</span></a></li> <li><a href="compiled/jquery.ui/pepper-grinder.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" /> <span class="themeName">Pepper Grinder</span></a></li> <li><a href="compiled/jquery.ui/eggplant.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" /> <span class="themeName">Eggplant</span></a></li> <li><a href="compiled/jquery.ui/dark-hive.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" /> <span class="themeName">Dark Hive</span></a></li></li> <li><a href="compiled/jquery.ui/cupertino.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" /> <span class="themeName">Cupertino</span></a></li> <li><a href="compiled/jquery.ui/south-street.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_south_street.png" alt="South St" title="South St" /> <span class="themeName">South Street</span></a></li> <li><a href="compiled/jquery.ui/blitzer.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" /> <span class="themeName">Blitzer</span></a></li></li> <li><a href="compiled/jquery.ui/humanity.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_humanity.png" alt="Humanity" title="Humanity" /> <span class="themeName">Humanity</span></a></li></li> <li><a href="compiled/jquery.ui/hot-sneaks.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" /> <span class="themeName">Hot sneaks</span></a></li></li> <li><a href="compiled/jquery.ui/excite-bike.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" /> <span class="themeName">Excite Bike</span></a></li> <li><a href="compiled/jquery.ui/vader.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_matte.png" alt="Vader" title="Vader" /> <span class="themeName">Vader</span></a></li> <li><a href="compiled/jquery.ui/dot-luv.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" /> <span class="themeName">Dot Luv</span></a></li> <li><a href="compiled/jquery.ui/mint-choc.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" /> <span class="themeName">Mint Choc</span></a></li></li> <li><a href="compiled/jquery.ui/black-tie.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" /> <span class="themeName">Black Tie</span></a></li></li> <li><a href="compiled/jquery.ui/trontastic.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" /><span class="themeName">Trontastic</span></a></li> <li><a href="compiled/jquery.ui/swanky-purse.css"> <img src="/images/jquery.ui/themeSwitcher/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" /> <span class="themeName">Swanky Purse</span></a></li></ul></div></div>').find("div").removeAttr("id");
+c.click(function(){b.is(":visible")?b.spHide():b.spShow();return false});b.hover(function(){},function(){b.is(":visible")&&$(this).spHide()});$.fn.spShow=function(){$(this).css({top:c.offset().top+a.buttonHeight+6,left:c.offset().left}).slideDown(50);c.css(g);a.onOpen()};$.fn.spHide=function(){$(this).slideUp(50,function(){a.onClose()});c.css(f)};b.find("a").click(function(){var d=$(this).attr("href");d=$('<link href="/stylesheets/'+d+'" type="text/css" rel="Stylesheet" class="ui-theme" />');$("head").append(d);
+$("link.ui-theme").size()>3&&$("link.ui-theme:first").remove();d=$(this).find("span").text();c.find(".jquery-ui-themeswitcher-title").text(a.buttonPreText+d);$.cookie(a.cookieName,d);a.onSelect();a.closeOnSelect&&b.is(":visible")&&b.spHide();return false});var f={fontFamily:"Trebuchet MS, Verdana, sans-serif",fontSize:"11px",color:"#666",background:'#eee image_url("jquery.ui/themeSwitcher/buttonbg.png") 50% 50% repeat-x',border:"1px solid #ccc","-moz-border-radius":"6px","-webkit-border-radius":"6px",
+textDecoration:"none",padding:"3px 3px 3px 8px",width:a.width-11,display:"block",height:a.buttonHeight,outline:"0"},h={borderColor:"#bbb",background:"#f0f0f0",cursor:"pointer",color:"#444"},g={color:"#aaa",background:"#000",border:"1px solid #ccc",borderBottom:0,"-moz-border-radius-bottomleft":0,"-webkit-border-bottom-left-radius":0,"-moz-border-radius-bottomright":0,"-webkit-border-bottom-right-radius":0,outline:"0"};c.css(f).hover(function(){$(this).css(h)},function(){!b.is(":animated")&&b.is(":hidden")&&
+$(this).css(f)}).find(".jquery-ui-themeswitcher-icon").css({"float":"right",width:"16px",height:"16px",background:'image_url("jquery.ui/themeSwitcher/icon_color_arrow.gif") 50% 50% no-repeat'});b.css({position:"absolute","float":"left",fontFamily:"Trebuchet MS, Verdana, sans-serif",fontSize:"12px",background:"#000",color:"#fff",padding:"8px 3px 3px",border:"1px solid #ccc","-moz-border-radius-bottomleft":"6px","-webkit-border-bottom-left-radius":"6px","-moz-border-radius-bottomright":"6px","-webkit-border-bottom-right-radius":"6px",
+borderTop:0,zIndex:999999,width:a.width-6}).find("ul").css({listStyle:"none",margin:"0",padding:"0",overflow:"auto",height:a.height}).end().find("li").hover(function(){$(this).css({borderColor:"#555",background:'image_url("jquery.ui/themeSwitcher/menuhoverbg.png") 50% 50% repeat-x',cursor:"pointer"})},function(){$(this).css({borderColor:"#111",background:"#000",cursor:"auto"})}).css({width:a.width-30,height:"",padding:"2px",margin:"1px",border:"1px solid #111","-moz-border-radius":"4px",clear:"left",
+"float":"left"}).end().find("a").css({color:"#aaa",textDecoration:"none","float":"left",width:"100%",outline:"0"}).end().find("img").css({"float":"left",border:"1px solid #333",margin:"0 2px"}).end().find(".themeName").css({"float":"left",margin:"3px 0"}).end();$(this).append(c);$("body").append(b);b.hide();if($.cookie(a.cookieName)||a.loadTheme){e=$.cookie(a.cookieName)||a.loadTheme;b.find("a:contains("+e+")").trigger("click")}return this};

data/templates/jrails/jquery.ui/_theme.scss

@@ -670,6 +670,101 @@ button.ui-button::-moz-focus-inner {
   border: 1px dotted black; }
 
 
+/* Selectmenu
+----------------------------------*/
+.ui-selectmenu {
+  display: block;
+  position: relative;
+  height: 2em;
+  text-decoration: none;
+  overflow: hidden; }
+
+.ui-selectmenu-icon {
+  position: absolute;
+  right: 6px;
+  margin-top: -8px;
+  top: 50%; }
+
+.ui-selectmenu-menu {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  position: absolute;
+  top: 0;
+  visibility: hidden;
+  overflow: auto; }
+
+.ui-selectmenu-open {
+  visibility: visible; }
+
+.ui-selectmenu-menu-popup {
+  margin-top: -1px; }
+
+.ui-selectmenu-menu-dropdown {}
+
+.ui-selectmenu-menu li {
+  padding: 0;
+  margin: 0;
+  display: block;
+  border-top: 1px dotted transparent;
+  border-bottom: 1px dotted transparent;
+  border-right-width: 0 !important;
+  border-left-width: 0 !important;
+  font-weight: normal !important; }
+
+.ui-selectmenu-menu li a,.ui-selectmenu-status {
+  line-height: 1.4em;
+  display: block;
+  padding: .3em 1em;
+  outline: none;
+  text-decoration: none; }
+
+.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
+.ui-selectmenu-hasIcon .ui-selectmenu-status {
+  padding-left: 20px;
+  position: relative;
+  margin-left: 5px; }
+
+.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
+  position: absolute;
+  top: 1em;
+  margin-top: -8px;
+  left: 0; }
+
+.ui-selectmenu-status {
+  line-height: 1.4em; }
+
+.ui-selectmenu-open li.ui-selectmenu-item-focus a {}
+
+.ui-selectmenu-open li.ui-selectmenu-item-selected {}
+
+.ui-selectmenu-menu li span,.ui-selectmenu-status span {
+  display: block;
+  margin-bottom: .2em; }
+
+.ui-selectmenu-menu li .ui-selectmenu-item-header {
+  font-weight: bold; }
+
+.ui-selectmenu-menu li .ui-selectmenu-item-content {}
+
+.ui-selectmenu-menu li .ui-selectmenu-item-footer {
+  opacity: .8; }
+
+/*for optgroups*/
+.ui-selectmenu-menu .ui-selectmenu-group {
+  font-size: 1em; }
+
+.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
+  line-height: 1.4em;
+  display: block;
+  padding: .6em .5em 0;
+  font-weight: bold; }
+
+.ui-selectmenu-menu .ui-selectmenu-group ul {
+  margin: 0;
+  padding: 0; }
+
+
 /*
  * jQuery UI Slider @VERSION
  *