compass-jquery-plugin 0.3.2.7 → 0.3.2.8

data/templates/jquery/jquery.tokeninput.min.js

@@ -0,0 +1,14 @@
+(function(b){var y={hintText:"Type in a search term",noResultsText:"No results",searchingText:"Searching...",deleteText:"×",searchDelay:300,minChars:1,tokenLimit:null,jsonContainer:null,method:"GET",contentType:"json",queryParam:"q",tokenDelimiter:",",preventDuplicates:!1,prePopulate:null,animateDropdown:!0,onResult:null,onAdd:null,onDelete:null},z={tokenList:"token-input-list",token:"token-input-token",tokenDelete:"token-input-delete-token",selectedToken:"token-input-selected-token",highlightedToken:"token-input-highlighted-token",
+dropdown:"token-input-dropdown",dropdownItem:"token-input-dropdown-item",dropdownItem2:"token-input-dropdown-item2",selectedDropdownItem:"token-input-selected-dropdown-item",inputToken:"token-input-input-token"},i={BEFORE:0,AFTER:1,END:2},f={BACKSPACE:8,TAB:9,ENTER:13,ESCAPE:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,NUMPAD_ENTER:108,COMMA:188};b.fn.tokenInput=function(f,i){var a=b.extend({},y,i||{});return this.each(function(){new b.TokenList(this,f,a)})};b.TokenList=
+function(J,w,a){function q(c,d){var e=b("<li><p>"+d+"</p></li>").addClass(a.classes.token).insertBefore(m);b("<span>"+a.deleteText+"</span>").addClass(a.classes.tokenDelete).appendTo(e).click(function(){E(b(this).parent());return!1});var j={id:c,name:d};b.data(e.get(0),"tokeninput",j);n=n.slice(0,k).concat([j]).concat(n.slice(k));k++;j=b.map(n,function(a){return a.id});u.val(j.join(a.tokenDelimiter));r+=1;return e}function F(c){var d=b.data(c.get(0),"tokeninput"),c=a.onAdd;if(r>0&&a.preventDuplicates){var e=
+null;s.children().each(function(){var a=b(this),c=b.data(a.get(0),"tokeninput");if(c&&c.id===d.id)return e=a,!1});if(e){v(e);m.insertAfter(e);g.focus();return}}q(d.id,d.name);a.tokenLimit!==null&&r>=a.tokenLimit?(g.hide(),o()):(g.focus(),g.val(""),o(),b.isFunction(c)&&c(d))}function v(c){c.addClass(a.classes.selectedToken);h=c.get(0);g.val("");o()}function t(c,b){c.removeClass(a.classes.selectedToken);h=null;b===i.BEFORE?(m.insertBefore(c),k--):b===i.AFTER?(m.insertAfter(c),k++):(m.appendTo(s),k=
+r);g.focus()}function E(c){var d=b.data(c.get(0),"tokeninput"),e=a.onDelete,j=c.prevAll().length;j>k&&j--;c.remove();h=null;g.focus();n=n.slice(0,j).concat(n.slice(j+1));j<k&&k--;c=b.map(n,function(a){return a.id});u.val(c.join(a.tokenDelimiter));r-=1;a.tokenLimit!==null&&g.show().val("").focus();b.isFunction(e)&&e(d)}function o(){p.hide().empty();l=null}function x(){p.css({position:"absolute",top:b(s).offset().top+b(s).outerHeight(),left:b(s).offset().left,zindex:999}).show()}function A(c,d){if(d&&
+d.length){p.empty();var e=b("<ul>").appendTo(p).mouseover(function(a){B(b(a.target).closest("li"))}).mousedown(function(a){F(b(a.target).closest("li"));return!1}).hide();b.each(d,function(d,g){var f=b("<li>"+g.name.replace(RegExp("(?![^&;]+;)(?!<[^<>]*)("+c+")(?![^<>]*>)(?![^&;]+;)","gi"),"<b>$1</b>")+"</li>").appendTo(e);d%2?f.addClass(a.classes.dropdownItem):f.addClass(a.classes.dropdownItem2);d===0&&B(f);b.data(f.get(0),"tokeninput",{id:g.id,name:g.name})});x();a.animateDropdown?e.slideDown("fast"):
+e.show()}else a.noResultsText&&(p.html("<p>"+a.noResultsText+"</p>"),x())}function B(c){c&&(l&&(b(l).removeClass(a.classes.selectedDropdownItem),l=null),c.addClass(a.classes.selectedDropdownItem),l=c.get(0))}function G(){var c=g.val().toLowerCase();c&&c.length&&(h&&t(b(h),i.AFTER),c.length>=a.minChars?(a.searchingText&&(p.html("<p>"+a.searchingText+"</p>"),x()),clearTimeout(H),H=setTimeout(function(){y(c)},a.searchDelay)):o())}function y(c){var d=C.get(c);if(d)A(c,d);else if(a.url){var e={data:{}};
+a.url.indexOf("?")>-1?(d=a.url.split("?"),e.url=d[0],d=d[1].split("&"),b.each(d,function(a,c){var b=c.split("=");e.data[b[0]]=b[1]})):e.url=a.url;e.data[a.queryParam]=c;e.type=a.method;e.dataType=a.contentType;if(a.crossDomain)e.dataType="jsonp";e.success=function(d){b.isFunction(a.onResult)&&(d=a.onResult.call(this,d));C.add(c,a.jsonContainer?d[a.jsonContainer]:d);g.val().toLowerCase()===c&&A(c,a.jsonContainer?d[a.jsonContainer]:d)};b.ajax(e)}else a.local_data&&(d=b.grep(a.local_data,function(a){return a.name.toLowerCase().indexOf(c.toLowerCase())>
+-1}),b.isFunction(a.onResult)&&(d=a.onResult.call(this,d)),C.add(c,d),A(c,d))}if(typeof w==="string"){if(a.url=w,a.crossDomain===void 0)a.crossDomain=a.url.indexOf("://")===-1?!1:location.href.split(/\/+/g)[1]!==a.url.split(/\/+/g)[1]}else if(typeof w==="object")a.local_data=w;a.classes?a.classes=b.extend({},z,a.classes):a.theme?(a.classes={},b.each(z,function(c,b){a.classes[c]=b+"-"+a.theme})):a.classes=z;var n=[],r=0,C=new b.TokenList.Cache,H,D,g=b('<input type="text"  autocomplete="off">').css({outline:"none"}).focus(function(){if((a.tokenLimit===
+null||a.tokenLimit!==r)&&a.hintText)p.html("<p>"+a.hintText+"</p>"),x()}).blur(function(){o()}).bind("keyup keydown blur update",function(){if(D!==(D=g.val())){var a=D.replace(/&/g,"&amp;").replace(/\s/g," ").replace(/</g,"&lt;").replace(/>/g,"&gt;");I.html(a);g.width(I.width()+30)}}).keydown(function(a){var d,e;switch(a.keyCode){case f.LEFT:case f.RIGHT:case f.UP:case f.DOWN:if(b(this).val())return d=null,d=a.keyCode===f.DOWN||a.keyCode===f.RIGHT?b(l).next():b(l).prev(),d.length&&B(d),!1;else d=
+m.prev(),e=m.next(),d.length&&d.get(0)===h||e.length&&e.get(0)===h?a.keyCode===f.LEFT||a.keyCode===f.UP?t(b(h),i.BEFORE):t(b(h),i.AFTER):(a.keyCode===f.LEFT||a.keyCode===f.UP)&&d.length?v(b(d.get(0))):(a.keyCode===f.RIGHT||a.keyCode===f.DOWN)&&e.length&&v(b(e.get(0)));break;case f.BACKSPACE:d=m.prev();if(b(this).val().length)b(this).val().length===1?o():setTimeout(function(){G()},5);else return h?E(b(h)):d.length&&v(b(d.get(0))),!1;break;case f.TAB:case f.ENTER:case f.NUMPAD_ENTER:case f.COMMA:if(l)return F(b(l)),
+!1;break;case f.ESCAPE:return o(),!0;default:String.fromCharCode(a.which)&&setTimeout(function(){G()},5)}}),u=b(J).hide().val("").focus(function(){g.focus()}).blur(function(){g.blur()}),h=null,k=0,l=null,s=b("<ul />").addClass(a.classes.tokenList).click(function(a){if((a=b(a.target).closest("li"))&&a.get(0)&&b.data(a.get(0),"tokeninput")){var d=h;h&&t(b(h),i.END);d===a.get(0)?t(a,i.END):v(a)}else h&&t(b(h),i.END),g.focus()}).mouseover(function(c){(c=b(c.target).closest("li"))&&h!==this&&c.addClass(a.classes.highlightedToken)}).mouseout(function(c){(c=
+b(c.target).closest("li"))&&h!==this&&c.removeClass(a.classes.highlightedToken)}).insertBefore(u),m=b("<li />").addClass(a.classes.inputToken).appendTo(s).append(g),p=b("<div>").addClass(a.classes.dropdown).appendTo("body").hide(),I=b("<tester/>").insertAfter(g).css({position:"absolute",top:-9999,left:-9999,width:"auto",fontSize:g.css("fontSize"),fontFamily:g.css("fontFamily"),fontWeight:g.css("fontWeight"),letterSpacing:g.css("letterSpacing"),whiteSpace:"nowrap"});u.val("");(li_data=a.prePopulate||
+u.data("pre"))&&li_data.length&&b.each(li_data,function(a,b){q(b.id,b.name)})};b.TokenList.Cache=function(f){var i=b.extend({max_size:500},f),a={},q=0;this.add=function(b,f){q>i.max_size&&(a={},q=0);a[b]||(q+=1);a[b]=f};this.get=function(b){return a[b]}}})(jQuery);

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

