Просмотр файла delta_framework-main/admin/styles/css/select2.css

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