Mercurial > hg > NetworkVis
comparison query_builder/selectize/dist/less/selectize.bootstrap2.less @ 26:22be4ea663a7
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 | |
17 @import "selectize"; | |
18 | |
19 @selectize-font-family: @baseFontFamily; | |
20 @selectize-font-size: @baseFontSize; | |
21 @selectize-line-height: @baseLineHeight; | |
22 | |
23 @selectize-color-text: @textColor; | |
24 @selectize-color-highlight: rgba(255,237,40,0.4); | |
25 @selectize-color-input: @inputBackground; | |
26 @selectize-color-input-full: @inputBackground; | |
27 @selectize-color-disabled: @inputBackground; | |
28 @selectize-color-item: @btnBackgroundHighlight; | |
29 @selectize-color-item-border: @btnBorder; | |
30 @selectize-color-item-active: @dropdownLinkBackgroundHover; | |
31 @selectize-color-item-active-text: @dropdownLinkColorHover; | |
32 @selectize-color-item-active-border: darken(@selectize-color-item-active, 5%); | |
33 @selectize-color-optgroup: @dropdownBackground; | |
34 @selectize-color-optgroup-text: @grayLight; | |
35 @selectize-color-optgroup-border: @dropdownDividerTop; | |
36 @selectize-color-dropdown: @dropdownBackground; | |
37 @selectize-color-dropdown-border: @inputBorder; | |
38 @selectize-color-dropdown-border-top: @dropdownDividerTop; | |
39 @selectize-color-dropdown-item-active: @dropdownLinkBackgroundHover; | |
40 @selectize-color-dropdown-item-active-text: @dropdownLinkColorHover; | |
41 @selectize-color-dropdown-item-create-active-text: @dropdownLinkColorHover; | |
42 @selectize-lighten-disabled-item: 8%; | |
43 @selectize-lighten-disabled-item-text: 8%; | |
44 @selectize-lighten-disabled-item-border: 8%; | |
45 @selectize-opacity-disabled: 0.5; | |
46 @selectize-shadow-input: none; | |
47 @selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15); | |
48 @selectize-border-radius: @inputBorderRadius; | |
49 | |
50 @selectize-padding-x: 10px; | |
51 @selectize-padding-y: 7px; | |
52 @selectize-padding-dropdown-item-x: @selectize-padding-x; | |
53 @selectize-padding-dropdown-item-y: 3px; | |
54 @selectize-padding-item-x: 3px; | |
55 @selectize-padding-item-y: 1px; | |
56 @selectize-margin-item-x: 3px; | |
57 @selectize-margin-item-y: 3px; | |
58 @selectize-caret-margin: 0; | |
59 | |
60 @selectize-arrow-size: 5px; | |
61 @selectize-arrow-color: @black; | |
62 @selectize-arrow-offset: @selectize-padding-x + 5px; | |
63 | |
64 @selectize-width-item-border: 1px; | |
65 | |
66 .selectize-dropdown { | |
67 margin: 2px 0 0 0; | |
68 z-index: @zindexDropdown; | |
69 border: 1px solid @dropdownBorder; | |
70 border-radius: @baseBorderRadius; | |
71 .box-shadow(0 5px 10px rgba(0,0,0,.2)); | |
72 | |
73 .optgroup-header { | |
74 font-size: 11px; | |
75 font-weight: bold; | |
76 text-shadow: 0 1px 0 rgba(255,255,255,.5); | |
77 text-transform: uppercase; | |
78 } | |
79 .optgroup:first-child:before { | |
80 display: none; | |
81 } | |
82 .optgroup:before { | |
83 content: ' '; | |
84 display: block; | |
85 .nav-divider(); | |
86 margin-left: @selectize-padding-dropdown-item-x * -1; | |
87 margin-right: @selectize-padding-dropdown-item-x * -1; | |
88 } | |
89 | |
90 [data-selectable].active { | |
91 #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%)); | |
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 .transition(~"border linear .2s, box-shadow linear .2s"); | |
105 | |
106 &.dropdown-active { | |
107 .selectize-border-radius(@selectize-border-radius); | |
108 } | |
109 &.dropdown-active::before { | |
110 display: none; | |
111 } | |
112 &.input-active, &.input-active:hover, .selectize-control.multi &.focus { | |
113 background: @selectize-color-input !important; | |
114 border-color: rgba(82,168,236,.8) !important; | |
115 outline: 0 !important; | |
116 outline: thin dotted \9 !important; | |
117 .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)") !important; | |
118 } | |
119 } | |
120 | |
121 .selectize-control { | |
122 &.single { | |
123 .selectize-input { | |
124 .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); | |
125 .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); | |
126 &:hover { | |
127 color: @grayDark; | |
128 text-decoration: none; | |
129 background-position: 0 -15px; | |
130 .transition(background-position .1s linear); | |
131 } | |
132 &.disabled { | |
133 background: @btnBackgroundHighlight !important; | |
134 .box-shadow(none); | |
135 } | |
136 } | |
137 } | |
138 &.multi { | |
139 .selectize-input { | |
140 .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); | |
141 &.has-items { | |
142 @padding-x: @selectize-padding-x - @selectize-padding-item-x; | |
143 padding-left: @padding-x; | |
144 padding-right: @padding-x; | |
145 } | |
146 } | |
147 .selectize-input > div { | |
148 .gradientBar(@btnBackground, @btnBackgroundHighlight, @selectize-color-item-text, none); | |
149 *background-color: @selectize-color-item; | |
150 border: @selectize-width-item-border solid @selectize-color-item-border; | |
151 .border-radius(@baseBorderRadius); | |
152 .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); | |
153 &.active { | |
154 .box-shadow(~"0 1px 2px rgba(0,0,0,.05)"); | |
155 .gradientBar(@selectize-color-item-active, @selectize-color-item-active-border, @selectize-color-item-active-text, none); | |
156 *background-color: @selectize-color-item-active; | |
157 border: @selectize-width-item-border solid @dropdownLinkBackgroundHover; | |
158 } | |
159 } | |
160 } | |
161 } |