Mercurial > hg > NetworkVis

comparison query_builder/selectize/dist/css/selectize.bootstrap2.css @ 26:22be4ea663a7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Trying to work out having json request from neo4j display properly in drop down selectize box
author arussell
date Tue, 01 Dec 2015 02:07:13 -0500
parents
children
comparison
equal deleted inserted replaced
25:f82512502b31 26:22be4ea663a7
1 /**
2 * selectize.bootstrap2.css (v0.12.1) - Bootstrap 2 Theme
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 .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: 3px 10px;
35 border-bottom: 1px solid #d0d0d0;
36 background: #f8f8f8;
37 -webkit-border-radius: 4px 4px 0 0;
38 -moz-border-radius: 4px 4px 0 0;
39 border-radius: 4px 4px 0 0;
40 }
41 .selectize-dropdown-header-close {
42 position: absolute;
43 right: 10px;
44 top: 50%;
45 color: #333333;
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: 1px 0 0 0;
91 border-left: 1px solid #cccccc;
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: #0077b3;
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: #e0e0e0;
110 }
111 .selectize-control {
112 position: relative;
113 }
114 .selectize-dropdown,
115 .selectize-input,
116 .selectize-input input {
117 color: #333333;
118 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
119 font-size: 14px;
120 line-height: 20px;
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: 7px 10px;
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: none;
141 box-shadow: none;
142 -webkit-border-radius: 4px;
143 -moz-border-radius: 4px;
144 border-radius: 4px;
145 }
146 .selectize-control.multi .selectize-input.has-items {
147 padding: 5px 10px 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: 4px 4px 0 0;
162 -moz-border-radius: 4px 4px 0 0;
163 border-radius: 4px 4px 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: 1px 3px;
176 background: #e6e6e6;
177 color: #333333;
178 border: 1px solid #cccccc;
179 }
180 .selectize-control.multi .selectize-input > div.active {
181 background: #0088cc;
182 color: #ffffff;
183 border: 1px solid #0077b3;
184 }
185 .selectize-control.multi .selectize-input.disabled > div,
186 .selectize-control.multi .selectize-input.disabled > div.active {
187 color: #474747;
188 background: #fafafa;
189 border: 1px solid #e0e0e0;
190 }
191 .selectize-input > input {
192 display: inline-block !important;
193 padding: 0 !important;
194 min-height: 0 !important;
195 max-height: none !important;
196 max-width: 100% !important;
197 margin: 0 !important;
198 text-indent: 0 !important;
199 border: 0 none !important;
200 background: none !important;
201 line-height: inherit !important;
202 -webkit-user-select: auto !important;
203 -webkit-box-shadow: none !important;
204 box-shadow: none !important;
205 }
206 .selectize-input > input::-ms-clear {
207 display: none;
208 }
209 .selectize-input > input:focus {
210 outline: none !important;
211 }
212 .selectize-input::after {
213 content: ' ';
214 display: block;
215 clear: left;
216 }
217 .selectize-input.dropdown-active::before {
218 content: ' ';
219 display: block;
220 position: absolute;
221 background: #e5e5e5;
222 height: 1px;
223 bottom: 0;
224 left: 0;
225 right: 0;
226 }
227 .selectize-dropdown {
228 position: absolute;
229 z-index: 10;
230 border: 1px solid #cccccc;
231 background: #ffffff;
232 margin: -1px 0 0 0;
233 border-top: 0 none;
234 -webkit-box-sizing: border-box;
235 -moz-box-sizing: border-box;
236 box-sizing: border-box;
237 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
238 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
239 -webkit-border-radius: 0 0 4px 4px;
240 -moz-border-radius: 0 0 4px 4px;
241 border-radius: 0 0 4px 4px;
242 }
243 .selectize-dropdown [data-selectable] {
244 cursor: pointer;
245 overflow: hidden;
246 }
247 .selectize-dropdown [data-selectable] .highlight {
248 background: rgba(255, 237, 40, 0.4);
249 -webkit-border-radius: 1px;
250 -moz-border-radius: 1px;
251 border-radius: 1px;
252 }
253 .selectize-dropdown [data-selectable],
254 .selectize-dropdown .optgroup-header {
255 padding: 3px 10px;
256 }
257 .selectize-dropdown .optgroup:first-child .optgroup-header {
258 border-top: 0 none;
259 }
260 .selectize-dropdown .optgroup-header {
261 color: #999999;
262 background: #ffffff;
263 cursor: default;
264 }
265 .selectize-dropdown .active {
266 background-color: #0088cc;
267 color: #ffffff;
268 }
269 .selectize-dropdown .active.create {
270 color: #ffffff;
271 }
272 .selectize-dropdown .create {
273 color: rgba(51, 51, 51, 0.5);
274 }
275 .selectize-dropdown-content {
276 overflow-y: auto;
277 overflow-x: hidden;
278 max-height: 200px;
279 }
280 .selectize-control.single .selectize-input,
281 .selectize-control.single .selectize-input input {
282 cursor: pointer;
283 }
284 .selectize-control.single .selectize-input.input-active,
285 .selectize-control.single .selectize-input.input-active input {
286 cursor: text;
287 }
288 .selectize-control.single .selectize-input:after {
289 content: ' ';
290 display: block;
291 position: absolute;
292 top: 50%;
293 right: 15px;
294 margin-top: -3px;
295 width: 0;
296 height: 0;
297 border-style: solid;
298 border-width: 5px 5px 0 5px;
299 border-color: #000000 transparent transparent transparent;
300 }
301 .selectize-control.single .selectize-input.dropdown-active:after {
302 margin-top: -4px;
303 border-width: 0 5px 5px 5px;
304 border-color: transparent transparent #000000 transparent;
305 }
306 .selectize-control.rtl.single .selectize-input:after {
307 left: 15px;
308 right: auto;
309 }
310 .selectize-control.rtl .selectize-input > input {
311 margin: 0 4px 0 -2px !important;
312 }
313 .selectize-control .selectize-input.disabled {
314 opacity: 0.5;
315 background-color: #ffffff;
316 }
317 .selectize-dropdown {
318 margin: 2px 0 0 0;
319 z-index: 1000;
320 border: 1px solid rgba(0, 0, 0, 0.2);
321 border-radius: 4px;
322 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
323 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
324 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
325 }
326 .selectize-dropdown .optgroup-header {
327 font-size: 11px;
328 font-weight: bold;
329 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
330 text-transform: uppercase;
331 }
332 .selectize-dropdown .optgroup:first-child:before {
333 display: none;
334 }
335 .selectize-dropdown .optgroup:before {
336 content: ' ';
337 display: block;
338 *width: 100%;
339 height: 1px;
340 margin: 9px 1px;
341 *margin: -5px 0 5px;
342 overflow: hidden;
343 background-color: #e5e5e5;
344 border-bottom: 1px solid #ffffff;
345 margin-left: -10px;
346 margin-right: -10px;
347 }
348 .selectize-dropdown [data-selectable].active {
349 background-color: #0081c2;
350 background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
351 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
352 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
353 background-image: -o-linear-gradient(top, #0088cc, #0077b3);
354 background-image: linear-gradient(to bottom, #0088cc, #0077b3);
355 background-repeat: repeat-x;
356 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
357 }
358 .selectize-dropdown-content {
359 padding: 5px 0;
360 }
361 .selectize-dropdown-header {
362 padding: 6px 10px;
363 }
364 .selectize-input {
365 -webkit-transition: border linear .2s, box-shadow linear .2s;
366 -moz-transition: border linear .2s, box-shadow linear .2s;
367 -o-transition: border linear .2s, box-shadow linear .2s;
368 transition: border linear .2s, box-shadow linear .2s;
369 }
370 .selectize-input.dropdown-active {
371 -webkit-border-radius: 4px;
372 -moz-border-radius: 4px;
373 border-radius: 4px;
374 }
375 .selectize-input.dropdown-active::before {
376 display: none;
377 }
378 .selectize-input.input-active,
379 .selectize-input.input-active:hover,
380 .selectize-control.multi .selectize-input.focus {
381 background: #ffffff !important;
382 border-color: rgba(82, 168, 236, 0.8) !important;
383 outline: 0 !important;
384 outline: thin dotted \9 !important;
385 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
386 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
387 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
388 }
389 .selectize-control.single .selectize-input {
390 color: #333333;
391 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
392 background-color: #f5f5f5;
393 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
394 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
395 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
396 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
397 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
398 background-repeat: repeat-x;
399 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
400 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
401 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
402 *background-color: #e6e6e6;
403 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
404 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
405 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
406 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
407 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
408 }
409 .selectize-control.single .selectize-input:hover,
410 .selectize-control.single .selectize-input:focus,
411 .selectize-control.single .selectize-input:active,
412 .selectize-control.single .selectize-input.active,
413 .selectize-control.single .selectize-input.disabled,
414 .selectize-control.single .selectize-input[disabled] {
415 color: #333333;
416 background-color: #e6e6e6;
417 *background-color: #d9d9d9;
418 }
419 .selectize-control.single .selectize-input:active,
420 .selectize-control.single .selectize-input.active {
421 background-color: #cccccc \9;
422 }
423 .selectize-control.single .selectize-input:hover {
424 color: #333333;
425 text-decoration: none;
426 background-position: 0 -15px;
427 -webkit-transition: background-position 0.1s linear;
428 -moz-transition: background-position 0.1s linear;
429 -o-transition: background-position 0.1s linear;
430 transition: background-position 0.1s linear;
431 }
432 .selectize-control.single .selectize-input.disabled {
433 background: #e6e6e6 !important;
434 -webkit-box-shadow: none;
435 -moz-box-shadow: none;
436 box-shadow: none;
437 }
438 .selectize-control.multi .selectize-input {
439 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
440 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
441 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
442 }
443 .selectize-control.multi .selectize-input.has-items {
444 padding-left: 7px;
445 padding-right: 7px;
446 }
447 .selectize-control.multi .selectize-input > div {
448 color: #333333;
449 text-shadow: none;
450 background-color: #f5f5f5;
451 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
452 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
453 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
454 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
455 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
456 background-repeat: repeat-x;
457 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
458 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
459 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
460 *background-color: #e6e6e6;
461 border: 1px solid #cccccc;
462 -webkit-border-radius: 4px;
463 -moz-border-radius: 4px;
464 border-radius: 4px;
465 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
466 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
467 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
468 }
469 .selectize-control.multi .selectize-input > div.active {
470 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
471 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
472 box-shadow: 0 1px 2px rgba(0,0,0,.05);
473 color: #ffffff;
474 text-shadow: none;
475 background-color: #0081c2;
476 background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
477 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
478 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
479 background-image: -o-linear-gradient(top, #0088cc, #0077b3);
480 background-image: linear-gradient(to bottom, #0088cc, #0077b3);
481 background-repeat: repeat-x;
482 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
483 border-color: #0077b3 #0077b3 #004466;
484 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
485 *background-color: #0088cc;
486 border: 1px solid #0088cc;
487 }