openo-portal/portal-common/src/main/webapp/common/thirdparty/select2/select2.css

   1 /*\r
   2 Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013\r
   3 */\r
   4 .select2-container {\r
   5     margin: 0;\r
   6     position: relative;\r
   7     display: inline-block;\r
   8     /* inline-block for ie7 */\r
   9     zoom: 1;\r
  10     *display: inline;\r
  11     vertical-align: middle;\r
  12 }\r
  13 \r
  14 .select2-container,\r
  15 .select2-drop,\r
  16 .select2-search,\r
  17 .select2-search input {\r
  18   /*\r
  19     Force border-box so that % widths fit the parent\r
  20     container without overlap because of margin/padding.\r
  21 \r
  22     More Info : http://www.quirksmode.org/css/box.html\r
  23   */\r
  24   -webkit-box-sizing: border-box; /* webkit */\r
  25      -moz-box-sizing: border-box; /* firefox */\r
  26           box-sizing: border-box; /* css3 */\r
  27 }\r
  28 \r
  29 .select2-container .select2-choice {\r
  30     display: block;\r
  31     height: 26px;\r
  32     padding: 0 0 0 8px;\r
  33     overflow: hidden;\r
  34     position: relative;\r
  35 \r
  36     border: 1px solid #aaa;\r
  37     white-space: nowrap;\r
  38     line-height: 26px;\r
  39     color: #444;\r
  40     text-decoration: none;\r
  41 \r
  42     border-radius: 4px;\r
  43 \r
  44     background-clip: padding-box;\r
  45 \r
  46     -webkit-touch-callout: none;\r
  47       -webkit-user-select: none;\r
  48          -moz-user-select: none;\r
  49           -ms-user-select: none;\r
  50               user-select: none;\r
  51 \r
  52     background-color: #fff;\r
  53     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));\r
  54     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);\r
  55     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);\r
  56     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);\r
  57     background-image: linear-gradient(top, #fff 0%, #eee 50%);\r
  58 }\r
  59 \r
  60 .select2-container.select2-drop-above .select2-choice {\r
  61     border-bottom-color: #aaa;\r
  62 \r
  63     border-radius: 0 0 4px 4px;\r
  64 \r
  65     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));\r
  66     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);\r
  67     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);\r
  68     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);\r
  69     background-image: linear-gradient(top, #eee 0%, #fff 90%);\r
  70 }\r
  71 \r
  72 .select2-container.select2-allowclear .select2-choice .select2-chosen {\r
  73     margin-right: 42px;\r
  74 }\r
  75 \r
  76 .select2-container .select2-choice > .select2-chosen {\r
  77     margin-right: 26px;\r
  78     display: block;\r
  79     overflow: hidden;\r
  80 \r
  81     white-space: nowrap;\r
  82 \r
  83     text-overflow: ellipsis;\r
  84 }\r
  85 \r
  86 .select2-container .select2-choice abbr {\r
  87     display: none;\r
  88     width: 12px;\r
  89     height: 12px;\r
  90     position: absolute;\r
  91     right: 24px;\r
  92     top: 8px;\r
  93 \r
  94     font-size: 1px;\r
  95     text-decoration: none;\r
  96 \r
  97     border: 0;\r
  98     background: url('select2.png') right top no-repeat;\r
  99     cursor: pointer;\r
 100     outline: 0;\r
 101 }\r
 102 \r
 103 .select2-container.select2-allowclear .select2-choice abbr {\r
 104     display: inline-block;\r
 105 }\r
 106 \r
 107 .select2-container .select2-choice abbr:hover {\r
 108     background-position: right -11px;\r
 109     cursor: pointer;\r
 110 }\r
 111 \r
 112 .select2-drop-mask {\r
 113     border: 0;\r
 114     margin: 0;\r
 115     padding: 0;\r
 116     position: fixed;\r
 117     left: 0;\r
 118     top: 0;\r
 119     min-height: 100%;\r
 120     min-width: 100%;\r
 121     height: auto;\r
 122     width: auto;\r
 123     opacity: 0;\r
 124     z-index: 9998;\r
 125     /* styles required for IE to work */\r
 126     background-color: #fff;\r
 127     filter: alpha(opacity=0);\r
 128 }\r
 129 \r
 130 .select2-drop {\r
 131     width: 100%;\r
 132     margin-top: -1px;\r
 133     position: absolute;\r
 134     z-index: 9999;\r
 135     top: 100%;\r
 136 \r
 137     background: #fff;\r
 138     color: #000;\r
 139     border: 1px solid #aaa;\r
 140     border-top: 0;\r
 141 \r
 142     border-radius: 0 0 4px 4px;\r
 143 \r
 144     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);\r
 145             box-shadow: 0 4px 5px rgba(0, 0, 0, .15);\r
 146 }\r
 147 \r
 148 .select2-drop-auto-width {\r
 149     border-top: 1px solid #aaa;\r
 150     width: auto;\r
 151 }\r
 152 \r
 153 .select2-drop-auto-width .select2-search {\r
 154     padding-top: 4px;\r
 155 }\r
 156 \r
 157 .select2-drop.select2-drop-above {\r
 158     margin-top: 1px;\r
 159     border-top: 1px solid #aaa;\r
 160     border-bottom: 0;\r
 161 \r
 162     border-radius: 4px 4px 0 0;\r
 163 \r
 164     -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);\r
 165             box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);\r
 166 }\r
 167 \r
 168 .select2-drop-active {\r
 169     border: 1px solid #5897fb;\r
 170     border-top: none;\r
 171 }\r
 172 \r
 173 .select2-drop.select2-drop-above.select2-drop-active {\r
 174     border-top: 1px solid #5897fb;\r
 175 }\r
 176 \r
 177 .select2-container .select2-choice .select2-arrow {\r
 178     display: inline-block;\r
 179     width: 18px;\r
 180     height: 100%;\r
 181     position: absolute;\r
 182     right: 0;\r
 183     top: 0;\r
 184 \r
 185     border-left: 1px solid #aaa;\r
 186     border-radius: 0 4px 4px 0;\r
 187 \r
 188     background-clip: padding-box;\r
 189 \r
 190     background: #ccc;\r
 191     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));\r
 192     background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);\r
 193     background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);\r
 194     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);\r
 195     background-image: linear-gradient(top, #ccc 0%, #eee 60%);\r
 196 }\r
 197 \r
 198 .select2-container .select2-choice .select2-arrow b {\r
 199     display: block;\r
 200     width: 100%;\r
 201     height: 100%;\r
 202     background: url('select2.png') no-repeat 0 1px;\r
 203 }\r
 204 \r
 205 .select2-search {\r
 206     display: inline-block;\r
 207     width: 100%;\r
 208     min-height: 26px;\r
 209     margin: 0;\r
 210     padding-left: 4px;\r
 211     padding-right: 4px;\r
 212 \r
 213     position: relative;\r
 214     z-index: 10000;\r
 215 \r
 216     white-space: nowrap;\r
 217 }\r
 218 \r
 219 .select2-search input {\r
 220     width: 100%;\r
 221     height: auto !important;\r
 222     min-height: 26px;\r
 223     padding: 4px 20px 4px 5px;\r
 224     margin: 0;\r
 225 \r
 226     outline: 0;\r
 227     font-family: sans-serif;\r
 228     font-size: 1em;\r
 229 \r
 230     border: 1px solid #aaa;\r
 231     border-radius: 0;\r
 232 \r
 233     -webkit-box-shadow: none;\r
 234             box-shadow: none;\r
 235 \r
 236     background: #fff url('select2.png') no-repeat 100% -22px;\r
 237 }\r
 238 \r
 239 .select2-drop.select2-drop-above .select2-search input {\r
 240     margin-top: 4px;\r
 241 }\r
 242 \r
 243 .select2-search input.select2-active {\r
 244     background: #fff url('select2-spinner.gif') no-repeat 100%;\r
 245 }\r
 246 \r
 247 .select2-container-active .select2-choice,\r
 248 .select2-container-active .select2-choices {\r
 249     border: 1px solid #5897fb;\r
 250     outline: none;\r
 251 \r
 252     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);\r
 253             box-shadow: 0 0 5px rgba(0, 0, 0, .3);\r
 254 }\r
 255 \r
 256 .select2-dropdown-open .select2-choice {\r
 257     border-bottom-color: transparent;\r
 258     -webkit-box-shadow: 0 1px 0 #fff inset;\r
 259             box-shadow: 0 1px 0 #fff inset;\r
 260 \r
 261     border-bottom-left-radius: 0;\r
 262     border-bottom-right-radius: 0;\r
 263 \r
 264     background-color: #eee;\r
 265     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));\r
 266     background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);\r
 267     background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);\r
 268     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);\r
 269     background-image: linear-gradient(top, #fff 0%, #eee 50%);\r
 270 }\r
 271 \r
 272 .select2-dropdown-open.select2-drop-above .select2-choice,\r
 273 .select2-dropdown-open.select2-drop-above .select2-choices {\r
 274     border: 1px solid #5897fb;\r
 275     border-top-color: transparent;\r
 276 \r
 277     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));\r
 278     background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);\r
 279     background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);\r
 280     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);\r
 281     background-image: linear-gradient(bottom, #fff 0%, #eee 50%);\r
 282 }\r
 283 \r
 284 .select2-dropdown-open .select2-choice .select2-arrow {\r
 285     background: transparent;\r
 286     border-left: none;\r
 287     filter: none;\r
 288 }\r
 289 .select2-dropdown-open .select2-choice .select2-arrow b {\r
 290     background-position: -18px 1px;\r
 291 }\r
 292 \r
 293 /* results */\r
 294 .select2-results {\r
 295     max-height: 200px;\r
 296     padding: 0 0 0 4px;\r
 297     margin: 4px 4px 4px 0;\r
 298     position: relative;\r
 299     overflow-x: hidden;\r
 300     overflow-y: auto;\r
 301     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r
 302 }\r
 303 \r
 304 .select2-results ul.select2-result-sub {\r
 305     margin: 0;\r
 306     padding-left: 0;\r
 307 }\r
 308 \r
 309 .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }\r
 310 .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }\r
 311 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }\r
 312 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }\r
 313 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }\r
 314 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }\r
 315 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }\r
 316 \r
 317 .select2-results li {\r
 318     list-style: none;\r
 319     display: list-item;\r
 320     background-image: none;\r
 321 }\r
 322 \r
 323 .select2-results li.select2-result-with-children > .select2-result-label {\r
 324     font-weight: bold;\r
 325 }\r
 326 \r
 327 .select2-results .select2-result-label {\r
 328     padding: 3px 7px 4px;\r
 329     margin: 0;\r
 330     cursor: pointer;\r
 331 \r
 332     min-height: 1em;\r
 333 \r
 334     -webkit-touch-callout: none;\r
 335       -webkit-user-select: none;\r
 336          -moz-user-select: none;\r
 337           -ms-user-select: none;\r
 338               user-select: none;\r
 339 }\r
 340 \r
 341 .select2-results .select2-highlighted {\r
 342     background: #3875d7;\r
 343     color: #fff;\r
 344 }\r
 345 \r
 346 .select2-results li em {\r
 347     background: #feffde;\r
 348     font-style: normal;\r
 349 }\r
 350 \r
 351 .select2-results .select2-highlighted em {\r
 352     background: transparent;\r
 353 }\r
 354 \r
 355 .select2-results .select2-highlighted ul {\r
 356     background: #fff;\r
 357     color: #000;\r
 358 }\r
 359 \r
 360 \r
 361 .select2-results .select2-no-results,\r
 362 .select2-results .select2-searching,\r
 363 .select2-results .select2-selection-limit {\r
 364     background: #f4f4f4;\r
 365     display: list-item;\r
 366 }\r
 367 \r
 368 /*\r
 369 disabled look for disabled choices in the results dropdown\r
 370 */\r
 371 .select2-results .select2-disabled.select2-highlighted {\r
 372     color: #666;\r
 373     background: #f4f4f4;\r
 374     display: list-item;\r
 375     cursor: default;\r
 376 }\r
 377 .select2-results .select2-disabled {\r
 378   background: #f4f4f4;\r
 379   display: list-item;\r
 380   cursor: default;\r
 381 }\r
 382 \r
 383 .select2-results .select2-selected {\r
 384     display: none;\r
 385 }\r
 386 \r
 387 .select2-more-results.select2-active {\r
 388     background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;\r
 389 }\r
 390 \r
 391 .select2-more-results {\r
 392     background: #f4f4f4;\r
 393     display: list-item;\r
 394 }\r
 395 \r
 396 /* disabled styles */\r
 397 \r
 398 .select2-container.select2-container-disabled .select2-choice {\r
 399     background-color: #f4f4f4;\r
 400     background-image: none;\r
 401     border: 1px solid #ddd;\r
 402     cursor: default;\r
 403 }\r
 404 \r
 405 .select2-container.select2-container-disabled .select2-choice .select2-arrow {\r
 406     background-color: #f4f4f4;\r
 407     background-image: none;\r
 408     border-left: 0;\r
 409 }\r
 410 \r
 411 .select2-container.select2-container-disabled .select2-choice abbr {\r
 412     display: none;\r
 413 }\r
 414 \r
 415 \r
 416 /* multiselect */\r
 417 \r
 418 .select2-container-multi .select2-choices {\r
 419     height: auto !important;\r
 420     height: 1%;\r
 421     margin: 0;\r
 422     padding: 0;\r
 423     position: relative;\r
 424 \r
 425     border: 1px solid #aaa;\r
 426     cursor: text;\r
 427     overflow: hidden;\r
 428 \r
 429     background-color: #fff;\r
 430     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));\r
 431     background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);\r
 432     background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);\r
 433     background-image: linear-gradient(top, #eee 1%, #fff 15%);\r
 434 }\r
 435 \r
 436 .select2-locked {\r
 437   padding: 3px 5px 3px 5px !important;\r
 438 }\r
 439 \r
 440 .select2-container-multi .select2-choices {\r
 441     min-height: 26px;\r
 442 }\r
 443 \r
 444 .select2-container-multi.select2-container-active .select2-choices {\r
 445     border: 1px solid #5897fb;\r
 446     outline: none;\r
 447 \r
 448     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);\r
 449             box-shadow: 0 0 5px rgba(0, 0, 0, .3);\r
 450 }\r
 451 .select2-container-multi .select2-choices li {\r
 452     float: left;\r
 453     list-style: none;\r
 454 }\r
 455 .select2-container-multi .select2-choices .select2-search-field {\r
 456     margin: 0;\r
 457     padding: 0;\r
 458     white-space: nowrap;\r
 459 }\r
 460 \r
 461 .select2-container-multi .select2-choices .select2-search-field input {\r
 462     padding: 5px;\r
 463     margin: 1px 0;\r
 464 \r
 465     font-family: sans-serif;\r
 466     font-size: 100%;\r
 467     color: #666;\r
 468     outline: 0;\r
 469     border: 0;\r
 470     -webkit-box-shadow: none;\r
 471             box-shadow: none;\r
 472     background: transparent !important;\r
 473 }\r
 474 \r
 475 .select2-container-multi .select2-choices .select2-search-field input.select2-active {\r
 476     background: #fff url('select2-spinner.gif') no-repeat 100% !important;\r
 477 }\r
 478 \r
 479 .select2-default {\r
 480     color: #999 !important;\r
 481 }\r
 482 \r
 483 .select2-container-multi .select2-choices .select2-search-choice {\r
 484     padding: 3px 5px 3px 18px;\r
 485     margin: 3px 0 3px 5px;\r
 486     position: relative;\r
 487 \r
 488     line-height: 13px;\r
 489     color: #333;\r
 490     cursor: default;\r
 491     border: 1px solid #aaaaaa;\r
 492 \r
 493     border-radius: 3px;\r
 494 \r
 495     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);\r
 496             box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);\r
 497 \r
 498     background-clip: padding-box;\r
 499 \r
 500     -webkit-touch-callout: none;\r
 501       -webkit-user-select: none;\r
 502          -moz-user-select: none;\r
 503           -ms-user-select: none;\r
 504               user-select: none;\r
 505 \r
 506     background-color: #e4e4e4;\r
 507     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);\r
 508     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));\r
 509     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);\r
 510     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);\r
 511     background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);\r
 512 }\r
 513 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {\r
 514     cursor: default;\r
 515 }\r
 516 .select2-container-multi .select2-choices .select2-search-choice-focus {\r
 517     background: #d4d4d4;\r
 518 }\r
 519 \r
 520 .select2-search-choice-close {\r
 521     display: block;\r
 522     width: 12px;\r
 523     height: 13px;\r
 524     position: absolute;\r
 525     right: 3px;\r
 526     top: 4px;\r
 527 \r
 528     font-size: 1px;\r
 529     outline: none;\r
 530     background: url('select2.png') right top no-repeat;\r
 531 }\r
 532 \r
 533 .select2-container-multi .select2-search-choice-close {\r
 534     left: 3px;\r
 535 }\r
 536 \r
 537 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {\r
 538   background-position: right -11px;\r
 539 }\r
 540 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {\r
 541     background-position: right -11px;\r
 542 }\r
 543 \r
 544 /* disabled styles */\r
 545 .select2-container-multi.select2-container-disabled .select2-choices {\r
 546     background-color: #f4f4f4;\r
 547     background-image: none;\r
 548     border: 1px solid #ddd;\r
 549     cursor: default;\r
 550 }\r
 551 \r
 552 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {\r
 553     padding: 3px 5px 3px 5px;\r
 554     border: 1px solid #ddd;\r
 555     background-image: none;\r
 556     background-color: #f4f4f4;\r
 557 }\r
 558 \r
 559 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;\r
 560     background: none;\r
 561 }\r
 562 /* end multiselect */\r
 563 \r
 564 \r
 565 .select2-result-selectable .select2-match,\r
 566 .select2-result-unselectable .select2-match {\r
 567     text-decoration: underline;\r
 568 }\r
 569 \r
 570 .select2-offscreen, .select2-offscreen:focus {\r
 571     clip: rect(0 0 0 0) !important;\r
 572     width: 1px !important;\r
 573     height: 1px !important;\r
 574     border: 0 !important;\r
 575     margin: 0 !important;\r
 576     padding: 0 !important;\r
 577     overflow: hidden !important;\r
 578     position: absolute !important;\r
 579     outline: 0 !important;\r
 580     left: 0px !important;\r
 581     top: 0px !important;\r
 582 }\r
 583 \r
 584 .select2-display-none {\r
 585     display: none;\r
 586 }\r
 587 \r
 588 .select2-measure-scrollbar {\r
 589     position: absolute;\r
 590     top: -10000px;\r
 591     left: -10000px;\r
 592     width: 100px;\r
 593     height: 100px;\r
 594     overflow: scroll;\r
 595 }\r
 596 /* Retina-ize icons */\r
 597 \r
 598 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {\r
 599   .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {\r
 600       background-image: url('select2x2.png') !important;\r
 601       background-repeat: no-repeat !important;\r
 602       background-size: 60px 40px !important;\r
 603   }\r
 604   .select2-search input {\r
 605       background-position: 100% -21px !important;\r
 606   }\r
 607 }\r