PluginProbe
Groups – Memberships and Access Control / 4.7.1
Groups – Memberships and Access Control v4.7.1
4.7.1 4.7.0 4.6.0 4.5.0 4.4.0 4.3.0 trunk 1.0.0-beta-1 1.0.0-beta-2 1.0.0-beta-3 1.0.0-beta-3b 1.0.0-beta-3c 1.0.0-beta-3d 1.1.4 1.1.5 1.10.0 1.10.1 1.10.2 1.10.3 1.11.0 1.11.1 1.11.2 1.11.3 1.12.0 1.13.0 All 131 releases
← All changes | css/selectize/selectize.css +7 -304 1.11.14.7.1 View file →
@@ -1,8 +1,11 @@
1 1 /**
2 - * selectize.css (v0.12.1)
3 - * Copyright (c) 2013–2015 Brian Reavis & contributors
2 + * Selectize (v0.15.2)
3 + * https://selectize.dev
4 4 *
5 + * Copyright (c) 2013-2015 Brian Reavis & contributors
6 + * Copyright (c) 2020-2026 Selectize Team & contributors
7 + *
5 8 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6 9 * file except in compliance with the License. You may obtain a copy of the License at:
7 10 * http://www.apache.org/licenses/LICENSE-2.0
8 11 *
@@ -11,307 +14,7 @@
11 14 * ANY KIND, either express or implied. See the License for the specific language
12 15 * governing permissions and limitations under the License.
13 16 *
14 17 * @author Brian Reavis <brian@thirdroute.com>
18 + * @author Ris Adams <selectize@risadams.com>
15 19 */
16 -
17 -.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
18 - visibility: visible !important;
19 - background: #f2f2f2 !important;
20 - background: rgba(0, 0, 0, 0.06) !important;
21 - border: 0 none !important;
22 - -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
23 - box-shadow: inset 0 0 12px 4px #ffffff;
24 -}
25 -.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
26 - content: '!';
27 - visibility: hidden;
28 -}
29 -.selectize-control.plugin-drag_drop .ui-sortable-helper {
30 - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31 - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
32 -}
33 -.selectize-dropdown-header {
34 - position: relative;
35 - padding: 5px 8px;
36 - border-bottom: 1px solid #d0d0d0;
37 - background: #f8f8f8;
38 - -webkit-border-radius: 3px 3px 0 0;
39 - -moz-border-radius: 3px 3px 0 0;
40 - border-radius: 3px 3px 0 0;
41 -}
42 -.selectize-dropdown-header-close {
43 - position: absolute;
44 - right: 8px;
45 - top: 50%;
46 - color: #303030;
47 - opacity: 0.4;
48 - margin-top: -12px;
49 - line-height: 20px;
50 - font-size: 20px !important;
51 -}
52 -.selectize-dropdown-header-close:hover {
53 - color: #000000;
54 -}
55 -.selectize-dropdown.plugin-optgroup_columns .optgroup {
56 - border-right: 1px solid #f2f2f2;
57 - border-top: 0 none;
58 - float: left;
59 - -webkit-box-sizing: border-box;
60 - -moz-box-sizing: border-box;
61 - box-sizing: border-box;
62 -}
63 -.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
64 - border-right: 0 none;
65 -}
66 -.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
67 - display: none;
68 -}
69 -.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
70 - border-top: 0 none;
71 -}
72 -.selectize-control.plugin-remove_button [data-value] {
73 - position: relative;
74 - padding-right: 24px !important;
75 -}
76 -.selectize-control.plugin-remove_button [data-value] .remove {
77 - z-index: 1;
78 - /* fixes ie bug (see #392) */
79 - position: absolute;
80 - top: 0;
81 - right: 0;
82 - bottom: 0;
83 - width: 17px;
84 - text-align: center;
85 - font-weight: bold;
86 - font-size: 12px;
87 - color: inherit;
88 - text-decoration: none;
89 - vertical-align: middle;
90 - display: inline-block;
91 - padding: 2px 0 0 0;
92 - border-left: 1px solid #d0d0d0;
93 - -webkit-border-radius: 0 2px 2px 0;
94 - -moz-border-radius: 0 2px 2px 0;
95 - border-radius: 0 2px 2px 0;
96 - -webkit-box-sizing: border-box;
97 - -moz-box-sizing: border-box;
98 - box-sizing: border-box;
99 -}
100 -.selectize-control.plugin-remove_button [data-value] .remove:hover {
101 - background: rgba(0, 0, 0, 0.05);
102 -}
103 -.selectize-control.plugin-remove_button [data-value].active .remove {
104 - border-left-color: #cacaca;
105 -}
106 -.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
107 - background: none;
108 -}
109 -.selectize-control.plugin-remove_button .disabled [data-value] .remove {
110 - border-left-color: #ffffff;
111 -}
112 -.selectize-control {
113 - position: relative;
114 -}
115 -.selectize-dropdown,
116 -.selectize-input,
117 -.selectize-input input {
118 - color: #303030;
119 - font-family: inherit;
120 - font-size: 13px;
121 - line-height: 18px;
122 - -webkit-font-smoothing: inherit;
123 -}
124 -.selectize-input,
125 -.selectize-control.single .selectize-input.input-active {
126 - background: #ffffff;
127 - cursor: text;
128 - display: inline-block;
129 -}
130 -.selectize-input {
131 - border: 1px solid #d0d0d0;
132 - padding: 8px 8px;
133 - display: inline-block;
134 - width: 100%;
135 - overflow: hidden;
136 - position: relative;
137 - z-index: 1;
138 - -webkit-box-sizing: border-box;
139 - -moz-box-sizing: border-box;
140 - box-sizing: border-box;
141 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
142 - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
143 - -webkit-border-radius: 3px;
144 - -moz-border-radius: 3px;
145 - border-radius: 3px;
146 -}
147 -.selectize-control.multi .selectize-input.has-items {
148 - padding: 6px 8px 3px;
149 -}
150 -.selectize-input.full {
151 - background-color: #ffffff;
152 -}
153 -.selectize-input.disabled,
154 -.selectize-input.disabled * {
155 - cursor: default !important;
156 -}
157 -.selectize-input.focus {
158 - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
159 - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
160 -}
161 -.selectize-input.dropdown-active {
162 - -webkit-border-radius: 3px 3px 0 0;
163 - -moz-border-radius: 3px 3px 0 0;
164 - border-radius: 3px 3px 0 0;
165 -}
166 -.selectize-input > * {
167 - vertical-align: baseline;
168 - display: -moz-inline-stack;
169 - display: inline-block;
170 - zoom: 1;
171 - *display: inline;
172 -}
173 -.selectize-control.multi .selectize-input > div {
174 - cursor: pointer;
175 - margin: 0 3px 3px 0;
176 - padding: 2px 6px;
177 - background: #f2f2f2;
178 - color: #303030;
179 - border: 0 solid #d0d0d0;
180 -}
181 -.selectize-control.multi .selectize-input > div.active {
182 - background: #e8e8e8;
183 - color: #303030;
184 - border: 0 solid #cacaca;
185 -}
186 -.selectize-control.multi .selectize-input.disabled > div,
187 -.selectize-control.multi .selectize-input.disabled > div.active {
188 - color: #7d7d7d;
189 - background: #ffffff;
190 - border: 0 solid #ffffff;
191 -}
192 -.selectize-input > input {
193 - display: inline-block !important;
194 - padding: 0 !important;
195 - min-height: 0 !important;
196 - max-height: none !important;
197 - max-width: 100% !important;
198 - margin: 0 2px 0 0 !important;
199 - text-indent: 0 !important;
200 - border: 0 none !important;
201 - background: none !important;
202 - line-height: inherit !important;
203 - -webkit-user-select: auto !important;
204 - -webkit-box-shadow: none !important;
205 - box-shadow: none !important;
206 -}
207 -.selectize-input > input::-ms-clear {
208 - display: none;
209 -}
210 -.selectize-input > input:focus {
211 - outline: none !important;
212 -}
213 -.selectize-input::after {
214 - content: ' ';
215 - display: block;
216 - clear: left;
217 -}
218 -.selectize-input.dropdown-active::before {
219 - content: ' ';
220 - display: block;
221 - position: absolute;
222 - background: #f0f0f0;
223 - height: 1px;
224 - bottom: 0;
225 - left: 0;
226 - right: 0;
227 -}
228 -.selectize-dropdown {
229 - position: absolute;
230 - z-index: 10;
231 - border: 1px solid #d0d0d0;
232 - background: #ffffff;
233 - margin: -1px 0 0 0;
234 - border-top: 0 none;
235 - -webkit-box-sizing: border-box;
236 - -moz-box-sizing: border-box;
237 - box-sizing: border-box;
238 - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
239 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
240 - -webkit-border-radius: 0 0 3px 3px;
241 - -moz-border-radius: 0 0 3px 3px;
242 - border-radius: 0 0 3px 3px;
243 -}
244 -.selectize-dropdown [data-selectable] {
245 - cursor: pointer;
246 - overflow: hidden;
247 -}
248 -.selectize-dropdown [data-selectable] .highlight {
249 - background: rgba(125, 168, 208, 0.2);
250 - -webkit-border-radius: 1px;
251 - -moz-border-radius: 1px;
252 - border-radius: 1px;
253 -}
254 -.selectize-dropdown [data-selectable],
255 -.selectize-dropdown .optgroup-header {
256 - padding: 5px 8px;
257 -}
258 -.selectize-dropdown .optgroup:first-child .optgroup-header {
259 - border-top: 0 none;
260 -}
261 -.selectize-dropdown .optgroup-header {
262 - color: #303030;
263 - background: #ffffff;
264 - cursor: default;
265 -}
266 -.selectize-dropdown .active {
267 - background-color: #f5fafd;
268 - color: #495c68;
269 -}
270 -.selectize-dropdown .active.create {
271 - color: #495c68;
272 -}
273 -.selectize-dropdown .create {
274 - color: rgba(48, 48, 48, 0.5);
275 -}
276 -.selectize-dropdown-content {
277 - overflow-y: auto;
278 - overflow-x: hidden;
279 - max-height: 200px;
280 -}
281 -.selectize-control.single .selectize-input,
282 -.selectize-control.single .selectize-input input {
283 - cursor: pointer;
284 -}
285 -.selectize-control.single .selectize-input.input-active,
286 -.selectize-control.single .selectize-input.input-active input {
287 - cursor: text;
288 -}
289 -.selectize-control.single .selectize-input:after {
290 - content: ' ';
291 - display: block;
292 - position: absolute;
293 - top: 50%;
294 - right: 15px;
295 - margin-top: -3px;
296 - width: 0;
297 - height: 0;
298 - border-style: solid;
299 - border-width: 5px 5px 0 5px;
300 - border-color: #808080 transparent transparent transparent;
301 -}
302 -.selectize-control.single .selectize-input.dropdown-active:after {
303 - margin-top: -4px;
304 - border-width: 0 5px 5px 5px;
305 - border-color: transparent transparent #808080 transparent;
306 -}
307 -.selectize-control.rtl.single .selectize-input:after {
308 - left: 15px;
309 - right: auto;
310 -}
311 -.selectize-control.rtl .selectize-input > input {
312 - margin: 0 4px 0 -2px !important;
313 -}
314 -.selectize-control .selectize-input.disabled {
315 - opacity: 0.5;
316 - background-color: #fafafa;
317 -}
20 +.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important;text-decoration:none}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover{color:black}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0 !important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #d0d0d0;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#cacaca}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:white}.selectize-control.plugin-clear_button .clear{text-decoration:none;display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:bold;border:0;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-dropdown.plugin-auto_position.selectize-position-top{border-top:1px solid #d0d0d0;border-bottom:0 none;border-radius:3px 3px 0 0;box-shadow:0 -6px 12px rgba(0,0,0,0.18)}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active{border-radius:0 0 3px 3px;border-top:0 none}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before{top:0;bottom:unset}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #d0d0d0;padding:8px 8px;display:inline-block;width:100%;position:relative;z-index:1;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);border-radius:3px}.selectize-control.multi .selectize-input.has-items{padding:calc(8px - 2px - 0px) 8px calc(8px - 2px - 3px - 0px)}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.selectize-input.dropdown-active{border-radius:3px 3px 0 0}.selectize-input>*{vertical-align:baseline;display:inline-block;zoom:1}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#f2f2f2;color:#303030;border:0 solid #d0d0d0}.selectize-control.multi .selectize-input>div.active{background:#e8e8e8;color:#303030;border:0 solid #cacaca}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#7d7d7d;background:white;border:0 solid white}.selectize-input>input{display:inline-block !important;padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;user-select:auto !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:none !important}.selectize-input>input[placeholder]{box-sizing:initial}.selectize-input.has-items>input{margin:0 0 !important}.selectize-input::after{content:" ";display:block;clear:left}.selectize-input.dropdown-active::before{content:" ";display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,0.2);border-radius:1px}.selectize-dropdown .option,.selectize-dropdown .optgroup-header,.selectize-dropdown .no-results,.selectize-dropdown .create{padding:5px 8px}.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#e8e8e8;color:#303030}.selectize-dropdown .active.create{color:#495c68}.selectize-dropdown .selected{background-color:#e8e8e8;color:#303030}.selectize-dropdown .create{color:rgba(48,48,48,0.5)}.selectize-dropdown .active:not(.selected){background:#f5fafd;color:#495c68}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}.selectize-dropdown-emptyoptionlabel{text-align:center}.selectize-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:5px 8px}.selectize-dropdown .spinner:after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent #d0d0d0 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input:not(:read-only){cursor:text}.selectize-control.single .selectize-input:not(.no-arrow):after{content:" ";display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#808080 transparent transparent transparent}.selectize-control.single .selectize-input:not(.no-arrow).dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #808080 transparent}.selectize-control.rtl{text-align:right}.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}.selectize-dropdown.plugin-auto_position.selectize-position-top{border-top:1px solid #d0d0d0;border-bottom:0 none;border-radius:3px 3px 0 0;box-shadow:0 -6px 12px rgba(0,0,0,0.18)}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active{border-radius:0 0 3px 3px;border-top:0 none}.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before{top:0;bottom:unset}.selectize-control.plugin-clear_button .clear{text-decoration:none;display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:bold;border:0;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important;text-decoration:none}.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover{color:black}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0 !important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #d0d0d0;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#cacaca}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:white}