@@ -1,5 +1,5 @@
 /*
- * jQuery UI CSS Framework 1.8.11
+ * jQuery UI CSS Framework 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -83,7 +83,7 @@
 
 
 /*
- * jQuery UI Accordion 1.8.11
+ * jQuery UI Accordion 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -137,7 +137,7 @@
 
 
 /*
- * jQuery UI Autocomplete 1.8.11
+ * jQuery UI Autocomplete 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -156,7 +156,7 @@
 /* without this, the menu expands to 100% in IE6 */
 
 /*
- * jQuery UI Menu 1.8.11
+ * jQuery UI Menu 1.8.12
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -196,7 +196,7 @@
 
 
 /*
- * jQuery UI Button 1.8.11
+ * jQuery UI Button 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -292,7 +292,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Datepicker 1.8.11
+ * jQuery UI Datepicker 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -491,7 +491,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Dialog 1.8.11
+ * jQuery UI Dialog 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -627,7 +627,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Progressbar 1.8.11
+ * jQuery UI Progressbar 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -645,7 +645,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Resizable 1.8.11
+ * jQuery UI Resizable 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -660,7 +660,11 @@ button.ui-button::-moz-focus-inner {
   position: absolute;
   font-size: 0.1px;
   z-index: 99999;
-  display: block; }
+  display: block;
+  /* http://bugs.jqueryui.com/ticket/7233
+   - Resizable: resizable handles fail to work in IE if transparent and content overlaps
+  */
+  background-image: url(data:); }
 
 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
   display: none; }
