selectize-rails 0.8.5 → 0.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 83e805fa623f010e488f7d9f752b5e53bb58ccca
-  data.tar.gz: eb0b8b83577f5938df7590c484070148899a5c70
+  metadata.gz: 6084efa3505aee7491d92ddc9257dad81af35c98
+  data.tar.gz: d25b3273492258005777c08e92c924898abca061
 SHA512:
-  metadata.gz: 118382c5d79b39be6d46413a1516d309f4947962d67801ba9ec16f8a6d2f6a4f25aa6070ee2f03244e8b3657982c8c55603224187bab359259bb2cf637f2f1ab
-  data.tar.gz: c95ad1b729cba0c274b720d6bee7e4df8b165a4d1364dffb49ee05644c7cc8ae81654cc3458061d3efe3bab728f471246b3c1f48321ee8f123fe2c4152e11c43
+  metadata.gz: 4a6ac0856376192c34f3032f86fddcd8c56cf7a84398c7d419571b7db03deb83cb419440fa23d5779ee019c3542144374d1414e62fb84499c3775276f3d727a4
+  data.tar.gz: db5015e446beadf99e036bb52ef2cf5bd911daac0238c3538cb3a65a6ecd1b52231641efad0a3fd916c6aa54ce2873d6b18f184b444f9c17b8cf27c1744f5355

data/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 | Version | Notes                                                       |
 | -------:| ----------------------------------------------------------- |
+|   0.9.0 | Update to v0.9.0 of selectize.js                            |
 |   0.8.5 | Update to v0.8.5 of selectize.js                            |
 |   0.8.4 | Update to v0.8.4 of selectize.js                            |
 |   0.8.3 | Update to v0.8.3 of selectize.js                            |

data/README.md

@@ -30,7 +30,7 @@ In your `application.css`, include the following:
 
 ### Themes
 
-To include additional theme's you can replace the `selectize.default` for on of the [theme files](https://github.com/brianreavis/selectize.js/tree/master/dist/css)
+To include additional theme's you can replace the `selectize.default` for one of the [theme files](https://github.com/brianreavis/selectize.js/tree/master/dist/css)
 
 
 ## Examples
