Mercurial > hg > NetworkVis

comparison query_builder/selectize/dist/css/selectize.legacy.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.legacy.css (v0.12.1) - Default 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: 7px 10px;
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: 10px;
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: 1px 0 0 0;
91 border-left: 1px solid #74b21e;
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: #6f9839;
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: #b4b4b4;
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: 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: 10px 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: 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: 8px 10px 4px;
148 }
149 .selectize-input.full {
150 background-color: #f2f2f2;
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 4px 4px 0;
175 padding: 1px 5px;
176 background: #b8e76f;
177 color: #3d5d18;
178 border: 1px solid #74b21e;
179 }
180 .selectize-control.multi .selectize-input > div.active {
181 background: #92c836;
182 color: #303030;
183 border: 1px solid #6f9839;
184 }
185 .selectize-control.multi .selectize-input.disabled > div,
186 .selectize-control.multi .selectize-input.disabled > div.active {
187 color: #878787;
188 background: #f8f8f8;
189 border: 1px solid #b4b4b4;
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 2px 0 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: #f0f0f0;
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 3px 3px;
240 -moz-border-radius: 0 0 3px 3px;
241 border-radius: 0 0 3px 3px;
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: 7px 10px;
256 }
257 .selectize-dropdown .optgroup:first-child .optgroup-header {
258 border-top: 0 none;
259 }
260 .selectize-dropdown .optgroup-header {
261 color: #303030;
262 background: #f8f8f8;
263 cursor: default;
264 }
265 .selectize-dropdown .active {
266 background-color: #fffceb;
267 color: #303030;
268 }
269 .selectize-dropdown .active.create {
270 color: #303030;
271 }
272 .selectize-dropdown .create {
273 color: rgba(48, 48, 48, 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: #808080 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 #808080 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: #fafafa;
316 }
317 .selectize-control.multi .selectize-input [data-value] {
318 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
319 -webkit-border-radius: 3px;
320 -moz-border-radius: 3px;
321 border-radius: 3px;
322 background-color: #b2e567;
323 background-image: -moz-linear-gradient(top, #b8e76f, #a9e25c);
324 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8e76f), to(#a9e25c));
325 background-image: -webkit-linear-gradient(top, #b8e76f, #a9e25c);
326 background-image: -o-linear-gradient(top, #b8e76f, #a9e25c);
327 background-image: linear-gradient(to bottom, #b8e76f, #a9e25c);
328 background-repeat: repeat-x;
329 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8e76f', endColorstr='#ffa9e25c', GradientType=0);
330 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
331 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
332 }
333 .selectize-control.multi .selectize-input [data-value].active {
334 background-color: #88c332;
335 background-image: -moz-linear-gradient(top, #92c836, #7abc2c);
336 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c836), to(#7abc2c));
337 background-image: -webkit-linear-gradient(top, #92c836, #7abc2c);
338 background-image: -o-linear-gradient(top, #92c836, #7abc2c);
339 background-image: linear-gradient(to bottom, #92c836, #7abc2c);
340 background-repeat: repeat-x;
341 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c836', endColorstr='#ff7abc2c', GradientType=0);
342 }
343 .selectize-control.single .selectize-input {
344 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0,0,0,0.1);
345 box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0,0,0,0.1);
346 background-color: #f3f3f3;
347 background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
348 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
349 background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
350 background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
351 background-image: linear-gradient(to bottom, #f5f5f5, #efefef);
352 background-repeat: repeat-x;
353 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffefefef', GradientType=0);
354 }
355 .selectize-control.single .selectize-input,
356 .selectize-dropdown.single {
357 border-color: #b8b8b8;
358 }
359 .selectize-dropdown .optgroup-header {
360 font-weight: bold;
361 font-size: 0.8em;
362 border-bottom: 1px solid #f0f0f0;
363 border-top: 1px solid #f0f0f0;
364 }