Open6Hosting
/
webdns_theme
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
ISPConfig theme for Open6Hosting
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
1 Commit
2 Ramas
380 KiB
 
 
 
 
 
 
Árbol: 67db77fee2
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '67db77fee2'
${ noResults }
webdns_theme/assets/stylesheets/select2.css

710 líneas
19 KiB
Original Blame Histórico 

  1. /*

  2. Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014

  3. */

  4. .select2-container {

  5.     margin: 0;

  6.     position: relative;

  7.     display: inline-block;

  8.     /* inline-block for ie7 */

  9.     zoom: 1;

  10.     *display: inline;

  11.     vertical-align: middle;

  12. }

  13. 

  14. .select2-container,

  15. .select2-drop,

  16. .select2-search,

  17. .select2-search input {

  18.   /*

  19.     Force border-box so that % widths fit the parent

  20.     container without overlap because of margin/padding.

  21.     More Info : http://www.quirksmode.org/css/box.html

  22.   */

  23.   -webkit-box-sizing: border-box; /* webkit */

  24.      -moz-box-sizing: border-box; /* firefox */

  25.           box-sizing: border-box; /* css3 */

  26. }

  27. 

  28. .select2-container .select2-choice {

  29.     display: block;

  30.     height: 26px;

  31.     padding: 0 0 0 8px;

  32.     overflow: hidden;

  33.     position: relative;

  34. 

  35.     border: 1px solid #aaa;

  36.     white-space: nowrap;

  37.     line-height: 26px;

  38.     color: #444;

  39.     text-decoration: none;

  40. 

  41.     border-radius: 4px;

  42. 

  43.     background-clip: padding-box;

  44. 

  45.     -webkit-touch-callout: none;

  46.       -webkit-user-select: none;

  47.          -moz-user-select: none;

  48.           -ms-user-select: none;

  49.               user-select: none;

  50. 

  51.     background-color: #fff;

  52.     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));

  53.     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);

  54.     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);

  55.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);

  56.     background-image: linear-gradient(to top, #eee 0%, #fff 50%);

  57. }

  58. 

  59. .tab-content .select2-container .select2-choice {

  60. 	height: 32px;

  61. 	line-height: 32px;

  62. }

  63. 

  64. html[dir="rtl"] .select2-container .select2-choice {

  65.     padding: 0 8px 0 0;

  66. }

  67. 

  68. .select2-container.select2-drop-above .select2-choice {

  69.     border-bottom-color: #aaa;

  70. 

  71.     border-radius: 0 0 4px 4px;

  72. 

  73.     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));

  74.     background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);

  75.     background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);

  76.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);

  77.     background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);

  78. }

  79. 

  80. .select2-container.select2-allowclear .select2-choice .select2-chosen {

  81.     margin-right: 42px;

  82. }

  83. 

  84. .select2-container .select2-choice > .select2-chosen {

  85.     margin-right: 26px;

  86.     display: block;

  87.     overflow: hidden;

  88. 

  89.     white-space: nowrap;

  90. 

  91.     text-overflow: ellipsis;

  92.     float: none;

  93.     width: auto;

  94. }

  95. 

  96. html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {

  97.     margin-left: 26px;

  98.     margin-right: 0;

  99. }

  100. 

  101. .select2-container .select2-choice abbr {

  102.     display: none;

  103.     width: 12px;

  104.     height: 12px;

  105.     position: absolute;

  106.     right: 24px;

  107.     top: 8px;

  108. 

  109.     font-size: 1px;

  110.     text-decoration: none;

  111. 

  112.     border: 0;

  113.     background: url('select2.png') right top no-repeat;

  114.     cursor: pointer;

  115.     outline: 0;

  116. }

  117. 

  118. .select2-container.select2-allowclear .select2-choice abbr {

  119.     display: inline-block;

  120. }

  121. 

  122. .select2-container .select2-choice abbr:hover {

  123.     background-position: right -11px;

  124.     cursor: pointer;

  125. }

  126. 

  127. .select2-drop-mask {

  128.     border: 0;

  129.     margin: 0;

  130.     padding: 0;

  131.     position: fixed;

  132.     left: 0;

  133.     top: 0;

  134.     min-height: 100%;

  135.     min-width: 100%;

  136.     height: auto;

  137.     width: auto;

  138.     opacity: 0;

  139.     z-index: 9998;

  140.     /* styles required for IE to work */

  141.     background-color: #fff;

  142.     filter: alpha(opacity=0);

  143. }

  144. 

  145. .select2-drop {

  146.     width: 100%;

  147.     margin-top: -1px;

  148.     position: absolute;

  149.     z-index: 9999;

  150.     top: 100%;

  151. 

  152.     background: #fff;

  153.     color: #000;

  154.     border: 1px solid #aaa;

  155.     border-top: 0;

  156. 

  157.     border-radius: 0 0 4px 4px;

  158. 

  159.     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);

  160.             box-shadow: 0 4px 5px rgba(0, 0, 0, .15);

  161. }

  162. 

  163. .select2-drop.select2-drop-above {

  164.     margin-top: 1px;

  165.     border-top: 1px solid #aaa;

  166.     border-bottom: 0;

  167. 

  168.     border-radius: 4px 4px 0 0;

  169. 

  170.     -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);

  171.             box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);

  172. }

  173. 

  174. .select2-drop-active {

  175.     border: 1px solid #5897fb;

  176.     border-top: none;

  177. }

  178. 

  179. .select2-drop.select2-drop-above.select2-drop-active {

  180.     border-top: 1px solid #5897fb;

  181. }

  182. 

  183. .select2-drop-auto-width {

  184.     border-top: 1px solid #aaa;

  185.     width: auto;

  186. }

  187. 

  188. .select2-drop-auto-width .select2-search {

  189.     padding-top: 4px;

  190. }

  191. 

  192. .select2-container .select2-choice .select2-arrow {

  193.     display: inline-block;

  194.     width: 18px;

  195.     height: 100%;

  196.     position: absolute;

  197.     right: 0;

  198.     top: 0;

  199. 

  200.     border-left: 1px solid #aaa;

  201.     border-radius: 0 4px 4px 0;

  202. 

  203.     background-clip: padding-box;

  204. 

  205.     background: #ccc;

  206.     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));

  207.     background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);

  208.     background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);

  209.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);

  210.     background-image: linear-gradient(to top, #ccc 0%, #eee 60%);

  211. }

  212. 

  213. html[dir="rtl"] .select2-container .select2-choice .select2-arrow {

  214.     left: 0;

  215.     right: auto;

  216. 

  217.     border-left: none;

  218.     border-right: 1px solid #aaa;

  219.     border-radius: 4px 0 0 4px;

  220. }

  221. 

  222. .select2-container .select2-choice .select2-arrow b {

  223.     display: block;

  224.     width: 100%;

  225.     height: 100%;

  226.     background: url('select2.png') no-repeat 0 1px;

  227. }

  228. 

  229. html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {

  230.     background-position: 2px 1px;

  231. }

  232. 

  233. .select2-search {

  234.     display: inline-block;

  235.     width: 100%;

  236.     min-height: 26px;

  237.     margin: 0;

  238.     padding-left: 4px;

  239.     padding-right: 4px;

  240. 

  241.     position: relative;

  242.     z-index: 10000;

  243. 

  244.     white-space: nowrap;

  245. }

  246. 

  247. .select2-search input {

  248.     width: 100%;

  249.     height: auto !important;

  250.     min-height: 26px;

  251.     padding: 4px 20px 4px 5px;

  252.     margin: 0;

  253. 

  254.     outline: 0;

  255.     font-family: sans-serif;

  256.     font-size: 1em;

  257. 

  258.     border: 1px solid #aaa;

  259.     border-radius: 0;

  260. 

  261.     -webkit-box-shadow: none;

  262.             box-shadow: none;

  263. 

  264.     background: #fff url('select2.png') no-repeat 100% -22px;

  265.     background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));

  266.     background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);

  267.     background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);

  268.     background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;

  269. }

  270. 

  271. html[dir="rtl"] .select2-search input {

  272.     padding: 4px 5px 4px 20px;

  273. 

  274.     background: #fff url('select2.png') no-repeat -37px -22px;

  275.     background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));

  276.     background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);

  277.     background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);

  278.     background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;

  279. }

  280. 

  281. .select2-drop.select2-drop-above .select2-search input {

  282.     margin-top: 4px;

  283. }

  284. 

  285. .select2-search input.select2-active {

  286.     background: #fff url('select2-spinner.gif') no-repeat 100%;

  287.     background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));

  288.     background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);

  289.     background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);

  290.     background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;

  291. }

  292. 

  293. .select2-container-active .select2-choice,

  294. .select2-container-active .select2-choices {

  295.     border: 1px solid #5897fb;

  296.     outline: none;

  297. 

  298.     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);

  299.             box-shadow: 0 0 5px rgba(0, 0, 0, .3);

  300. }

  301. 

  302. .select2-dropdown-open .select2-choice {

  303.     border-bottom-color: transparent;

  304.     -webkit-box-shadow: 0 1px 0 #fff inset;

  305.             box-shadow: 0 1px 0 #fff inset;

  306. 

  307.     border-bottom-left-radius: 0;

  308.     border-bottom-right-radius: 0;

  309. 

  310.     background-color: #eee;

  311.     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));

  312.     background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);

  313.     background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);

  314.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);

  315.     background-image: linear-gradient(to top, #fff 0%, #eee 50%);

  316. }

  317. 

  318. .select2-dropdown-open.select2-drop-above .select2-choice,

  319. .select2-dropdown-open.select2-drop-above .select2-choices {

  320.     border: 1px solid #5897fb;

  321.     border-top-color: transparent;

  322. 

  323.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));

  324.     background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);

  325.     background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);

  326.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);

  327.     background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);

  328. }

  329. 

  330. .select2-dropdown-open .select2-choice .select2-arrow {

  331.     background: transparent;

  332.     border-left: none;

  333.     filter: none;

  334. }

  335. html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {

  336.     border-right: none;

  337. }

  338. 

  339. .select2-dropdown-open .select2-choice .select2-arrow b {

  340.     background-position: -18px 1px;

  341. }

  342. 

  343. html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {

  344.     background-position: -16px 1px;

  345. }

  346. 

  347. .select2-hidden-accessible {

  348.     border: 0;

  349.     clip: rect(0 0 0 0);

  350.     height: 1px;

  351.     margin: -1px;

  352.     overflow: hidden;

  353.     padding: 0;

  354.     position: absolute;

  355.     width: 1px;

  356. }

  357. 

  358. /* results */

  359. .select2-results {

  360.     max-height: 200px;

  361.     padding: 0 0 0 4px;

  362.     margin: 4px 4px 4px 0;

  363.     position: relative;

  364.     overflow-x: hidden;

  365.     overflow-y: auto;

  366.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  367. }

  368. 

  369. html[dir="rtl"] .select2-results {

  370.     padding: 0 4px 0 0;

  371.     margin: 4px 0 4px 4px;

  372. }

  373. 

  374. .select2-results ul.select2-result-sub {

  375.     margin: 0;

  376.     padding-left: 0;

  377. }

  378. 

  379. .select2-results li {

  380.     list-style: none;

  381.     display: list-item;

  382.     background-image: none;

  383. }

  384. 

  385. .select2-results li.select2-result-with-children > .select2-result-label {

  386.     font-weight: bold;

  387. }

  388. 

  389. .select2-results .select2-result-label {

  390.     padding: 3px 7px 4px;

  391.     margin: 0;

  392.     cursor: pointer;

  393. 

  394.     min-height: 1em;

  395. 

  396.     -webkit-touch-callout: none;

  397.       -webkit-user-select: none;

  398.          -moz-user-select: none;

  399.           -ms-user-select: none;

  400.               user-select: none;

  401. }

  402. 

  403. .select2-results-dept-1 .select2-result-label { padding-left: 20px }

  404. .select2-results-dept-2 .select2-result-label { padding-left: 40px }

  405. .select2-results-dept-3 .select2-result-label { padding-left: 60px }

  406. .select2-results-dept-4 .select2-result-label { padding-left: 80px }

  407. .select2-results-dept-5 .select2-result-label { padding-left: 100px }

  408. .select2-results-dept-6 .select2-result-label { padding-left: 110px }

  409. .select2-results-dept-7 .select2-result-label { padding-left: 120px }

  410. 

  411. .select2-results .select2-highlighted {

  412.     background: #3875d7;

  413.     color: #fff;

  414. }

  415. 

  416. .select2-results li em {

  417.     background: #feffde;

  418.     font-style: normal;

  419. }

  420. 

  421. .select2-results .select2-highlighted em {

  422.     background: transparent;

  423. }

  424. 

  425. .select2-results .select2-highlighted ul {

  426.     background: #fff;

  427.     color: #000;

  428. }

  429. 

  430. .select2-results .select2-no-results,

  431. .select2-results .select2-searching,

  432. .select2-results .select2-ajax-error,

  433. .select2-results .select2-selection-limit {

  434.     background: #f4f4f4;

  435.     display: list-item;

  436.     padding-left: 5px;

  437. }

  438. 

  439. /*

  440. disabled look for disabled choices in the results dropdown

  441. */

  442. .select2-results .select2-disabled.select2-highlighted {

  443.     color: #666;

  444.     background: #f4f4f4;

  445.     display: list-item;

  446.     cursor: default;

  447. }

  448. .select2-results .select2-disabled {

  449.   background: #f4f4f4;

  450.   display: none;

  451.   cursor: default;

  452. }

  453. 

  454. .select2-results .select2-selected {

  455.     display: none;

  456. }

  457. 

  458. .select2-more-results.select2-active {

  459.     background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;

  460. }

  461. 

  462. .select2-results .select2-ajax-error {

  463.     background: rgba(255, 50, 50, .2);

  464. }

  465. 

  466. .select2-more-results {

  467.     background: #f4f4f4;

  468.     display: list-item;

  469. }

  470. 

  471. /* disabled styles */

  472. 

  473. .select2-container.select2-container-disabled .select2-choice {

  474.     background-color: #f4f4f4;

  475.     background-image: none;

  476.     border: 1px solid #ddd;

  477.     cursor: default;

  478. }

  479. 

  480. .select2-container.select2-container-disabled .select2-choice .select2-arrow {

  481.     background-color: #f4f4f4;

  482.     background-image: none;

  483.     border-left: 0;

  484. }

  485. 

  486. .select2-container.select2-container-disabled .select2-choice abbr {

  487.     display: none;

  488. }

  489. 

  490. 

  491. /* multiselect */

  492. 

  493. .select2-container-multi .select2-choices {

  494.     height: auto !important;

  495.     height: 1%;

  496.     margin: 0;

  497.     padding: 0 5px 0 0;

  498.     position: relative;

  499. 

  500.     border: 1px solid #aaa;

  501.     cursor: text;

  502.     overflow: hidden;

  503. 

  504.     background-color: #fff;

  505.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));

  506.     background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);

  507.     background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);

  508.     background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);

  509. }

  510. 

  511. html[dir="rtl"] .select2-container-multi .select2-choices {

  512.     padding: 0 0 0 5px;

  513. }

  514. 

  515. .select2-locked {

  516.   padding: 3px 5px 3px 5px !important;

  517. }

  518. 

  519. .select2-container-multi .select2-choices {

  520.     min-height: 26px;

  521. }

  522. 

  523. .select2-container-multi.select2-container-active .select2-choices {

  524.     border: 1px solid #5897fb;

  525.     outline: none;

  526. 

  527.     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);

  528.             box-shadow: 0 0 5px rgba(0, 0, 0, .3);

  529. }

  530. .select2-container-multi .select2-choices li {

  531.     float: left;

  532.     list-style: none;

  533. }

  534. html[dir="rtl"] .select2-container-multi .select2-choices li

  535. {

  536.     float: right;

  537. }

  538. .select2-container-multi .select2-choices .select2-search-field {

  539.     margin: 0;

  540.     padding: 0;

  541.     white-space: nowrap;

  542. }

  543. 

  544. .select2-container-multi .select2-choices .select2-search-field input {

  545.     padding: 5px;

  546.     margin: 1px 0;

  547. 

  548.     font-family: sans-serif;

  549.     font-size: 100%;

  550.     color: #666;

  551.     outline: 0;

  552.     border: 0;

  553.     -webkit-box-shadow: none;

  554.             box-shadow: none;

  555.     background: transparent !important;

  556. }

  557. 

  558. .select2-container-multi .select2-choices .select2-search-field input.select2-active {

  559.     background: #fff url('select2-spinner.gif') no-repeat 100% !important;

  560. }

  561. 

  562. .select2-default {

  563.     color: #999 !important;

  564. }

  565. 

  566. .select2-container-multi .select2-choices .select2-search-choice {

  567.     padding: 3px 5px 3px 18px;

  568.     margin: 3px 0 3px 5px;

  569.     position: relative;

  570. 

  571.     line-height: 13px;

  572.     color: #333;

  573.     cursor: default;

  574.     border: 1px solid #aaaaaa;

  575. 

  576.     border-radius: 3px;

  577. 

  578.     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  579.             box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  580. 

  581.     background-clip: padding-box;

  582. 

  583.     -webkit-touch-callout: none;

  584.       -webkit-user-select: none;

  585.          -moz-user-select: none;

  586.           -ms-user-select: none;

  587.               user-select: none;

  588. 

  589.     background-color: #e4e4e4;

  590.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);

  591.     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));

  592.     background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);

  593.     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);

  594.     background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);

  595. }

  596. html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice

  597. {

  598.     margin: 3px 5px 3px 0;

  599.     padding: 3px 18px 3px 5px;

  600. }

  601. .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {

  602.     cursor: default;

  603. }

  604. .select2-container-multi .select2-choices .select2-search-choice-focus {

  605.     background: #d4d4d4;

  606. }

  607. 

  608. .select2-search-choice-close {

  609.     display: block;

  610.     width: 12px;

  611.     height: 13px;

  612.     position: absolute;

  613.     right: 3px;

  614.     top: 4px;

  615. 

  616.     font-size: 1px;

  617.     outline: none;

  618.     background: url('select2.png') right top no-repeat;

  619. }

  620. html[dir="rtl"] .select2-search-choice-close {

  621.     right: auto;

  622.     left: 3px;

  623. }

  624. 

  625. .select2-container-multi .select2-search-choice-close {

  626.     left: 3px;

  627. }

  628. 

  629. html[dir="rtl"] .select2-container-multi .select2-search-choice-close {

  630.     left: auto;

  631.     right: 2px;

  632. }

  633. 

  634. .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {

  635.   background-position: right -11px;

  636. }

  637. .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {

  638.     background-position: right -11px;

  639. }

  640. 

  641. /* disabled styles */

  642. .select2-container-multi.select2-container-disabled .select2-choices {

  643.     background-color: #f4f4f4;

  644.     background-image: none;

  645.     border: 1px solid #ddd;

  646.     cursor: default;

  647. }

  648. 

  649. .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {

  650.     padding: 3px 5px 3px 5px;

  651.     border: 1px solid #ddd;

  652.     background-image: none;

  653.     background-color: #f4f4f4;

  654. }

  655. 

  656. .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;

  657.     background: none;

  658. }

  659. /* end multiselect */

  660. 

  661. 

  662. .select2-result-selectable .select2-match,

  663. .select2-result-unselectable .select2-match {

  664.     text-decoration: underline;

  665. }

  666. 

  667. .select2-offscreen, .select2-offscreen:focus {

  668.     clip: rect(0 0 0 0) !important;

  669.     width: 1px !important;

  670.     height: 1px !important;

  671.     border: 0 !important;

  672.     margin: 0 !important;

  673.     padding: 0 !important;

  674.     overflow: hidden !important;

  675.     position: absolute !important;

  676.     outline: 0 !important;

  677.     left: 0px !important;

  678.     top: 0px !important;

  679. }

  680. 

  681. .select2-display-none {

  682.     display: none;

  683. }

  684. 

  685. .select2-measure-scrollbar {

  686.     position: absolute;

  687.     top: -10000px;

  688.     left: -10000px;

  689.     width: 100px;

  690.     height: 100px;

  691.     overflow: scroll;

  692. }

  693. 

  694. /* Retina-ize icons */

  695. 

  696. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {

  697.     .select2-search input,

  698.     .select2-search-choice-close,

  699.     .select2-container .select2-choice abbr,

  700.     .select2-container .select2-choice .select2-arrow b {

  701.         background-image: url('select2x2.png') !important;

  702.         background-repeat: no-repeat !important;

  703.         background-size: 60px 40px !important;

  704.     }

  705. 

  706.     .select2-search input {

  707.         background-position: 100% -21px !important;

  708.     }

  709. }