1+ /**
2+ * selectize.css (v0.12.6)
3+ * Copyright (c) 2013–2015 Brian Reavis & contributors
4+ *
5+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6+ * file except in compliance with the License. You may obtain a copy of the License at:
7+ * http://www.apache.org/licenses/LICENSE-2.0
8+ *
9+ * Unless required by applicable law or agreed to in writing, software distributed under
10+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
11+ * ANY KIND, either express or implied. See the License for the specific language
12+ * governing permissions and limitations under the License.
13+ *
14+ * @author Brian Reavis <brian@thirdroute.com>
15+ */
16+
17+ .selectize-control .plugin-drag_drop .multi > .selectize-input > div .ui-sortable-placeholder {
18+ visibility : visible !important ;
19+ background : # f2f2f2 !important ;
20+ background : rgba (0 , 0 , 0 , 0.06 ) !important ;
21+ border : 0 none !important ;
22+ -webkit-box-shadow : inset 0 0 12px 4px # fff ;
23+ box-shadow : inset 0 0 12px 4px # fff ;
24+ }
25+ .selectize-control .plugin-drag_drop .ui-sortable-placeholder ::after {
26+ content : '!' ;
27+ visibility : hidden;
28+ }
29+ .selectize-control .plugin-drag_drop .ui-sortable-helper {
30+ -webkit-box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.2 );
31+ box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.2 );
32+ }
33+ .selectize-dropdown-header {
34+ position : relative;
35+ padding : 5px 8px ;
36+ border-bottom : 1px solid # d0d0d0 ;
37+ background : # f8f8f8 ;
38+ -webkit-border-radius : 3px 3px 0 0 ;
39+ -moz-border-radius : 3px 3px 0 0 ;
40+ border-radius : 3px 3px 0 0 ;
41+ }
42+ .selectize-dropdown-header-close {
43+ position : absolute;
44+ right : 8px ;
45+ top : 50% ;
46+ color : # 303030 ;
47+ opacity : 0.4 ;
48+ margin-top : -12px ;
49+ line-height : 20px ;
50+ font-size : 20px !important ;
51+ }
52+ .selectize-dropdown-header-close : hover {
53+ color : # 000000 ;
54+ }
55+ .selectize-dropdown .plugin-optgroup_columns .optgroup {
56+ border-right : 1px solid # f2f2f2 ;
57+ border-top : 0 none;
58+ float : left;
59+ -webkit-box-sizing : border-box;
60+ -moz-box-sizing : border-box;
61+ box-sizing : border-box;
62+ }
63+ .selectize-dropdown .plugin-optgroup_columns .optgroup : last-child {
64+ border-right : 0 none;
65+ }
66+ .selectize-dropdown .plugin-optgroup_columns .optgroup : before {
67+ display : none;
68+ }
69+ .selectize-dropdown .plugin-optgroup_columns .optgroup-header {
70+ border-top : 0 none;
71+ }
72+ .selectize-control .plugin-remove_button [data-value ] {
73+ position : relative;
74+ padding-right : 24px !important ;
75+ }
76+ .selectize-control .plugin-remove_button [data-value ] .remove {
77+ z-index : 1 ;
78+ /* fixes ie bug (see #392) */
79+ position : absolute;
80+ top : 0 ;
81+ right : 0 ;
82+ bottom : 0 ;
83+ width : 17px ;
84+ text-align : center;
85+ font-weight : bold;
86+ font-size : 12px ;
87+ color : inherit;
88+ text-decoration : none;
89+ vertical-align : middle;
90+ display : inline-block;
91+ padding : 2px 0 0 0 ;
92+ border-left : 1px solid # d0d0d0 ;
93+ -webkit-border-radius : 0 2px 2px 0 ;
94+ -moz-border-radius : 0 2px 2px 0 ;
95+ border-radius : 0 2px 2px 0 ;
96+ -webkit-box-sizing : border-box;
97+ -moz-box-sizing : border-box;
98+ box-sizing : border-box;
99+ }
100+ .selectize-control .plugin-remove_button [data-value ] .remove : hover {
101+ background : rgba (0 , 0 , 0 , 0.05 );
102+ }
103+ .selectize-control .plugin-remove_button [data-value ].active .remove {
104+ border-left-color : # cacaca ;
105+ }
106+ .selectize-control .plugin-remove_button .disabled [data-value ] .remove : hover {
107+ background : none;
108+ }
109+ .selectize-control .plugin-remove_button .disabled [data-value ] .remove {
110+ border-left-color : # ffffff ;
111+ }
112+ .selectize-control .plugin-remove_button .remove-single {
113+ position : absolute;
114+ right : 0 ;
115+ top : 0 ;
116+ font-size : 23px ;
117+ }
118+ .selectize-control {
119+ position : relative;
120+ }
121+ .selectize-dropdown ,
122+ .selectize-input ,
123+ .selectize-input input {
124+ color : # 303030 ;
125+ font-family : inherit;
126+ font-size : 13px ;
127+ line-height : 18px ;
128+ -webkit-font-smoothing : inherit;
129+ }
130+ .selectize-input ,
131+ .selectize-control .single .selectize-input .input-active {
132+ background : # fff ;
133+ cursor : text;
134+ display : inline-block;
135+ }
136+ .selectize-input {
137+ border : 1px solid # d0d0d0 ;
138+ padding : 8px 8px ;
139+ display : inline-block;
140+ width : 100% ;
141+ overflow : hidden;
142+ position : relative;
143+ z-index : 1 ;
144+ -webkit-box-sizing : border-box;
145+ -moz-box-sizing : border-box;
146+ box-sizing : border-box;
147+ -webkit-box-shadow : inset 0 1px 1px rgba (0 , 0 , 0 , 0.1 );
148+ box-shadow : inset 0 1px 1px rgba (0 , 0 , 0 , 0.1 );
149+ -webkit-border-radius : 3px ;
150+ -moz-border-radius : 3px ;
151+ border-radius : 3px ;
152+ }
153+ .selectize-control .multi .selectize-input .has-items {
154+ padding : 6px 8px 3px ;
155+ }
156+ .selectize-input .full {
157+ background-color : # fff ;
158+ }
159+ .selectize-input .disabled ,
160+ .selectize-input .disabled * {
161+ cursor : default !important ;
162+ }
163+ .selectize-input .focus {
164+ -webkit-box-shadow : inset 0 1px 2px rgba (0 , 0 , 0 , 0.15 );
165+ box-shadow : inset 0 1px 2px rgba (0 , 0 , 0 , 0.15 );
166+ }
167+ .selectize-input .dropdown-active {
168+ -webkit-border-radius : 3px 3px 0 0 ;
169+ -moz-border-radius : 3px 3px 0 0 ;
170+ border-radius : 3px 3px 0 0 ;
171+ }
172+ .selectize-input > * {
173+ vertical-align : baseline;
174+ display : -moz-inline-stack;
175+ display : inline-block;
176+ zoom : 1 ;
177+ * display : inline;
178+ }
179+ .selectize-control .multi .selectize-input > div {
180+ cursor : pointer;
181+ margin : 0 3px 3px 0 ;
182+ padding : 2px 6px ;
183+ background : # f2f2f2 ;
184+ color : # 303030 ;
185+ border : 0 solid # d0d0d0 ;
186+ }
187+ .selectize-control .multi .selectize-input > div .active {
188+ background : # e8e8e8 ;
189+ color : # 303030 ;
190+ border : 0 solid # cacaca ;
191+ }
192+ .selectize-control .multi .selectize-input .disabled > div ,
193+ .selectize-control .multi .selectize-input .disabled > div .active {
194+ color : # 7d7d7d ;
195+ background : # ffffff ;
196+ border : 0 solid # ffffff ;
197+ }
198+ .selectize-input > input {
199+ display : inline-block !important ;
200+ padding : 0 !important ;
201+ min-height : 0 !important ;
202+ max-height : none !important ;
203+ max-width : 100% !important ;
204+ margin : 0 2px 0 0 !important ;
205+ text-indent : 0 !important ;
206+ border : 0 none !important ;
207+ background : none !important ;
208+ line-height : inherit !important ;
209+ -webkit-user-select : auto !important ;
210+ -webkit-box-shadow : none !important ;
211+ box-shadow : none !important ;
212+ }
213+ .selectize-input > input ::-ms-clear {
214+ display : none;
215+ }
216+ .selectize-input > input : focus {
217+ outline : none !important ;
218+ }
219+ .selectize-input ::after {
220+ content : ' ' ;
221+ display : block;
222+ clear : left;
223+ }
224+ .selectize-input .dropdown-active ::before {
225+ content : ' ' ;
226+ display : block;
227+ position : absolute;
228+ background : # f0f0f0 ;
229+ height : 1px ;
230+ bottom : 0 ;
231+ left : 0 ;
232+ right : 0 ;
233+ }
234+ .selectize-dropdown {
235+ position : absolute;
236+ z-index : 10 ;
237+ border : 1px solid # d0d0d0 ;
238+ background : # fff ;
239+ margin : -1px 0 0 0 ;
240+ border-top : 0 none;
241+ -webkit-box-sizing : border-box;
242+ -moz-box-sizing : border-box;
243+ box-sizing : border-box;
244+ -webkit-box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.1 );
245+ box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.1 );
246+ -webkit-border-radius : 0 0 3px 3px ;
247+ -moz-border-radius : 0 0 3px 3px ;
248+ border-radius : 0 0 3px 3px ;
249+ }
250+ .selectize-dropdown [data-selectable ] {
251+ cursor : pointer;
252+ overflow : hidden;
253+ }
254+ .selectize-dropdown [data-selectable ] .highlight {
255+ background : rgba (125 , 168 , 208 , 0.2 );
256+ -webkit-border-radius : 1px ;
257+ -moz-border-radius : 1px ;
258+ border-radius : 1px ;
259+ }
260+ .selectize-dropdown .option ,
261+ .selectize-dropdown .optgroup-header {
262+ padding : 5px 8px ;
263+ }
264+ .selectize-dropdown .option ,
265+ .selectize-dropdown [data-disabled ],
266+ .selectize-dropdown [data-disabled ] [data-selectable ].option {
267+ cursor : inherit;
268+ opacity : 0.5 ;
269+ }
270+ .selectize-dropdown [data-selectable ].option {
271+ opacity : 1 ;
272+ }
273+ .selectize-dropdown .optgroup : first-child .optgroup-header {
274+ border-top : 0 none;
275+ }
276+ .selectize-dropdown .optgroup-header {
277+ color : # 303030 ;
278+ background : # fff ;
279+ cursor : default;
280+ }
281+ .selectize-dropdown .active {
282+ background-color : # f5fafd ;
283+ color : # 495c68 ;
284+ }
285+ .selectize-dropdown .active .create {
286+ color : # 495c68 ;
287+ }
288+ .selectize-dropdown .create {
289+ color : rgba (48 , 48 , 48 , 0.5 );
290+ }
291+ .selectize-dropdown-content {
292+ overflow-y : auto;
293+ overflow-x : hidden;
294+ max-height : 200px ;
295+ -webkit-overflow-scrolling : touch;
296+ }
297+ .selectize-control .single .selectize-input ,
298+ .selectize-control .single .selectize-input input {
299+ cursor : pointer;
300+ }
301+ .selectize-control .single .selectize-input .input-active ,
302+ .selectize-control .single .selectize-input .input-active input {
303+ cursor : text;
304+ }
305+ .selectize-control .single .selectize-input : after {
306+ content : ' ' ;
307+ display : block;
308+ position : absolute;
309+ top : 50% ;
310+ right : 15px ;
311+ margin-top : -3px ;
312+ width : 0 ;
313+ height : 0 ;
314+ border-style : solid;
315+ border-width : 5px 5px 0 5px ;
316+ border-color : # 808080 transparent transparent transparent;
317+ }
318+ .selectize-control .single .selectize-input .dropdown-active : after {
319+ margin-top : -4px ;
320+ border-width : 0 5px 5px 5px ;
321+ border-color : transparent transparent # 808080 transparent;
322+ }
323+ .selectize-control .rtl .single .selectize-input : after {
324+ left : 15px ;
325+ right : auto;
326+ }
327+ .selectize-control .rtl .selectize-input > input {
328+ margin : 0 4px 0 -2px !important ;
329+ }
330+ .selectize-control .selectize-input .disabled {
331+ opacity : 0.5 ;
332+ background-color : # fafafa ;
333+ }
0 commit comments