Mercurial > hg > NetworkVis

comparison query_builder/selectize/dist/css/selectize.bootstrap3.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.bootstrap3.css (v0.12.1) - Bootstrap 3 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 12px;
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: 12px;
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 rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
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: rgba(77, 77, 77, 0);
110 }
111 .selectize-control {
112 position: relative;
113 }
114 .selectize-dropdown,
115 .selectize-input,
116 .selectize-input input {
117 color: #333333;
118 font-family: inherit;
119 font-size: inherit;
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 #cccccc;
131 padding: 6px 12px;
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 12px 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: #efefef;
177 color: #333333;
178 border: 0 solid rgba(0, 0, 0, 0);
179 }
180 .selectize-control.multi .selectize-input > div.active {
181 background: #428bca;
182 color: #ffffff;
183 border: 0 solid rgba(0, 0, 0, 0);
184 }
185 .selectize-control.multi .selectize-input.disabled > div,
186 .selectize-control.multi .selectize-input.disabled > div.active {
187 color: #808080;
188 background: #ffffff;
189 border: 0 solid rgba(77, 77, 77, 0);
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: #ffffff;
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 #d0d0d0;
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 12px;
256 }
257 .selectize-dropdown .optgroup:first-child .optgroup-header {
258 border-top: 0 none;
259 }
260 .selectize-dropdown .optgroup-header {
261 color: #777777;
262 background: #ffffff;
263 cursor: default;
264 }
265 .selectize-dropdown .active {
266 background-color: #f5f5f5;
267 color: #262626;
268 }
269 .selectize-dropdown .active.create {
270 color: #262626;
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: 17px;
294 margin-top: -3px;
295 width: 0;
296 height: 0;
297 border-style: solid;
298 border-width: 5px 5px 0 5px;
299 border-color: #333333 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 #333333 transparent;
305 }
306 .selectize-control.rtl.single .selectize-input:after {
307 left: 17px;
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 .selectize-dropdown.form-control {
319 height: auto;
320 padding: 0;
321 margin: 2px 0 0 0;
322 z-index: 1000;
323 background: #ffffff;
324 border: 1px solid #cccccc;
325 border: 1px solid rgba(0, 0, 0, 0.15);
326 -webkit-border-radius: 4px;
327 -moz-border-radius: 4px;
328 border-radius: 4px;
329 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
330 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
331 }
332 .selectize-dropdown .optgroup-header {
333 font-size: 12px;
334 line-height: 1.42857143;
335 }
336 .selectize-dropdown .optgroup:first-child:before {
337 display: none;
338 }
339 .selectize-dropdown .optgroup:before {
340 content: ' ';
341 display: block;
342 height: 1px;
343 margin: 9px 0;
344 overflow: hidden;
345 background-color: #e5e5e5;
346 margin-left: -12px;
347 margin-right: -12px;
348 }
349 .selectize-dropdown-content {
350 padding: 5px 0;
351 }
352 .selectize-dropdown-header {
353 padding: 6px 12px;
354 }
355 .selectize-input {
356 min-height: 34px;
357 }
358 .selectize-input.dropdown-active {
359 -webkit-border-radius: 4px;
360 -moz-border-radius: 4px;
361 border-radius: 4px;
362 }
363 .selectize-input.dropdown-active::before {
364 display: none;
365 }
366 .selectize-input.focus {
367 border-color: #66afe9;
368 outline: 0;
369 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
370 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
371 }
372 .has-error .selectize-input {
373 border-color: #a94442;
374 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
375 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
376 }
377 .has-error .selectize-input:focus {
378 border-color: #843534;
379 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
380 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
381 }
382 .selectize-control.multi .selectize-input.has-items {
383 padding-left: 9px;
384 padding-right: 9px;
385 }
386 .selectize-control.multi .selectize-input > div {
387 -webkit-border-radius: 3px;
388 -moz-border-radius: 3px;
389 border-radius: 3px;
390 }
391 .form-control.selectize-control {
392 padding: 0;
393 height: auto;
394 border: none;
395 background: none;
396 -webkit-box-shadow: none;
397 box-shadow: none;
398 -webkit-border-radius: 0;
399 -moz-border-radius: 0;
400 border-radius: 0;
401 }