@@ -723,7 +727,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Selectable 1.8.11
+ * jQuery UI Selectable 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -761,13 +765,13 @@ button.ui-button::-moz-focus-inner {
   list-style: none;
   position: absolute;
   top: 0;
-  visibility: hidden;
+  display: none;
   overflow: auto;
   z-index: 1005; }
 
 /* z-index: 1005 to make selectmenu work with dialog */
 .ui-selectmenu-open {
-  visibility: visible; }
+  display: block; }
 
 .ui-selectmenu-menu-popup {
   margin-top: -1px; }
@@ -791,6 +795,9 @@ button.ui-button::-moz-focus-inner {
   outline: none;
   text-decoration: none; }
 
+.ui-selectmenu-menu li.ui-state-disabled a {
+  cursor: default; }
+
 .ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
 .ui-selectmenu-hasIcon .ui-selectmenu-status {
   padding-left: 20px;
@@ -847,7 +854,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Slider 1.8.11
+ * jQuery UI Slider 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -912,7 +919,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
- * jQuery UI Tabs 1.8.11
+ * jQuery UI Tabs 1.8.12
  *
  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -967,7 +974,7 @@ button.ui-button::-moz-focus-inner {
 
 
 /*
-* jQuery UI CSS Framework 1.8.11
+* jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.

data/templates/jquery/jquery/ui/tokeninput.facebook.scss

@@ -0,0 +1,95 @@
+/* Example tokeninput style #2: Facebook style */
+
+ul.token-input-list-facebook {
+  overflow: hidden;
+  height: auto !important;
+  height: 1%;
+  width: 400px;
+  border: 1px solid #8496ba;
+  cursor: text;
+  font-size: 12px;
+  font-family: Verdana;
+  min-height: 1px;
+  z-index: 999;
+  margin: 0;
+  padding: 0;
+  background-color: #fff;
+  list-style-type: none;
+  clear: left;
+  li input {
+    border: 0;
+    width: 100px;
+    padding: 3px 8px;
+    background-color: white;
+    margin: 2px 0;
+    -webkit-appearance: caret; } }
+
+li {
+  &.token-input-token-facebook {
+    overflow: hidden;
+    height: auto !important;
+    height: 15px;
+    margin: 3px;
+    padding: 1px 3px;
+    background-color: #eff2f7;
+    color: #000;
+    cursor: default;
+    border: 1px solid #ccd5e4;
+    font-size: 11px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    float: left;
+    white-space: nowrap;
+    p {
+      display: inline;
+      padding: 0;
+      margin: 0; }
+    span {
+      color: #a6b3cf;
+      margin-left: 5px;
+      font-weight: bold;
+      cursor: pointer; } }
+  &.token-input-selected-token-facebook {
+    background-color: #5670a6;
+    border: 1px solid #3b5998;
+    color: #fff; }
+  &.token-input-input-token-facebook {
+    float: left;
+    margin: 0;
+    padding: 0;
+    list-style-type: none; } }
+
+div.token-input-dropdown-facebook {
+  position: absolute;
+  width: 400px;
+  background-color: #fff;
+  overflow: hidden;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  cursor: default;
+  font-size: 11px;
+  font-family: Verdana;
+  z-index: 1;
+  p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777; }
+  ul {
+    margin: 0;
+    padding: 0;
+    li {
+      background-color: #fff;
+      padding: 3px;
+      margin: 0;
+      list-style-type: none;
+      &.token-input-dropdown-item-facebook, &.token-input-dropdown-item2-facebook {
+        background-color: #fff; }
+      em {
+        font-weight: bold;
+        font-style: normal; }
+      &.token-input-selected-dropdown-item-facebook {
+        background-color: #3b5998;
+        color: #fff; } } } }

data/templates/jquery/jquery/ui/tokeninput.mac.scss

@@ -0,0 +1,164 @@
+/* Example tokeninput style #2: Mac Style */
+
+fieldset.token-input-mac {
+  position: relative;
+  padding: 0;
+  margin: 5px 0;
+  background: #fff;
+  width: 400px;
+  border: 1px solid #A4BDEC;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  &.token-input-dropdown-mac {
+    border-radius: 10px 10px 0 0;
+    -moz-border-radius: 10px 10px 0 0;
+    -webkit-border-radius: 10px 10px 0 0;
+    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
+    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25); } }
+
+ul.token-input-list-mac {
+  overflow: hidden;
+  height: auto !important;
+  height: 1%;
+  cursor: text;
+  font-size: 12px;
+  font-family: Verdana;
+  min-height: 1px;
+  z-index: 999;
+  margin: 0;
+  padding: 3px;
+  background: transparent;
+  &.error {
+    border: 1px solid #C52020; }
+  li {
+    list-style-type: none; } }
+
+li {
+  &.token-input-token-mac {
+    p {
+      display: inline;
+      padding: 0;
+      margin: 0; }
+    span {
+      color: #a6b3cf;
+      margin-left: 5px;
+      font-weight: bold;
+      cursor: pointer; }
+    font-family: "Lucida Grande", Arial, serif;
+    font-size: 9pt;
+    line-height: 12pt;
+    overflow: hidden;
+    height: 16px;
+    margin: 3px;
+    padding: 0 10px;
+    background: none;
+    background-color: #dee7f8;
+    color: #000;
+    cursor: default;
+    border: 1px solid #a4bdec;
+    border-radius: 15px;
+    -moz-border-radius: 15px;
+    -webkit-border-radius: 15px;
+    float: left; }
+  &.token-input-highlighted-token-mac {
+    background-color: #bbcef1;
+    border: 1px solid #598bec;
+    color: #000; }
+  &.token-input-selected-token-mac {
+    background-color: #598bec;
+    border: 1px solid transparent;
+    color: #fff; }
+  &.token-input-highlighted-token-mac span.token-input-delete-token-mac {
+    color: #000; }
+  &.token-input-selected-token-mac span.token-input-delete-token-mac {
+    color: #fff; }
+  &.token-input-input-token-mac {
+    border: none;
+    background: transparent;
+    float: left;
+    padding: 0;
+    margin: 0;
+    input {
+      border: 0;
+      width: 100px;
+      padding: 3px;
+      background-color: transparent;
+      margin: 0; } } }
+
+/* TOKENS */
+
+div.token-input-dropdown-mac {
+  position: absolute;
+  border: 1px solid #A4BDEC;
+  border-top: none;
+  left: -1px;
+  right: -1px;
+  background-color: #fff;
+  overflow: hidden;
+  cursor: default;
+  font-size: 10pt;
+  font-family: "Lucida Grande", Arial, serif;
+  padding: 5px;
+  border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
+  -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);
+  clip: rect(0px, 1000px, 1000px, -10px);
+  p {
+    font-size: 8pt;
+    margin: 0;
+    padding: 0 5px;
+    font-style: italic;
+    color: #aaa; }
+  h3.token-input-dropdown-category-mac {
+    font-family: "Lucida Grande", Arial, serif;
+    font-size: 10pt;
+    font-weight: bold;
+    border: none;
+    padding: 0 5px;
+    margin: 0; }
+  ul {
+    margin: 0;
+    padding: 0;
+    li {
+      list-style-type: none;
+      cursor: pointer;
+      background: none;
+      background-color: #fff;
+      margin: 0;
+      padding: 0 0 0 25px;
+      &.token-input-dropdown-item-mac {
+        background-color: #fff;
+        &.odd {
+          background-color: #ECF4F9;
+          border-radius: 15px;
+          -moz-border-radius: 15px;
+          -webkit-border-radius: 15px; }
+        span.token-input-dropdown-item-description-mac {
+          float: right;
+          font-size: 8pt;
+          font-style: italic;
+          padding: 0 10px 0 0;
+          color: #999; } }
+      strong {
+        font-weight: bold;
+        text-decoration: underline;
+        font-style: none; }
+      &.token-input-selected-dropdown-item-mac {
+        background-color: #598bec;
+        color: #fff;
+        border-radius: 15px;
+        -moz-border-radius: 15px;
+        -webkit-border-radius: 15px;
+        &.odd {
+          background-color: #598bec;
+          color: #fff;
+          border-radius: 15px;
+          -moz-border-radius: 15px;
+          -webkit-border-radius: 15px; }
+        span.token-input-dropdown-item-description-mac, &.odd span.token-input-dropdown-item-description-mac {
+          color: #fff; } } } } }

data/templates/jquery/jquery/ui/tokeninput.scss

@@ -0,0 +1,85 @@
+/* Example tokeninput style #1: Token vertical list*/
+
+ul.token-input-list {
+  overflow: hidden;
+  height: auto !important;
+  height: 1%;
+  width: 400px;
+  border: 1px solid #999;
+  cursor: text;
+  font-size: 12px;
+  font-family: Verdana;
+  z-index: 999;
+  margin: 0;
+  padding: 0;
+  background-color: #fff;
+  list-style-type: none;
+  clear: left;
+  li {
+    list-style-type: none;
+    input {
+      border: 0;
+      width: 350px;
+      padding: 3px 8px;
+      background-color: white;
+      -webkit-appearance: caret; } } }
+
+li {
+  &.token-input-token {
+    overflow: hidden;
+    height: auto !important;
+    height: 1%;
+    margin: 3px;
+    padding: 3px 5px;
+    background-color: #d0efa0;
+    color: #000;
+    font-weight: bold;
+    cursor: default;
+    display: block;
+    p {
+      float: left;
+      padding: 0;
+      margin: 0; }
+    span {
+      float: right;
+      color: #777;
+      cursor: pointer; } }
+  &.token-input-selected-token {
+    background-color: #08844e;
+    color: #fff;
+    span {
+      color: #bbb; } } }
+
+div.token-input-dropdown {
+  position: absolute;
+  width: 400px;
+  background-color: #fff;
+  overflow: hidden;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  cursor: default;
+  font-size: 12px;
+  font-family: Verdana;
+  z-index: 1;
+  p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777; }
+  ul {
+    margin: 0;
+    padding: 0;
+    li {
+      background-color: #fff;
+      padding: 3px;
+      list-style-type: none;
+      &.token-input-dropdown-item {
+        background-color: #fafafa; }
+      &.token-input-dropdown-item2 {
+        background-color: #fff; }
+      em {
+        font-weight: bold;
+        font-style: normal; }
+      &.token-input-selected-dropdown-item {
+        background-color: #d0efa0; } } } }