@@ -41,11 +41,11 @@ See the [demo page of Brian Reavis](http://brianreavis.github.io/selectize.js/)
 
 | Version | Notes                                                       |
 | -------:| ----------------------------------------------------------- |
+|   0.9.0 | Update to v0.9.0 of selectize.js                            |
 |   0.8.5 | Update to v0.8.5 of selectize.js                            |
 |   0.8.4 | Update to v0.8.4 of selectize.js                            |
 |   0.8.3 | Update to v0.8.3 of selectize.js                            |
 |   0.8.1 | Update to v0.8.1 of selectize.js                            |
-|   0.8.0 | Update to v0.8.0 of selectize.js                            |
 
 [older](CHANGELOG.md)
 

data/lib/selectize-rails/version.rb

@@ -1,5 +1,5 @@
 module Selectize
   module Rails
-    VERSION = "0.8.5"
+    VERSION = "0.9.0"
   end
 end

data/vendor/assets/javascripts/selectize.js

@@ -427,14 +427,16 @@
 	var DIACRITICS = {
 		'a': '[aÀÁÂÃÄÅàáâãäå]',
 		'c': '[cÇçćĆčČ]',
-		'd': '[dđĐ]',
-		'e': '[eÈÉÊËèéêë]',
+		'd': '[dđĐďĎ]',
+		'e': '[eÈÉÊËèéêëěĚ]',
 		'i': '[iÌÍÎÏìíîï]',
-		'n': '[nÑñ]',
+		'n': '[nÑñňŇ]',
 		'o': '[oÒÓÔÕÕÖØòóôõöø]',
+		'r': '[rřŘ]',
 		's': '[sŠš]',
-		'u': '[uÙÚÛÜùúûü]',
-		'y': '[yŸÿý]',
+		't': '[tťŤ]',
+		'u': '[uÙÚÛÜùúûüůŮ]',
+		'y': '[yŸÿýÝ]',
 		'z': '[zŽž]'
 	};
 
@@ -583,7 +585,7 @@
 }));
 
 /**
- * selectize.js (v0.8.5)
+ * selectize.js (v0.9.0)
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -604,6 +606,8 @@
 (function(root, factory) {
 	if (typeof define === 'function' && define.amd) {
 		define('selectize', ['jquery','sifter','microplugin'], factory);
+	} else if (typeof exports === 'object') {
+		module.exports = factory(require('jquery'), require('sifter'), require('microplugin'));
 	} else {
 		root.Selectize = factory(root.jQuery, root.Sifter, root.MicroPlugin);
 	}
@@ -689,8 +693,10 @@
 	var KEY_ESC       = 27;
 	var KEY_LEFT      = 37;
 	var KEY_UP        = 38;
+	var KEY_P         = 80;
 	var KEY_RIGHT     = 39;
 	var KEY_DOWN      = 40;
+	var KEY_N         = 78;
 	var KEY_BACKSPACE = 8;
 	var KEY_DELETE    = 46;
 	var KEY_SHIFT     = 16;
@@ -701,6 +707,7 @@
 	var TAG_SELECT    = 1;
 	var TAG_INPUT     = 2;
 	
+	
 	var isset = function(object) {
 		return typeof object !== 'undefined';
 	};
@@ -947,6 +954,10 @@
 	 * @returns {int}
 	 */
 	var measureString = function(str, $parent) {
+		if (!str) {
+			return 0;
+		}
+		
 		var $test = $('<test>').css({
 			position: 'absolute',
 			top: -99999,
@@ -980,6 +991,8 @@
 	 * @param {object} $input
 	 */
 	var autoGrow = function($input) {
+		var currentWidth = null;
+		
 		var update = function(e) {
 			var value, keyCode, printable, placeholder, width;
 			var shift, character, selection;
@@ -1022,7 +1035,8 @@
 			}
 	
 			width = measureString(value, $input) + 4;
-			if (width !== $input.width()) {
+			if (width !== currentWidth) {
+				currentWidth = width;
 				$input.width(width);
 				$input.triggerHandler('resize');
 			}
@@ -1144,7 +1158,7 @@
 	
 			$wrapper          = $('<div>').addClass(settings.wrapperClass).addClass(classes).addClass(inputMode);
 			$control          = $('<div>').addClass(settings.inputClass).addClass('items').appendTo($wrapper);
-			$control_input    = $('<input type="text" autocomplete="off">').appendTo($control).attr('tabindex', tab_index);
+			$control_input    = $('<input type="text" autocomplete="off" />').appendTo($control).attr('tabindex', tab_index);
 			$dropdown_parent  = $(settings.dropdownParent || $wrapper);
 			$dropdown         = $('<div>').addClass(settings.dropdownClass).addClass(classes).addClass(inputMode).hide().appendTo($dropdown_parent);
 			$dropdown_content = $('<div>').addClass(settings.dropdownContentClass).appendTo($dropdown);
@@ -1264,7 +1278,7 @@
 			self.trigger('initialize');
 	
 			// preload options
-			if (settings.preload) {
+			if (settings.preload === true) {
 				self.onSearchChange('');
 			}
 		},
@@ -1430,6 +1444,8 @@
 				case KEY_ESC:
 					self.close();
 					return;
+				case KEY_N:
+					if (!e.ctrlKey) break;
 				case KEY_DOWN:
 					if (!self.isOpen && self.hasOptions) {
 						self.open();
@@ -1440,6 +1456,8 @@
 					}
 					e.preventDefault();
 					return;
+				case KEY_P:
+					if (!e.ctrlKey) break;
 				case KEY_UP:
 					if (self.$activeOption) {
 						self.ignoreHover = true;
@@ -1461,6 +1479,9 @@
 					self.advanceSelection(1, e);
 					return;
 				case KEY_TAB:
+					if (self.isOpen && self.$activeOption) {
+						self.onOptionSelect({currentTarget: self.$activeOption});
+					}
 					if (self.settings.create && self.createItem()) {
 						e.preventDefault();
 					}
@@ -1554,7 +1575,7 @@
 			if (self.ignoreFocus) return;
 	
 			if (self.settings.create && self.settings.createOnBlur) {
-				self.createItem();
+				self.createItem(false);
 			}
 	
 			self.close();
@@ -1684,10 +1705,7 @@
 		setValue: function(value) {
 			debounce_events(this, ['change'], function() {
 				this.clear();
-				var items = $.isArray(value) ? value : [value];
-				for (var i = 0, n = items.length; i < n; i++) {
-					this.addItem(items[i]);
-				}
+				this.addItems(value);
 			});
 		},
 	
@@ -2253,6 +2271,20 @@
 			return this.getElementWithValue(value, this.$control.children());
 		},
 	
+		/**
+		 * "Selects" multiple items at once. Adds them to the list
+		 * at the current caret position.
+		 *
+		 * @param {string} value
+		 */
+		addItems: function(values) {
+			var items = $.isArray(values) ? values : [values];
+			for (var i = 0, n = items.length; i < n; i++) {
+				this.isPending = (i < n - 1);
+				this.addItem(items[i]);
+			}
+		},
+	
 		/**
 		 * "Selects" an item. Adds it to the list
 		 * at the current caret position.
@@ -2261,10 +2293,10 @@
 		 */
 		addItem: function(value) {
 			debounce_events(this, ['change'], function() {
-				var $item, $option;
+				var $item, $option, $options;
 				var self = this;
 				var inputMode = self.settings.mode;
-				var i, active, options, value_next;
+				var i, active, value_next;
 				value = hash_key(value);
 	
 				if (self.items.indexOf(value) !== -1) {
@@ -2282,18 +2314,20 @@
 				self.refreshState();
 	
 				if (self.isSetup) {
-					options = self.$dropdown_content.find('[data-selectable]');
-	
-					// update menu / remove the option
-					$option = self.getOption(value);
-					value_next = self.getAdjacentOption($option, 1).attr('data-value');
-					self.refreshOptions(self.isFocused && inputMode !== 'single');
-					if (value_next) {
-						self.setActiveOption(self.getOption(value_next));
+					$options = self.$dropdown_content.find('[data-selectable]');
+	
+					// update menu / remove the option (if this is not one item being added as part of series)
+					if (!this.isPending) {
+						$option = self.getOption(value);
+						value_next = self.getAdjacentOption($option, 1).attr('data-value');
+						self.refreshOptions(self.isFocused && inputMode !== 'single');
+						if (value_next) {
+							self.setActiveOption(self.getOption(value_next));
+						}
 					}
 	
 					// hide the menu if the maximum number of items have been selected or no options are left
-					if (!options.length || (self.settings.maxItems !== null && self.items.length >= self.settings.maxItems)) {
+					if (!$options.length || (self.settings.maxItems !== null && self.items.length >= self.settings.maxItems)) {
 						self.close();
 					} else {
 						self.positionDropdown();
@@ -2355,13 +2389,17 @@
 		 *
 		 * @return {boolean}
 		 */
-		createItem: function() {
+		createItem: function(triggerDropdown) {
 			var self  = this;
 			var input = $.trim(self.$control_input.val() || '');
 			var caret = self.caretPos;
 			if (!input.length) return false;
 			self.lock();
 	
+			if (typeof triggerDropdown === 'undefined') {
+				triggerDropdown = true;
+			}
+	
 			var setup = (typeof self.settings.create === 'function') ? this.settings.create : function(input) {
 				var data = {};
 				data[self.settings.labelField] = input;
@@ -2380,7 +2418,7 @@
 				self.addOption(data);
 				self.setCaret(caret);
 				self.addItem(value);
-				self.refreshOptions(self.settings.mode !== 'single');
+				self.refreshOptions(triggerDropdown && self.settings.mode !== 'single');
 			});
 	
 			var output = setup.apply(this, [input, create]);
@@ -3288,7 +3326,7 @@
 					e.preventDefault();
 					if (self.isLocked) return;
 	
-					var $item = $(e.target).parent();
+					var $item = $(e.currentTarget).parent();
 					self.setActiveItem($item);
 					if (self.deleteSelection()) {
 						self.setCaret(self.items.length);

data/vendor/assets/stylesheets/selectize.bootstrap2.css

@@ -1,5 +1,5 @@
 /**
- * selectize.bootstrap2.css (v0.8.5) - Bootstrap 2 Theme
+ * selectize.bootstrap2.css (v0.9.0) - Bootstrap 2 Theme
  * Copyright (c) 2013 Brian Reavis & contributors
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -13,387 +13,332 @@
  *
  * @author Brian Reavis <brian@thirdroute.com>
  */
-
 .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
+  visibility: visible !important;
   background: #f2f2f2 !important;
   background: rgba(0, 0, 0, 0.06) !important;
   border: 0 none !important;
-  visibility: visible !important;
   -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
-          box-shadow: inset 0 0 12px 4px #ffffff;
+  box-shadow: inset 0 0 12px 4px #ffffff;
 }
-
 .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
   content: '!';
   visibility: hidden;
 }
-
 .selectize-control.plugin-drag_drop .ui-sortable-helper {
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 }
-
 .selectize-dropdown-header {
   position: relative;
   padding: 3px 10px;
-  background: #f8f8f8;
   border-bottom: 1px solid #d0d0d0;
+  background: #f8f8f8;
   -webkit-border-radius: 4px 4px 0 0;
-     -moz-border-radius: 4px 4px 0 0;
-          border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
 }
-
 .selectize-dropdown-header-close {
   position: absolute;
-  top: 50%;
   right: 10px;
-  margin-top: -12px;
-  font-size: 20px !important;
-  line-height: 20px;
+  top: 50%;
   color: #333333;
   opacity: 0.4;
+  margin-top: -12px;
+  line-height: 20px;
+  font-size: 20px !important;
 }
-
 .selectize-dropdown-header-close:hover {
   color: #000000;
 }
-
 .selectize-dropdown.plugin-optgroup_columns .optgroup {
-  float: left;
-  border-top: 0 none;
   border-right: 1px solid #f2f2f2;
+  border-top: 0 none;
+  float: left;
   -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
   border-right: 0 none;
 }
-
 .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
   display: none;
 }
-
 .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
   border-top: 0 none;
 }
-
 .selectize-control.plugin-remove_button [data-value] {
   position: relative;
   padding-right: 24px !important;
 }
-
 .selectize-control.plugin-remove_button [data-value] .remove {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
-  display: inline-block;
   width: 17px;
-  padding: 1px 0 0 0;
-  font-size: 12px;
+  text-align: center;
   font-weight: bold;
+  font-size: 12px;
   color: inherit;
-  text-align: center;
   text-decoration: none;
   vertical-align: middle;
+  display: inline-block;
+  padding: 1px 0 0 0;
   border-left: 1px solid #cccccc;
   -webkit-border-radius: 0 2px 2px 0;
-     -moz-border-radius: 0 2px 2px 0;
-          border-radius: 0 2px 2px 0;
+  -moz-border-radius: 0 2px 2px 0;
+  border-radius: 0 2px 2px 0;
   -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 .selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
-
 .selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: #0077b3;
 }
-
 .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
   background: none;
 }
-
 .selectize-control.plugin-remove_button .disabled [data-value] .remove {
   border-left-color: #e0e0e0;
 }
-
 .selectize-control {
   position: relative;
 }
-
 .selectize-dropdown,
 .selectize-input,
 .selectize-input input {
+  color: #333333;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
-  -webkit-font-smoothing: inherit;
   line-height: 20px;
-  color: #333333;
+  -webkit-font-smoothing: inherit;
 }
-
 .selectize-input,
 .selectize-control.single .selectize-input.input-active {
-  display: inline-block;
-  cursor: text;
   background: #ffffff;
+  cursor: text;
+  display: inline-block;
 }
-
 .selectize-input {
-  position: relative;
-  z-index: 1;
+  border: 1px solid #d0d0d0;
+  padding: 7px 10px;
   display: inline-block;
   width: 100%;
-  padding: 7px 10px;
   overflow: hidden;
-  border: 1px solid #d0d0d0;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  position: relative;
+  z-index: 1;
   -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
 }
-
 .selectize-control.multi .selectize-input.has-items {
   padding: 5px 10px 2px;
 }
-
 .selectize-input.full {
   background-color: #ffffff;
 }
-
 .selectize-input.disabled,
 .selectize-input.disabled * {
   cursor: default !important;
 }
-
 .selectize-input.focus {
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
 }
-
 .selectize-input.dropdown-active {
   -webkit-border-radius: 4px 4px 0 0;
-     -moz-border-radius: 4px 4px 0 0;
-          border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
 }
-
 .selectize-input > * {
+  vertical-align: baseline;
   display: -moz-inline-stack;
   display: inline-block;
-  *display: inline;
-  vertical-align: baseline;
   zoom: 1;
+  *display: inline;
 }
-
 .selectize-control.multi .selectize-input > div {
-  padding: 1px 3px;
-  margin: 0 3px 3px 0;
-  color: #333333;
   cursor: pointer;
+  margin: 0 3px 3px 0;
+  padding: 1px 3px;
   background: #e6e6e6;
+  color: #333333;
   border: 1px solid #cccccc;
 }
-
 .selectize-control.multi .selectize-input > div.active {
-  color: #ffffff;
   background: #0088cc;
+  color: #ffffff;
   border: 1px solid #0077b3;
 }
-
 .selectize-control.multi .selectize-input.disabled > div,
 .selectize-control.multi .selectize-input.disabled > div.active {
   color: #474747;
   background: #fafafa;
   border: 1px solid #e0e0e0;
 }
-
 .selectize-input > input {
-  max-width: 100% !important;
-  max-height: none !important;
-  min-height: 0 !important;
   padding: 0 !important;
+  min-height: 0 !important;
+  max-height: none !important;
+  max-width: 100% !important;
   margin: 0 !important;
-  line-height: inherit !important;
   text-indent: 0 !important;
-  background: none !important;
   border: 0 none !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  background: none !important;
+  line-height: inherit !important;
   -webkit-user-select: auto !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
 }
-
 .selectize-input > input:focus {
   outline: none !important;
 }
-
 .selectize-input::after {
+  content: ' ';
   display: block;
   clear: left;
-  content: ' ';
 }
-
 .selectize-input.dropdown-active::before {
+  content: ' ';
+  display: block;
   position: absolute;
-  right: 0;
+  background: #e5e5e5;
+  height: 1px;
   bottom: 0;
   left: 0;
-  display: block;
-  height: 1px;
-  background: #e5e5e5;
-  content: ' ';
+  right: 0;
 }
-
 .selectize-dropdown {
   position: absolute;
   z-index: 10;
-  margin: -1px 0 0 0;
-  background: #ffffff;
   border: 1px solid #d0d0d0;
+  background: #ffffff;
+  margin: -1px 0 0 0;
   border-top: 0 none;
-  -webkit-border-radius: 0 0 4px 4px;
-     -moz-border-radius: 0 0 4px 4px;
-          border-radius: 0 0 4px 4px;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
 }
-
 .selectize-dropdown [data-selectable] {
-  overflow: hidden;
   cursor: pointer;
+  overflow: hidden;
 }
-
 .selectize-dropdown [data-selectable] .highlight {
   background: rgba(255, 237, 40, 0.4);
   -webkit-border-radius: 1px;
-     -moz-border-radius: 1px;
-          border-radius: 1px;
+  -moz-border-radius: 1px;
+  border-radius: 1px;
 }
-
 .selectize-dropdown [data-selectable],
 .selectize-dropdown .optgroup-header {
   padding: 3px 10px;
 }
-
 .selectize-dropdown .optgroup:first-child .optgroup-header {
   border-top: 0 none;
 }
-
 .selectize-dropdown .optgroup-header {
   color: #999999;
-  cursor: default;
   background: #ffffff;
+  cursor: default;
 }
-
 .selectize-dropdown .active {
-  color: #ffffff;
   background-color: #0088cc;
+  color: #ffffff;
 }
-
 .selectize-dropdown .active.create {
   color: #ffffff;
 }
-
 .selectize-dropdown .create {
   color: rgba(51, 51, 51, 0.5);
 }
-
 .selectize-dropdown-content {
-  max-height: 200px;
-  overflow-x: hidden;
   overflow-y: auto;
+  overflow-x: hidden;
+  max-height: 200px;
 }
-
 .selectize-control.single .selectize-input,
 .selectize-control.single .selectize-input input {
   cursor: pointer;
 }
-
 .selectize-control.single .selectize-input.input-active,
 .selectize-control.single .selectize-input.input-active input {
   cursor: text;
 }
-
 .selectize-control.single .selectize-input:after {
+  content: ' ';
+  display: block;
   position: absolute;
   top: 50%;
   right: 15px;
-  display: block;
+  margin-top: -3px;
   width: 0;
   height: 0;
-  margin-top: -3px;
-  border-color: #000000 transparent transparent transparent;
   border-style: solid;
   border-width: 5px 5px 0 5px;
-  content: ' ';
+  border-color: #000000 transparent transparent transparent;
 }
-
 .selectize-control.single .selectize-input.dropdown-active:after {
   margin-top: -4px;
-  border-color: transparent transparent #000000 transparent;
   border-width: 0 5px 5px 5px;
+  border-color: transparent transparent #000000 transparent;
 }
-
 .selectize-control.rtl.single .selectize-input:after {
-  right: auto;
   left: 15px;
+  right: auto;
 }
-
 .selectize-control.rtl .selectize-input > input {
   margin: 0 4px 0 -2px !important;
 }
-
 .selectize-control .selectize-input.disabled {
-  background-color: #ffffff;
   opacity: 0.5;
+  background-color: #ffffff;
 }
-
 .selectize-dropdown {
-  z-index: 1000;
   margin: 2px 0 0 0;
+  z-index: 1000;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 }
-
 .selectize-dropdown .optgroup-header {
   font-size: 11px;
   font-weight: bold;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
 }
-
 .selectize-dropdown .optgroup:first-child:before {
   display: none;
 }
-
 .selectize-dropdown .optgroup:before {
+  content: ' ';
   display: block;
   *width: 100%;
   height: 1px;
   margin: 9px 1px;
   *margin: -5px 0 5px;
-  margin-right: -10px;
-  margin-left: -10px;
   overflow: hidden;
   background-color: #e5e5e5;
   border-bottom: 1px solid #ffffff;
-  content: ' ';
+  margin-left: -10px;
+  margin-right: -10px;
 }
-
 .selectize-dropdown [data-selectable].active {
   background-color: #0081c2;
   background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
@@ -404,32 +349,26 @@
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
 }
-
 .selectize-dropdown-content {
   padding: 5px 0;
 }
-
 .selectize-dropdown-header {
   padding: 6px 10px;
 }
-
 .selectize-input {
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-          transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-transition: border linear .2s, box-shadow linear .2s;
+  -moz-transition: border linear .2s, box-shadow linear .2s;
+  -o-transition: border linear .2s, box-shadow linear .2s;
+  transition: border linear .2s, box-shadow linear .2s;
 }
-
 .selectize-input.dropdown-active {
   -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
 }
-
 .selectize-input.dropdown-active::before {
   display: none;
 }
-
 .selectize-input.input-active,
 .selectize-input.input-active:hover,
 .selectize-control.multi .selectize-input.focus {
@@ -437,31 +376,30 @@
   border-color: rgba(82, 168, 236, 0.8) !important;
   outline: 0 !important;
   outline: thin dotted \9 !important;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
+  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
 }
-
 .selectize-control.single .selectize-input {
   color: #333333;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #f5f5f5;
-  *background-color: #e6e6e6;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  *background-color: #e6e6e6;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 }
-
 .selectize-control.single .selectize-input:hover,
 .selectize-control.single .selectize-input:focus,
 .selectize-control.single .selectize-input:active,
@@ -472,79 +410,72 @@
   background-color: #e6e6e6;
   *background-color: #d9d9d9;
 }
-
 .selectize-control.single .selectize-input:active,
 .selectize-control.single .selectize-input.active {
   background-color: #cccccc \9;
 }
-
 .selectize-control.single .selectize-input:hover {
   color: #333333;
   text-decoration: none;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
-     -moz-transition: background-position 0.1s linear;
-       -o-transition: background-position 0.1s linear;
-          transition: background-position 0.1s linear;
+  -moz-transition: background-position 0.1s linear;
+  -o-transition: background-position 0.1s linear;
+  transition: background-position 0.1s linear;
 }
-
 .selectize-control.single .selectize-input.disabled {
   background: #e6e6e6 !important;
   -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
-
 .selectize-control.multi .selectize-input {
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
-
 .selectize-control.multi .selectize-input.has-items {
-  padding-right: 7px;
   padding-left: 7px;
+  padding-right: 7px;
 }
-
 .selectize-control.multi .selectize-input > div {
   color: #333333;
   text-shadow: none;
   background-color: #f5f5f5;
-  *background-color: #e6e6e6;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   background-repeat: repeat-x;
-  border: 1px solid #cccccc;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #e6e6e6;
+  border: 1px solid #cccccc;
   -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 }
-
 .selectize-control.multi .selectize-input > div.active {
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: 0 1px 2px rgba(0,0,0,.05);
   color: #ffffff;
   text-shadow: none;
   background-color: #0081c2;
-  *background-color: #0088cc;
   background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
   background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
   background-image: -o-linear-gradient(top, #0088cc, #0077b3);
   background-image: linear-gradient(to bottom, #0088cc, #0077b3);
   background-repeat: repeat-x;
-  border: 1px solid #0088cc;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
   border-color: #0077b3 #0077b3 #004466;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-}
+  *background-color: #0088cc;
+  border: 1px solid #0088cc;
+}