@@ -13,11 +13,11 @@ Version: @@ver@@ Timestamp: @@timestamp@@
1313.select2-container ,
1414.select2-drop ,
1515.select2-search ,
16- .select2-container . select2- search input {
17- /*
16+ .select2-search input {
17+ /*
1818 Force border-box so that % widths fit the parent
1919 container without overlap because of margin/padding.
20-
20+
2121 More Info : http://www.quirksmode.org/css/box.html
2222 */
2323 -moz-box-sizing : border-box; /* firefox */
@@ -72,7 +72,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
7272 width : 12px ;
7373 height : 12px ;
7474 font-size : 1px ;
75- background : url (select2.png) right top no-repeat;
75+ background : url (' select2.png' ) right top no-repeat;
7676 cursor : pointer;
7777 text-decoration : none;
7878 border : 0 ;
@@ -83,7 +83,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
8383 cursor : pointer;
8484}
8585
86- .select2-container . select2- drop {
86+ .select2-drop {
8787 background : # fff ;
8888 border : 1px solid # aaa ;
8989 border-top : 0 ;
@@ -133,7 +133,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
133133 height : 100% ;
134134}
135135
136- .select2-container . select2- search {
136+ .select2-search {
137137 display : inline-block;
138138 white-space : nowrap;
139139 z-index : 1010 ;
@@ -144,13 +144,13 @@ Version: @@ver@@ Timestamp: @@timestamp@@
144144 padding-right : 4px ;
145145}
146146
147- .select2-container . select2- search-hidden {
147+ .select2-search-hidden {
148148 display : block;
149149 position : absolute;
150150 left : -10000px ;
151151}
152152
153- .select2-container . select2- search input {
153+ .select2-search input {
154154 background : # fff url ('select2.png' ) no-repeat 100% -22px ;
155155 background : url ('select2.png' ) no-repeat 100% -22px , -webkit-gradient (linear, left bottom, left top, color-stop (0.85 , white), color-stop (0.99 , # eeeeee ));
156156 background : url ('select2.png' ) no-repeat 100% -22px , -webkit-linear-gradient (center bottom, white 85% , # eeeeee 99% );
@@ -172,10 +172,10 @@ Version: @@ver@@ Timestamp: @@timestamp@@
172172 box-shadow : none;
173173 border-radius : 0 ;
174174 -moz-border-radius : 0 ;
175- -webkit-border-radius : 0 ;
175+ -webkit-border-radius : 0 ;
176176}
177177
178- .select2-container . select2- search input .select2-active {
178+ .select2-search input .select2-active {
179179 background : # fff url ('spinner.gif' ) no-repeat 100% ;
180180 background : url ('spinner.gif' ) no-repeat 100% , -webkit-gradient (linear, left bottom, left top, color-stop (0.85 , white), color-stop (0.99 , # eeeeee ));
181181 background : url ('spinner.gif' ) no-repeat 100% , -webkit-linear-gradient (center bottom, white 85% , # eeeeee 99% );
@@ -228,54 +228,73 @@ Version: @@ver@@ Timestamp: @@timestamp@@
228228}
229229
230230/* results */
231- .select2-container . select2- results {
231+ .select2-results {
232232 margin : 4px 4px 4px 0 ;
233233 padding : 0 0 0 4px ;
234234 position : relative;
235235 overflow-x : hidden;
236236 overflow-y : auto;
237237 max-height : 200px ;
238238}
239- .select2-container .select2-results li {
240- line-height : 80% ;
241- padding : 7px 7px 8px ;
242- margin : 0 ;
239+
240+ .select2-results ul .select2-result-sub {
241+ margin : 0 0 0 0 ;
242+ }
243+
244+ .select2-results ul .select2-result-sub > li .select2-result-label { padding-left : 20px }
245+ .select2-results ul .select2-result-sub ul .select2-result-sub > li .select2-result-label { padding-left : 40px }
246+ .select2-results ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub > li .select2-result-label { padding-left : 60px }
247+ .select2-results ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub > li .select2-result-label { padding-left : 80px }
248+ .select2-results ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub > li .select2-result-label { padding-left : 100px }
249+ .select2-results ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub > li .select2-result-label { padding-left : 110px }
250+ .select2-results ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub ul .select2-result-sub > li .select2-result-label { padding-left : 120px }
251+
252+ .select2-results li {
243253 list-style : none;
244- cursor : pointer;
245254 display : list-item;
246255}
247256
248- .select2-container .select2-results .select2-highlighted {
257+ .select2-results li .select2-result-with-children > .select2-result-label {
258+ font-weight : bold;
259+ }
260+
261+ .select2-results .select2-result-label {
262+ padding : 3px 7px 4px ;
263+ margin : 0 ;
264+ cursor : pointer;
265+ }
266+
267+ .select2-results .select2-highlighted {
249268 background : # 3875d7 ;
250269 color : # fff ;
251270}
252- .select2-container . select2- results li em {
271+ .select2-results li em {
253272 background : # feffde ;
254273 font-style : normal;
255274}
256- .select2-container . select2- results .select2-highlighted em {
275+ .select2-results .select2-highlighted em {
257276 background : transparent;
258277}
259- .select2-container . select2- results .select2-no-results {
278+ .select2-results .select2-no-results {
260279 background : # f4f4f4 ;
261280 display : list-item;
262281}
263282
264283/*
265284disabled look for already selected choices in the results dropdown
266- .select2-container .select2- results .select2-disabled.select2-highlighted {
285+ .select2-results .select2-disabled.select2-highlighted {
267286 color: #666;
268287 background: #f4f4f4;
269288 display: list-item;
270289 cursor: default;
271290}
272- .select2-container .select2- results .select2-disabled {
291+ .select2-results .select2-disabled {
273292 background: #f4f4f4;
274293 display: list-item;
275294 cursor: default;
276295}
277296*/
278- .select2-container . select2- results .select2-disabled {
297+ .select2-results .select2-disabled {
279298 display : none;
280299}
281300
@@ -324,10 +343,6 @@ disabled look for already selected choices in the results dropdown
324343 position : relative;
325344}
326345
327- .select2-container-multi .select2-drop {
328- margin-top : 0 ;
329- }
330-
331346.select2-container-multi .select2-choices {
332347 min-height : 26px ;
333348}
@@ -366,6 +381,9 @@ disabled look for already selected choices in the results dropdown
366381 box-shadow : none;
367382}
368383
384+ .select2-container-multi .select2-choices .select2-search-field input .select2-active {
385+ background : # fff url ('spinner.gif' ) no-repeat 100% !important ;
386+ }
369387
370388.select2-default {
371389 color : # 999 !important ;
@@ -412,7 +430,7 @@ disabled look for already selected choices in the results dropdown
412430 width : 12px ;
413431 height : 13px ;
414432 font-size : 1px ;
415- background : url (select2.png) right top no-repeat;
433+ background : url (' select2.png' ) right top no-repeat;
416434 outline : none;
417435}
418436
@@ -428,12 +446,6 @@ disabled look for already selected choices in the results dropdown
428446 background-position : right -11px ;
429447}
430448
431-
432- .select2-container-multi .select2-results {
433- margin : -1px 0 0 ;
434- padding : 0 ;
435- }
436-
437449/* disabled styles */
438450
439451.select2-container-multi .select2-container-disabled .select2-choices {
@@ -454,3 +466,7 @@ disabled look for already selected choices in the results dropdown
454466 display : none;
455467}
456468/* end multiselect */
469+
470+ .select2-match { text-decoration : underline; }
471+
472+ .select2-offscreen { position : absolute; left : -1000px ; }
0 commit comments