1 | /** |
---|
2 | * selectize.default.css (v0.9.1) - Default Theme |
---|
3 | * Copyright (c) 2013 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 | .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { |
---|
17 | visibility: visible !important; |
---|
18 | background: #f2f2f2 !important; |
---|
19 | background: rgba(0, 0, 0, 0.06) !important; |
---|
20 | border: 0 none !important; |
---|
21 | -webkit-box-shadow: inset 0 0 12px 4px #ffffff; |
---|
22 | box-shadow: inset 0 0 12px 4px #ffffff; |
---|
23 | } |
---|
24 | .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { |
---|
25 | content: '!'; |
---|
26 | visibility: hidden; |
---|
27 | } |
---|
28 | .selectize-control.plugin-drag_drop .ui-sortable-helper { |
---|
29 | -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); |
---|
30 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); |
---|
31 | } |
---|
32 | .selectize-dropdown-header { |
---|
33 | position: relative; |
---|
34 | padding: 5px 8px; |
---|
35 | border-bottom: 1px solid #d0d0d0; |
---|
36 | background: #f8f8f8; |
---|
37 | -webkit-border-radius: 3px 3px 0 0; |
---|
38 | -moz-border-radius: 3px 3px 0 0; |
---|
39 | border-radius: 3px 3px 0 0; |
---|
40 | } |
---|
41 | .selectize-dropdown-header-close { |
---|
42 | position: absolute; |
---|
43 | right: 8px; |
---|
44 | top: 50%; |
---|
45 | color: #303030; |
---|
46 | opacity: 0.4; |
---|
47 | margin-top: -12px; |
---|
48 | line-height: 20px; |
---|
49 | font-size: 20px !important; |
---|
50 | } |
---|
51 | .selectize-dropdown-header-close:hover { |
---|
52 | color: #000000; |
---|
53 | } |
---|
54 | .selectize-dropdown.plugin-optgroup_columns .optgroup { |
---|
55 | border-right: 1px solid #f2f2f2; |
---|
56 | border-top: 0 none; |
---|
57 | float: left; |
---|
58 | -webkit-box-sizing: border-box; |
---|
59 | -moz-box-sizing: border-box; |
---|
60 | box-sizing: border-box; |
---|
61 | } |
---|
62 | .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { |
---|
63 | border-right: 0 none; |
---|
64 | } |
---|
65 | .selectize-dropdown.plugin-optgroup_columns .optgroup:before { |
---|
66 | display: none; |
---|
67 | } |
---|
68 | .selectize-dropdown.plugin-optgroup_columns .optgroup-header { |
---|
69 | border-top: 0 none; |
---|
70 | } |
---|
71 | .selectize-control.plugin-remove_button [data-value] { |
---|
72 | position: relative; |
---|
73 | padding-right: 24px !important; |
---|
74 | } |
---|
75 | .selectize-control.plugin-remove_button [data-value] .remove { |
---|
76 | z-index: 1; |
---|
77 | /* fixes ie bug (see #392) */ |
---|
78 | position: absolute; |
---|
79 | top: 0; |
---|
80 | right: 0; |
---|
81 | bottom: 0; |
---|
82 | width: 17px; |
---|
83 | text-align: center; |
---|
84 | font-weight: bold; |
---|
85 | font-size: 12px; |
---|
86 | color: inherit; |
---|
87 | text-decoration: none; |
---|
88 | vertical-align: middle; |
---|
89 | display: inline-block; |
---|
90 | padding: 2px 0 0 0; |
---|
91 | border-left: 1px solid #0073bb; |
---|
92 | -webkit-border-radius: 0 2px 2px 0; |
---|
93 | -moz-border-radius: 0 2px 2px 0; |
---|
94 | border-radius: 0 2px 2px 0; |
---|
95 | -webkit-box-sizing: border-box; |
---|
96 | -moz-box-sizing: border-box; |
---|
97 | box-sizing: border-box; |
---|
98 | } |
---|
99 | .selectize-control.plugin-remove_button [data-value] .remove:hover { |
---|
100 | background: rgba(0, 0, 0, 0.05); |
---|
101 | } |
---|
102 | .selectize-control.plugin-remove_button [data-value].active .remove { |
---|
103 | border-left-color: #00578d; |
---|
104 | } |
---|
105 | .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { |
---|
106 | background: none; |
---|
107 | } |
---|
108 | .selectize-control.plugin-remove_button .disabled [data-value] .remove { |
---|
109 | border-left-color: #aaaaaa; |
---|
110 | } |
---|
111 | .selectize-control { |
---|
112 | position: relative; |
---|
113 | } |
---|
114 | .selectize-dropdown, |
---|
115 | .selectize-input, |
---|
116 | .selectize-input input { |
---|
117 | color: #303030; |
---|
118 | font-family: inherit; |
---|
119 | font-size: 13px; |
---|
120 | line-height: 18px; |
---|
121 | -webkit-font-smoothing: inherit; |
---|
122 | } |
---|
123 | .selectize-input, |
---|
124 | .selectize-control.single .selectize-input.input-active { |
---|
125 | background: #ffffff; |
---|
126 | cursor: text; |
---|
127 | display: inline-block; |
---|
128 | } |
---|
129 | .selectize-input { |
---|
130 | border: 1px solid #d0d0d0; |
---|
131 | padding: 8px 8px; |
---|
132 | display: inline-block; |
---|
133 | width: 100%; |
---|
134 | overflow: hidden; |
---|
135 | position: relative; |
---|
136 | z-index: 1; |
---|
137 | -webkit-box-sizing: border-box; |
---|
138 | -moz-box-sizing: border-box; |
---|
139 | box-sizing: border-box; |
---|
140 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
---|
141 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
---|
142 | -webkit-border-radius: 3px; |
---|
143 | -moz-border-radius: 3px; |
---|
144 | border-radius: 3px; |
---|
145 | } |
---|
146 | .selectize-control.multi .selectize-input.has-items { |
---|
147 | padding: 5px 8px 2px; |
---|
148 | } |
---|
149 | .selectize-input.full { |
---|
150 | background-color: #ffffff; |
---|
151 | } |
---|
152 | .selectize-input.disabled, |
---|
153 | .selectize-input.disabled * { |
---|
154 | cursor: default !important; |
---|
155 | } |
---|
156 | .selectize-input.focus { |
---|
157 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); |
---|
158 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); |
---|
159 | } |
---|
160 | .selectize-input.dropdown-active { |
---|
161 | -webkit-border-radius: 3px 3px 0 0; |
---|
162 | -moz-border-radius: 3px 3px 0 0; |
---|
163 | border-radius: 3px 3px 0 0; |
---|
164 | } |
---|
165 | .selectize-input > * { |
---|
166 | vertical-align: baseline; |
---|
167 | display: -moz-inline-stack; |
---|
168 | display: inline-block; |
---|
169 | zoom: 1; |
---|
170 | *display: inline; |
---|
171 | } |
---|
172 | .selectize-control.multi .selectize-input > div { |
---|
173 | cursor: pointer; |
---|
174 | margin: 0 3px 3px 0; |
---|
175 | padding: 2px 6px; |
---|
176 | background: #1da7ee; |
---|
177 | color: #ffffff; |
---|
178 | border: 1px solid #0073bb; |
---|
179 | } |
---|
180 | .selectize-control.multi .selectize-input > div.active { |
---|
181 | background: #92c836; |
---|
182 | color: #ffffff; |
---|
183 | border: 1px solid #00578d; |
---|
184 | } |
---|
185 | .selectize-control.multi .selectize-input.disabled > div, |
---|
186 | .selectize-control.multi .selectize-input.disabled > div.active { |
---|
187 | color: #ffffff; |
---|
188 | background: #d2d2d2; |
---|
189 | border: 1px solid #aaaaaa; |
---|
190 | } |
---|
191 | .selectize-input > input { |
---|
192 | padding: 0 !important; |
---|
193 | min-height: 0 !important; |
---|
194 | max-height: none !important; |
---|
195 | max-width: 100% !important; |
---|
196 | margin: 0 1px !important; |
---|
197 | text-indent: 0 !important; |
---|
198 | border: 0 none !important; |
---|
199 | background: none !important; |
---|
200 | line-height: inherit !important; |
---|
201 | -webkit-user-select: auto !important; |
---|
202 | -webkit-box-shadow: none !important; |
---|
203 | box-shadow: none !important; |
---|
204 | } |
---|
205 | .selectize-input > input::-ms-clear { |
---|
206 | display: none; |
---|
207 | } |
---|
208 | .selectize-input > input:focus { |
---|
209 | outline: none !important; |
---|
210 | } |
---|
211 | .selectize-input::after { |
---|
212 | content: ' '; |
---|
213 | display: block; |
---|
214 | clear: left; |
---|
215 | } |
---|
216 | .selectize-input.dropdown-active::before { |
---|
217 | content: ' '; |
---|
218 | display: block; |
---|
219 | position: absolute; |
---|
220 | background: #f0f0f0; |
---|
221 | height: 1px; |
---|
222 | bottom: 0; |
---|
223 | left: 0; |
---|
224 | right: 0; |
---|
225 | } |
---|
226 | .selectize-dropdown { |
---|
227 | position: absolute; |
---|
228 | z-index: 10; |
---|
229 | border: 1px solid #d0d0d0; |
---|
230 | background: #ffffff; |
---|
231 | margin: -1px 0 0 0; |
---|
232 | border-top: 0 none; |
---|
233 | -webkit-box-sizing: border-box; |
---|
234 | -moz-box-sizing: border-box; |
---|
235 | box-sizing: border-box; |
---|
236 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
---|
237 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
---|
238 | -webkit-border-radius: 0 0 3px 3px; |
---|
239 | -moz-border-radius: 0 0 3px 3px; |
---|
240 | border-radius: 0 0 3px 3px; |
---|
241 | } |
---|
242 | .selectize-dropdown [data-selectable] { |
---|
243 | cursor: pointer; |
---|
244 | overflow: hidden; |
---|
245 | } |
---|
246 | .selectize-dropdown [data-selectable] .highlight { |
---|
247 | background: rgba(125, 168, 208, 0.2); |
---|
248 | -webkit-border-radius: 1px; |
---|
249 | -moz-border-radius: 1px; |
---|
250 | border-radius: 1px; |
---|
251 | } |
---|
252 | .selectize-dropdown [data-selectable], |
---|
253 | .selectize-dropdown .optgroup-header { |
---|
254 | padding: 5px 8px; |
---|
255 | } |
---|
256 | .selectize-dropdown .optgroup:first-child .optgroup-header { |
---|
257 | border-top: 0 none; |
---|
258 | } |
---|
259 | .selectize-dropdown .optgroup-header { |
---|
260 | color: #303030; |
---|
261 | background: #ffffff; |
---|
262 | cursor: default; |
---|
263 | } |
---|
264 | .selectize-dropdown .active { |
---|
265 | background-color: #f5fafd; |
---|
266 | color: #495c68; |
---|
267 | } |
---|
268 | .selectize-dropdown .active.create { |
---|
269 | color: #495c68; |
---|
270 | } |
---|
271 | .selectize-dropdown .create { |
---|
272 | color: rgba(48, 48, 48, 0.5); |
---|
273 | } |
---|
274 | .selectize-dropdown-content { |
---|
275 | overflow-y: auto; |
---|
276 | overflow-x: hidden; |
---|
277 | max-height: 200px; |
---|
278 | } |
---|
279 | .selectize-control.single .selectize-input, |
---|
280 | .selectize-control.single .selectize-input input { |
---|
281 | cursor: pointer; |
---|
282 | } |
---|
283 | .selectize-control.single .selectize-input.input-active, |
---|
284 | .selectize-control.single .selectize-input.input-active input { |
---|
285 | cursor: text; |
---|
286 | } |
---|
287 | .selectize-control.single .selectize-input:after { |
---|
288 | content: ' '; |
---|
289 | display: block; |
---|
290 | position: absolute; |
---|
291 | top: 50%; |
---|
292 | right: 15px; |
---|
293 | margin-top: -3px; |
---|
294 | width: 0; |
---|
295 | height: 0; |
---|
296 | border-style: solid; |
---|
297 | border-width: 5px 5px 0 5px; |
---|
298 | border-color: #808080 transparent transparent transparent; |
---|
299 | } |
---|
300 | .selectize-control.single .selectize-input.dropdown-active:after { |
---|
301 | margin-top: -4px; |
---|
302 | border-width: 0 5px 5px 5px; |
---|
303 | border-color: transparent transparent #808080 transparent; |
---|
304 | } |
---|
305 | .selectize-control.rtl.single .selectize-input:after { |
---|
306 | left: 15px; |
---|
307 | right: auto; |
---|
308 | } |
---|
309 | .selectize-control.rtl .selectize-input > input { |
---|
310 | margin: 0 4px 0 -2px !important; |
---|
311 | } |
---|
312 | .selectize-control .selectize-input.disabled { |
---|
313 | opacity: 0.5; |
---|
314 | background-color: #fafafa; |
---|
315 | } |
---|
316 | .selectize-control.multi .selectize-input.has-items { |
---|
317 | padding-left: 5px; |
---|
318 | padding-right: 5px; |
---|
319 | } |
---|
320 | .selectize-control.multi .selectize-input.disabled [data-value] { |
---|
321 | color: #999; |
---|
322 | text-shadow: none; |
---|
323 | background: none; |
---|
324 | -webkit-box-shadow: none; |
---|
325 | box-shadow: none; |
---|
326 | } |
---|
327 | .selectize-control.multi .selectize-input.disabled [data-value], |
---|
328 | .selectize-control.multi .selectize-input.disabled [data-value] .remove { |
---|
329 | border-color: #e6e6e6; |
---|
330 | } |
---|
331 | .selectize-control.multi .selectize-input.disabled [data-value] .remove { |
---|
332 | background: none; |
---|
333 | } |
---|
334 | .selectize-control.multi .selectize-input [data-value] { |
---|
335 | text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3); |
---|
336 | -webkit-border-radius: 3px; |
---|
337 | -moz-border-radius: 3px; |
---|
338 | border-radius: 3px; |
---|
339 | background-color: #1b9dec; |
---|
340 | background-image: -moz-linear-gradient(top, #1da7ee, #178ee9); |
---|
341 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9)); |
---|
342 | background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9); |
---|
343 | background-image: -o-linear-gradient(top, #1da7ee, #178ee9); |
---|
344 | background-image: linear-gradient(to bottom, #1da7ee, #178ee9); |
---|
345 | background-repeat: repeat-x; |
---|
346 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0); |
---|
347 | -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03); |
---|
348 | box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03); |
---|
349 | } |
---|
350 | .selectize-control.multi .selectize-input [data-value].active { |
---|
351 | background-color: #0085d4; |
---|
352 | background-image: -moz-linear-gradient(top, #008fd8, #0075cf); |
---|
353 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf)); |
---|
354 | background-image: -webkit-linear-gradient(top, #008fd8, #0075cf); |
---|
355 | background-image: -o-linear-gradient(top, #008fd8, #0075cf); |
---|
356 | background-image: linear-gradient(to bottom, #008fd8, #0075cf); |
---|
357 | background-repeat: repeat-x; |
---|
358 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); |
---|
359 | } |
---|
360 | .selectize-control.single .selectize-input { |
---|
361 | -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8); |
---|
362 | box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8); |
---|
363 | background-color: #f9f9f9; |
---|
364 | background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2); |
---|
365 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2)); |
---|
366 | background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2); |
---|
367 | background-image: -o-linear-gradient(top, #fefefe, #f2f2f2); |
---|
368 | background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); |
---|
369 | background-repeat: repeat-x; |
---|
370 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0); |
---|
371 | } |
---|
372 | .selectize-control.single .selectize-input, |
---|
373 | .selectize-dropdown.single { |
---|
374 | border-color: #b8b8b8; |
---|
375 | } |
---|
376 | .selectize-dropdown .optgroup-header { |
---|
377 | padding-top: 7px; |
---|
378 | font-weight: bold; |
---|
379 | font-size: 0.85em; |
---|
380 | } |
---|
381 | .selectize-dropdown .optgroup { |
---|
382 | border-top: 1px solid #f0f0f0; |
---|
383 | } |
---|
384 | .selectize-dropdown .optgroup:first-child { |
---|
385 | border-top: 0 none; |
---|
386 | } |
---|