Mercurial > hg > NetworkVis

comparison query_builder/selectize/dist/less/selectize.bootstrap3.less @ 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
17 @import "selectize";
18
19 @selectize-fonts-family: inherit;
20 @selectize-font-size: inherit;
21 @selectize-line-height: @line-height-computed;
22
23 @selectize-color-text: @text-color;
24 @selectize-color-highlight: rgba(255,237,40,0.4);
25 @selectize-color-input: @input-bg;
26 @selectize-color-input-full: @input-bg;
27 @selectize-color-input-error: @state-danger-text;
28 @selectize-color-input-error-focus: darken(@selectize-color-input-error, 10%);
29 @selectize-color-disabled: @input-bg;
30 @selectize-color-item: #efefef;
31 @selectize-color-item-border: rgba(0,0,0,0);
32 @selectize-color-item-active: @component-active-bg;
33 @selectize-color-item-active-text: #fff;
34 @selectize-color-item-active-border: rgba(0,0,0,0);
35 @selectize-color-optgroup: @dropdown-bg;
36 @selectize-color-optgroup-text: @dropdown-header-color;
37 @selectize-color-optgroup-border: @dropdown-divider-bg;
38 @selectize-color-dropdown: @dropdown-bg;
39 @selectize-color-dropdown-border-top: mix(@input-border, @input-bg, 0.8);
40 @selectize-color-dropdown-item-active: @dropdown-link-hover-bg;
41 @selectize-color-dropdown-item-active-text: @dropdown-link-hover-color;
42 @selectize-color-dropdown-item-create-active-text: @dropdown-link-hover-color;
43 @selectize-opacity-disabled: 0.5;
44 @selectize-shadow-input: none;
45 @selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15);
46 @selectize-shadow-input-error: inset 0 1px 1px rgba(0, 0, 0, .075);
47 @selectize-shadow-input-error-focus: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@selectize-color-input-error, 20%);
48 @selectize-border: 1px solid @input-border;
49 @selectize-border-radius: @input-border-radius;
50
51 @selectize-width-item-border: 0;
52 @selectize-padding-x: @padding-base-horizontal;
53 @selectize-padding-y: @padding-base-vertical;
54 @selectize-padding-dropdown-item-x: @padding-base-horizontal;
55 @selectize-padding-dropdown-item-y: 3px;
56 @selectize-padding-item-x: 3px;
57 @selectize-padding-item-y: 1px;
58 @selectize-margin-item-x: 3px;
59 @selectize-margin-item-y: 3px;
60 @selectize-caret-margin: 0;
61
62 @selectize-arrow-size: 5px;
63 @selectize-arrow-color: @selectize-color-text;
64 @selectize-arrow-offset: @selectize-padding-x + 5px;
65
66 .selectize-dropdown, .selectize-dropdown.form-control {
67 height: auto;
68 padding: 0;
69 margin: 2px 0 0 0;
70 z-index: @zindex-dropdown;
71 background: @selectize-color-dropdown;
72 border: 1px solid @dropdown-fallback-border;
73 border: 1px solid @dropdown-border;
74 .selectize-border-radius(@border-radius-base);
75 .selectize-box-shadow(0 6px 12px rgba(0,0,0,.175));
76 }
77
78 .selectize-dropdown {
79 .optgroup-header {
80 font-size: @font-size-small;
81 line-height: @line-height-base;
82 }
83 .optgroup:first-child:before {
84 display: none;
85 }
86 .optgroup:before {
87 content: ' ';
88 display: block;
89 .nav-divider();
90 margin-left: @selectize-padding-dropdown-item-x * -1;
91 margin-right: @selectize-padding-dropdown-item-x * -1;
92 }
93 }
94
95 .selectize-dropdown-content {
96 padding: 5px 0;
97 }
98
99 .selectize-dropdown-header {
100 padding: @selectize-padding-dropdown-item-y * 2 @selectize-padding-dropdown-item-x;
101 }
102
103 .selectize-input {
104 min-height: @input-height-base;
105
106 &.dropdown-active {
107 .selectize-border-radius(@selectize-border-radius);
108 }
109 &.dropdown-active::before {
110 display: none;
111 }
112 &.focus {
113 @color: @input-border-focus;
114 @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
115 border-color: @color;
116 outline: 0;
117 .selectize-box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
118 }
119 }
120
121 .has-error .selectize-input {
122 border-color: @selectize-color-input-error;
123 .selectize-box-shadow(@selectize-shadow-input-error);
124
125 &:focus {
126 border-color: @selectize-color-input-error-focus;
127 .selectize-box-shadow(@selectize-shadow-input-error-focus);
128 }
129 }
130
131 .selectize-control {
132 &.multi {
133 .selectize-input.has-items {
134 padding-left: @selectize-padding-x - @selectize-padding-item-x;
135 padding-right: @selectize-padding-x - @selectize-padding-item-x;
136 }
137 .selectize-input > div {
138 .selectize-border-radius(@selectize-border-radius - 1px);
139 }
140 }
141 }
142
143 .form-control.selectize-control {
144 padding: 0;
145 height: auto;
146 border: none;
147 background: none;
148 .selectize-box-shadow(none);
149 .selectize-border-radius(0);
150 }