e-select2.css (17494B)
1 .select2-container { 2 box-sizing: border-box; 3 display: inline-block; 4 margin: 0; 5 position: relative; 6 vertical-align: middle; } 7 .select2-container .select2-selection--single { 8 box-sizing: border-box; 9 cursor: pointer; 10 display: block; 11 height: 28px; 12 user-select: none; 13 -webkit-user-select: none; } 14 .select2-container .select2-selection--single .select2-selection__rendered { 15 display: block; 16 padding-left: 8px; 17 padding-right: 20px; 18 overflow: hidden; 19 text-overflow: ellipsis; 20 white-space: nowrap; } 21 .select2-container .select2-selection--single .select2-selection__clear { 22 position: relative; } 23 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { 24 padding-right: 8px; 25 padding-left: 20px; } 26 .select2-container .select2-selection--multiple { 27 box-sizing: border-box; 28 cursor: pointer; 29 display: block; 30 min-height: 32px; 31 user-select: none; 32 -webkit-user-select: none; } 33 .select2-container .select2-selection--multiple .select2-selection__rendered { 34 display: inline-block; 35 overflow: hidden; 36 padding-left: 8px; 37 text-overflow: ellipsis; 38 white-space: nowrap; } 39 .select2-container .select2-search--inline { 40 float: left; } 41 .select2-container .select2-search--inline .select2-search__field { 42 box-sizing: border-box; 43 border: none; 44 font-size: 100%; 45 margin-top: 5px; 46 padding: 0; } 47 .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { 48 -webkit-appearance: none; } 49 50 .select2-dropdown { 51 background-color: white; 52 border: 1px solid #aaa; 53 border-radius: 3px; 54 box-sizing: border-box; 55 display: block; 56 position: absolute; 57 left: -100000px; 58 width: 100%; 59 z-index: 1051; } 60 61 .select2-results { 62 display: block; } 63 64 .select2-results__options { 65 list-style: none; 66 margin: 0; 67 padding: 0; } 68 69 .select2-results__option { 70 padding: 6px; 71 user-select: none; 72 -webkit-user-select: none; } 73 .select2-results__option[aria-selected] { 74 cursor: pointer; } 75 76 .select2-container--open .select2-dropdown { 77 left: 0; } 78 79 .select2-container--open .select2-dropdown--above { 80 border-bottom: none; 81 border-bottom-left-radius: 0; 82 border-bottom-right-radius: 0; } 83 84 .select2-container--open .select2-dropdown--below { 85 border-top: none; 86 border-top-left-radius: 0; 87 border-top-right-radius: 0; } 88 89 .select2-search--dropdown { 90 display: block; 91 padding: 4px; } 92 .select2-search--dropdown .select2-search__field { 93 padding: 4px; 94 width: 100%; 95 box-sizing: border-box; } 96 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { 97 -webkit-appearance: none; } 98 .select2-search--dropdown.select2-search--hide { 99 display: none; } 100 101 .select2-close-mask { 102 border: 0; 103 margin: 0; 104 padding: 0; 105 display: block; 106 position: fixed; 107 left: 0; 108 top: 0; 109 min-height: 100%; 110 min-width: 100%; 111 height: auto; 112 width: auto; 113 opacity: 0; 114 z-index: 99; 115 background-color: #fff; 116 filter: alpha(opacity=0); } 117 118 .select2-hidden-accessible { 119 border: 0 !important; 120 clip: rect(0 0 0 0) !important; 121 height: 1px !important; 122 margin: -1px !important; 123 overflow: hidden !important; 124 padding: 0 !important; 125 position: absolute !important; 126 width: 1px !important; } 127 128 .select2-container--default .select2-selection--single { 129 background-color: #fff; 130 border: 1px solid #aaa; 131 border-radius: 3px; } 132 .select2-container--default .select2-selection--single .select2-selection__rendered { 133 color: #444; 134 line-height: 28px; } 135 .select2-container--default .select2-selection--single .select2-selection__clear { 136 cursor: pointer; 137 float: right; 138 font-weight: bold; } 139 .select2-container--default .select2-selection--single .select2-selection__arrow { 140 height: 26px; 141 position: absolute; 142 top: 1px; 143 right: 1px; 144 width: 20px; } 145 .select2-container--default .select2-selection--single .select2-selection__arrow b { 146 border-color: #888 transparent transparent transparent; 147 border-style: solid; 148 border-width: 5px 4px 0 4px; 149 height: 0; 150 left: 50%; 151 margin-left: -4px; 152 margin-top: -2px; 153 position: absolute; 154 top: 50%; 155 width: 0; } 156 157 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { 158 float: left; } 159 160 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { 161 left: 1px; 162 right: auto; } 163 164 .select2-container--default.select2-container--disabled .select2-selection--single { 165 background-color: #eee; 166 cursor: default; } 167 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { 168 display: none; } 169 170 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { 171 border-color: transparent transparent #888 transparent; 172 border-width: 0 4px 5px 4px; } 173 174 .select2-container--default .select2-selection--multiple { 175 background-color: white; 176 border: 1px solid #aaa; 177 border-radius: 3px; 178 cursor: text; } 179 .select2-container--default .select2-selection--multiple .select2-selection__rendered { 180 box-sizing: border-box; 181 list-style: none; 182 margin: 0; 183 padding: 0 5px; 184 width: 100%; } 185 .select2-container--default .select2-selection--multiple .select2-selection__rendered li { 186 list-style: none; } 187 .select2-container--default .select2-selection--multiple .select2-selection__placeholder { 188 color: #999; 189 margin-top: 5px; 190 float: left; } 191 .select2-container--default .select2-selection--multiple .select2-selection__clear { 192 cursor: pointer; 193 float: right; 194 font-weight: bold; 195 margin-top: 5px; 196 margin-right: 10px; } 197 .select2-container--default .select2-selection--multiple .select2-selection__choice { 198 background-color: #e4e4e4; 199 border: 1px solid #aaa; 200 border-radius: 4px; 201 cursor: default; 202 float: left; 203 margin-right: 5px; 204 margin-top: 5px; 205 padding: 0 5px; } 206 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { 207 color: #999; 208 cursor: pointer; 209 display: inline-block; 210 font-weight: bold; 211 margin-right: 2px; } 212 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { 213 color: #333; } 214 215 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { 216 float: right; } 217 218 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { 219 margin-left: 5px; 220 margin-right: auto; } 221 222 .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { 223 margin-left: 2px; 224 margin-right: auto; } 225 226 .select2-container--default.select2-container--focus .select2-selection--multiple { 227 border: solid black 1px; 228 outline: 0; } 229 230 .select2-container--default.select2-container--disabled .select2-selection--multiple { 231 background-color: #eee; 232 cursor: default; } 233 234 .select2-container--default.select2-container--disabled .select2-selection__choice__remove { 235 display: none; } 236 237 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { 238 border-top-left-radius: 0; 239 border-top-right-radius: 0; } 240 241 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { 242 border-bottom-left-radius: 0; 243 border-bottom-right-radius: 0; } 244 245 .select2-container--default .select2-search--dropdown .select2-search__field { 246 border: 1px solid #aaa; } 247 248 .select2-container--default .select2-search--inline .select2-search__field { 249 background: transparent; 250 border: none; 251 outline: 0; 252 box-shadow: none; 253 -webkit-appearance: textfield; } 254 255 .select2-container--default .select2-results > .select2-results__options { 256 max-height: 200px; 257 overflow-y: auto; } 258 259 .select2-container--default .select2-results__option[role=group] { 260 padding: 0; } 261 262 .select2-container--default .select2-results__option[aria-disabled=true] { 263 color: #999; } 264 265 .select2-container--default .select2-results__option[aria-selected=true] { 266 background-color: #ddd; } 267 268 .select2-container--default .select2-results__option .select2-results__option { 269 padding-left: 1em; } 270 .select2-container--default .select2-results__option .select2-results__option .select2-results__group { 271 padding-left: 0; } 272 .select2-container--default .select2-results__option .select2-results__option .select2-results__option { 273 margin-left: -1em; 274 padding-left: 2em; } 275 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 276 margin-left: -2em; 277 padding-left: 3em; } 278 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 279 margin-left: -3em; 280 padding-left: 4em; } 281 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 282 margin-left: -4em; 283 padding-left: 5em; } 284 .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { 285 margin-left: -5em; 286 padding-left: 6em; } 287 288 .select2-container--default .select2-results__option--highlighted[aria-selected] { 289 background-color: #5897fb; 290 color: white; } 291 292 .select2-container--default .select2-results__group { 293 cursor: default; 294 display: block; 295 padding: 6px; } 296 297 .select2-container--classic .select2-selection--single { 298 background-color: #f7f7f7; 299 border: 1px solid #aaa; 300 border-radius: 3px; 301 outline: 0; 302 background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); 303 background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); 304 background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); 305 background-repeat: repeat-x; 306 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } 307 .select2-container--classic .select2-selection--single:focus { 308 border: 1px solid #5897fb; } 309 .select2-container--classic .select2-selection--single .select2-selection__rendered { 310 color: #444; 311 line-height: 28px; } 312 .select2-container--classic .select2-selection--single .select2-selection__clear { 313 cursor: pointer; 314 float: right; 315 font-weight: bold; 316 margin-right: 10px; } 317 .select2-container--classic .select2-selection--single .select2-selection__placeholder { 318 color: #999; } 319 .select2-container--classic .select2-selection--single .select2-selection__arrow { 320 background-color: #ddd; 321 border: none; 322 border-left: 1px solid #aaa; 323 border-top-right-radius: 4px; 324 border-bottom-right-radius: 4px; 325 height: 26px; 326 position: absolute; 327 top: 1px; 328 right: 1px; 329 width: 20px; 330 background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); 331 background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); 332 background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); 333 background-repeat: repeat-x; 334 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } 335 .select2-container--classic .select2-selection--single .select2-selection__arrow b { 336 border-color: #888 transparent transparent transparent; 337 border-style: solid; 338 border-width: 5px 4px 0 4px; 339 height: 0; 340 left: 50%; 341 margin-left: -4px; 342 margin-top: -2px; 343 position: absolute; 344 top: 50%; 345 width: 0; } 346 347 .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { 348 float: left; } 349 350 .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { 351 border: none; 352 border-right: 1px solid #aaa; 353 border-radius: 0; 354 border-top-left-radius: 4px; 355 border-bottom-left-radius: 4px; 356 left: 1px; 357 right: auto; } 358 359 .select2-container--classic.select2-container--open .select2-selection--single { 360 border: 1px solid #5897fb; } 361 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { 362 background: transparent; 363 border: none; } 364 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { 365 border-color: transparent transparent #888 transparent; 366 border-width: 0 4px 5px 4px; } 367 368 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { 369 border-top: none; 370 border-top-left-radius: 0; 371 border-top-right-radius: 0; 372 background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); 373 background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); 374 background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); 375 background-repeat: repeat-x; 376 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } 377 378 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { 379 border-bottom: none; 380 border-bottom-left-radius: 0; 381 border-bottom-right-radius: 0; 382 background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); 383 background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); 384 background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); 385 background-repeat: repeat-x; 386 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } 387 388 .select2-container--classic .select2-selection--multiple { 389 background-color: white; 390 border: 1px solid #aaa; 391 border-radius: 3px; 392 cursor: text; 393 outline: 0; } 394 .select2-container--classic .select2-selection--multiple:focus { 395 border: 1px solid #5897fb; } 396 .select2-container--classic .select2-selection--multiple .select2-selection__rendered { 397 list-style: none; 398 margin: 0; 399 padding: 0 5px; } 400 .select2-container--classic .select2-selection--multiple .select2-selection__clear { 401 display: none; } 402 .select2-container--classic .select2-selection--multiple .select2-selection__choice { 403 background-color: #e4e4e4; 404 border: 1px solid #aaa; 405 border-radius: 4px; 406 cursor: default; 407 float: left; 408 margin-right: 5px; 409 margin-top: 5px; 410 padding: 0 5px; } 411 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { 412 color: #888; 413 cursor: pointer; 414 display: inline-block; 415 font-weight: bold; 416 margin-right: 2px; } 417 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { 418 color: #555; } 419 420 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { 421 float: right; } 422 423 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { 424 margin-left: 5px; 425 margin-right: auto; } 426 427 .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { 428 margin-left: 2px; 429 margin-right: auto; } 430 431 .select2-container--classic.select2-container--open .select2-selection--multiple { 432 border: 1px solid #5897fb; } 433 434 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { 435 border-top: none; 436 border-top-left-radius: 0; 437 border-top-right-radius: 0; } 438 439 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { 440 border-bottom: none; 441 border-bottom-left-radius: 0; 442 border-bottom-right-radius: 0; } 443 444 .select2-container--classic .select2-search--dropdown .select2-search__field { 445 border: 1px solid #aaa; 446 outline: 0; } 447 448 .select2-container--classic .select2-search--inline .select2-search__field { 449 outline: 0; 450 box-shadow: none; } 451 452 .select2-container--classic .select2-dropdown { 453 background-color: white; 454 border: 1px solid transparent; } 455 456 .select2-container--classic .select2-dropdown--above { 457 border-bottom: none; } 458 459 .select2-container--classic .select2-dropdown--below { 460 border-top: none; } 461 462 .select2-container--classic .select2-results > .select2-results__options { 463 max-height: 200px; 464 overflow-y: auto; } 465 466 .select2-container--classic .select2-results__option[role=group] { 467 padding: 0; } 468 469 .select2-container--classic .select2-results__option[aria-disabled=true] { 470 color: grey; } 471 472 .select2-container--classic .select2-results__option--highlighted[aria-selected] { 473 background-color: #3875d7; 474 color: white; } 475 476 .select2-container--classic .select2-results__group { 477 cursor: default; 478 display: block; 479 padding: 6px; } 480 481 .select2-container--classic.select2-container--open .select2-dropdown { 482 border-color: #5897fb; }