1/** 2 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme 3 * Copyright (c) 2013–2015 Brian Reavis & contributors 4 * SPDX-License-Identifier: Apache-2.0 5 * 6 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this 7 * file except in compliance with the License. You may obtain a copy of the License at: 8 * http://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software distributed under 11 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF 12 * ANY KIND, either express or implied. See the License for the specific language 13 * governing permissions and limitations under the License. 14 * 15 * @author Brian Reavis <brian@thirdroute.com> 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 #fff; 23 box-shadow: inset 0 0 12px 4px #fff; 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: 3px 12px; 36 border-bottom: 1px solid #d0d0d0; 37 background: #f8f8f8; 38 -webkit-border-radius: 4px 4px 0 0; 39 -moz-border-radius: 4px 4px 0 0; 40 border-radius: 4px 4px 0 0; 41} 42.selectize-dropdown-header-close { 43 position: absolute; 44 right: 12px; 45 top: 50%; 46 color: #333333; 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: 1px 0 0 0; 92 border-left: 1px solid rgba(0, 0, 0, 0); 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: rgba(0, 0, 0, 0); 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: rgba(77, 77, 77, 0); 111} 112.selectize-control.plugin-remove_button .remove-single { 113 position: absolute; 114 right: 0; 115 top: 0; 116 font-size: 23px; 117} 118.selectize-control { 119 position: relative; 120} 121.selectize-dropdown, 122.selectize-input, 123.selectize-input input { 124 color: #333333; 125 font-family: inherit; 126 font-size: inherit; 127 line-height: 20px; 128 -webkit-font-smoothing: inherit; 129} 130.selectize-input, 131.selectize-control.single .selectize-input.input-active { 132 background: #fff; 133 cursor: text; 134 display: inline-block; 135} 136.selectize-input { 137 border: 1px solid #ccc; 138 padding: 6px 12px; 139 display: inline-block; 140 width: 100%; 141 overflow: hidden; 142 position: relative; 143 z-index: 1; 144 -webkit-box-sizing: border-box; 145 -moz-box-sizing: border-box; 146 box-sizing: border-box; 147 -webkit-box-shadow: none; 148 box-shadow: none; 149 -webkit-border-radius: 4px; 150 -moz-border-radius: 4px; 151 border-radius: 4px; 152} 153.selectize-control.multi .selectize-input.has-items { 154 padding: 5px 12px 2px; 155} 156.selectize-input.full { 157 background-color: #fff; 158} 159.selectize-input.disabled, 160.selectize-input.disabled * { 161 cursor: default !important; 162} 163.selectize-input.focus { 164 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); 165 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); 166} 167.selectize-input.dropdown-active { 168 -webkit-border-radius: 4px 4px 0 0; 169 -moz-border-radius: 4px 4px 0 0; 170 border-radius: 4px 4px 0 0; 171} 172.selectize-input > * { 173 vertical-align: baseline; 174 display: -moz-inline-stack; 175 display: inline-block; 176 zoom: 1; 177 *display: inline; 178} 179.selectize-control.multi .selectize-input > div { 180 cursor: pointer; 181 margin: 0 3px 3px 0; 182 padding: 1px 3px; 183 background: #efefef; 184 color: #333333; 185 border: 0 solid rgba(0, 0, 0, 0); 186} 187.selectize-control.multi .selectize-input > div.active { 188 background: #428bca; 189 color: #fff; 190 border: 0 solid rgba(0, 0, 0, 0); 191} 192.selectize-control.multi .selectize-input.disabled > div, 193.selectize-control.multi .selectize-input.disabled > div.active { 194 color: #808080; 195 background: #ffffff; 196 border: 0 solid rgba(77, 77, 77, 0); 197} 198.selectize-input > input { 199 display: inline-block !important; 200 padding: 0 !important; 201 min-height: 0 !important; 202 max-height: none !important; 203 max-width: 100% !important; 204 margin: 0 !important; 205 text-indent: 0 !important; 206 border: 0 none !important; 207 background: none !important; 208 line-height: inherit !important; 209 -webkit-user-select: auto !important; 210 -webkit-box-shadow: none !important; 211 box-shadow: none !important; 212} 213.selectize-input > input::-ms-clear { 214 display: none; 215} 216.selectize-input > input:focus { 217 outline: none !important; 218} 219.selectize-input::after { 220 content: ' '; 221 display: block; 222 clear: left; 223} 224.selectize-input.dropdown-active::before { 225 content: ' '; 226 display: block; 227 position: absolute; 228 background: #ffffff; 229 height: 1px; 230 bottom: 0; 231 left: 0; 232 right: 0; 233} 234.selectize-dropdown { 235 position: absolute; 236 z-index: 10; 237 border: 1px solid #d0d0d0; 238 background: #fff; 239 margin: -1px 0 0 0; 240 border-top: 0 none; 241 -webkit-box-sizing: border-box; 242 -moz-box-sizing: border-box; 243 box-sizing: border-box; 244 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 245 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 246 -webkit-border-radius: 0 0 4px 4px; 247 -moz-border-radius: 0 0 4px 4px; 248 border-radius: 0 0 4px 4px; 249} 250.selectize-dropdown [data-selectable] { 251 cursor: pointer; 252 overflow: hidden; 253} 254.selectize-dropdown [data-selectable] .highlight { 255 background: rgba(255, 237, 40, 0.4); 256 -webkit-border-radius: 1px; 257 -moz-border-radius: 1px; 258 border-radius: 1px; 259} 260.selectize-dropdown .option, 261.selectize-dropdown .optgroup-header { 262 padding: 3px 12px; 263} 264.selectize-dropdown .option, 265.selectize-dropdown [data-disabled], 266.selectize-dropdown [data-disabled] [data-selectable].option { 267 cursor: inherit; 268 opacity: 0.5; 269} 270.selectize-dropdown [data-selectable].option { 271 opacity: 1; 272} 273.selectize-dropdown .optgroup:first-child .optgroup-header { 274 border-top: 0 none; 275} 276.selectize-dropdown .optgroup-header { 277 color: #777777; 278 background: #fff; 279 cursor: default; 280} 281.selectize-dropdown .active { 282 background-color: #f5f5f5; 283 color: #262626; 284} 285.selectize-dropdown .active.create { 286 color: #262626; 287} 288.selectize-dropdown .create { 289 color: rgba(51, 51, 51, 0.5); 290} 291.selectize-dropdown-content { 292 overflow-y: auto; 293 overflow-x: hidden; 294 max-height: 200px; 295 -webkit-overflow-scrolling: touch; 296} 297.selectize-control.single .selectize-input, 298.selectize-control.single .selectize-input input { 299 cursor: pointer; 300} 301.selectize-control.single .selectize-input.input-active, 302.selectize-control.single .selectize-input.input-active input { 303 cursor: text; 304} 305.selectize-control.single .selectize-input:after { 306 content: ' '; 307 display: block; 308 position: absolute; 309 top: 50%; 310 right: 17px; 311 margin-top: -3px; 312 width: 0; 313 height: 0; 314 border-style: solid; 315 border-width: 5px 5px 0 5px; 316 border-color: #333333 transparent transparent transparent; 317} 318.selectize-control.single .selectize-input.dropdown-active:after { 319 margin-top: -4px; 320 border-width: 0 5px 5px 5px; 321 border-color: transparent transparent #333333 transparent; 322} 323.selectize-control.rtl.single .selectize-input:after { 324 left: 17px; 325 right: auto; 326} 327.selectize-control.rtl .selectize-input > input { 328 margin: 0 4px 0 -2px !important; 329} 330.selectize-control .selectize-input.disabled { 331 opacity: 0.5; 332 background-color: #fff; 333} 334.selectize-dropdown, 335.selectize-dropdown.form-control { 336 height: auto; 337 padding: 0; 338 margin: 2px 0 0 0; 339 z-index: 1000; 340 background: #fff; 341 border: 1px solid #ccc; 342 border: 1px solid rgba(0, 0, 0, 0.15); 343 -webkit-border-radius: 4px; 344 -moz-border-radius: 4px; 345 border-radius: 4px; 346 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 347 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 348} 349.selectize-dropdown .optgroup-header { 350 font-size: 12px; 351 line-height: 1.42857143; 352} 353.selectize-dropdown .optgroup:first-child:before { 354 display: none; 355} 356.selectize-dropdown .optgroup:before { 357 content: ' '; 358 display: block; 359 height: 1px; 360 margin: 9px 0; 361 overflow: hidden; 362 background-color: #e5e5e5; 363 margin-left: -12px; 364 margin-right: -12px; 365} 366.selectize-dropdown-content { 367 padding: 5px 0; 368} 369.selectize-dropdown-header { 370 padding: 6px 12px; 371} 372.selectize-input { 373 min-height: 34px; 374} 375.selectize-input.dropdown-active { 376 -webkit-border-radius: 4px; 377 -moz-border-radius: 4px; 378 border-radius: 4px; 379} 380.selectize-input.dropdown-active::before { 381 display: none; 382} 383.selectize-input.focus { 384 border-color: #66afe9; 385 outline: 0; 386 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 387 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 388} 389.has-error .selectize-input { 390 border-color: #a94442; 391 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 392 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 393} 394.has-error .selectize-input:focus { 395 border-color: #843534; 396 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; 397 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; 398} 399.selectize-control.multi .selectize-input.has-items { 400 padding-left: 9px; 401 padding-right: 9px; 402} 403.selectize-control.multi .selectize-input > div { 404 -webkit-border-radius: 3px; 405 -moz-border-radius: 3px; 406 border-radius: 3px; 407} 408.form-control.selectize-control { 409 padding: 0; 410 height: auto; 411 border: none; 412 background: none; 413 -webkit-box-shadow: none; 414 box-shadow: none; 415 -webkit-border-radius: 0; 416 -moz-border-radius: 0; 417 border-radius: 0; 418} 419