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

   1 .form-control .select2-choice {\r
   2     border: 1px solid #e5e5e5;\r
   3     background-color: #fff;\r
   4     background-image: none;\r
   5     filter: none;\r
   6     height: 34px;\r
   7     padding: 3px 0 0px 12px;\r
   8 }\r
   9 \r
  10 .select2-container.select2-drop-above .select2-choice {\r
  11     border-bottom-color: #e5e5e5;\r
  12     background-color: #fff;\r
  13     background-image: none;\r
  14     filter: none;\r
  15 }\r
  16 \r
  17 .select2-drop {\r
  18     border: 1px solid #e5e5e5;\r
  19     background-color: #fff;\r
  20     background-image: none;    \r
  21     -webkit-box-shadow: none;\r
  22             box-shadow: none;\r
  23     filter: none;\r
  24     border-top: 0;\r
  25 }\r
  26 \r
  27 .select2-drop-auto-width {\r
  28     border-top: 1px solid #e5e5e5;\r
  29 }\r
  30 \r
  31 .select2-drop.select2-drop-above {\r
  32     border-top: 1px solid #e5e5e5;\r
  33     -webkit-box-shadow: none;\r
  34             box-shadow: none;\r
  35 }\r
  36 \r
  37 .select2-drop-active {\r
  38     border: 1px solid #999999;\r
  39     border-top: 0;\r
  40 }\r
  41 \r
  42 .select2-container .select2-choice .select2-arrow {\r
  43     background-image: none;\r
  44     background-color: #fff;\r
  45     filter: none;\r
  46     border-left: 1px solid #e5e5e5;\r
  47 }\r
  48 \r
  49 .select2-container.select2-container-active .select2-arrow,\r
  50 .select2-container.select2-dropdown-open .select2-arrow {\r
  51     border-left: 0 !important;\r
  52 }\r
  53 \r
  54 .select2-container .select2-choice .select2-arrow b {\r
  55     background: url('select2.png') no-repeat 0 1px;\r
  56 }\r
  57 \r
  58 .select2-search input {\r
  59     border: 1px solid #e5e5e5;\r
  60     background-color: #fff;\r
  61     filter: none;\r
  62     margin: 0;\r
  63     outline: 0;\r
  64     border: 1px solid #e5e5e5;\r
  65     webkit-appearance: none !important;   \r
  66     color: #333333;         \r
  67     outline: 0;    \r
  68     height: auto !important;\r
  69     min-height: 26px;\r
  70     padding: 6px 6px !important;\r
  71     line-height: 20px;\r
  72     font-size: 14px;\r
  73     font-weight: normal;\r
  74     vertical-align: top;  \r
  75     background-color: #ffffff;\r
  76     -webkit-box-shadow: none;\r
  77             box-shadow: none;\r
  78     margin-top: 5px;\r
  79 }\r
  80 \r
  81 .form-control.select2-container {\r
  82     border: 0;\r
  83     height: auto !important;\r
  84     padding: 0px;\r
  85 }\r
  86 \r
  87 .select2-container-active .select2-choice,\r
  88 .select2-container-active .select2-choices {\r
  89     border: 1px solid #999999 !important;\r
  90     -webkit-box-shadow: none !important;\r
  91             box-shadow: none !important;\r
  92 }\r
  93 \r
  94 .select2-dropdown-open .select2-choice {\r
  95     border-bottom: 0 !important;\r
  96     background-image: none;\r
  97     background-color: #fff;\r
  98     filter: none;\r
  99     -webkit-box-shadow: none !important;\r
 100             box-shadow: none !important;\r
 101 }\r
 102 \r
 103 .select2-dropdown-open.select2-drop-above .select2-choice,\r
 104 .select2-dropdown-open.select2-drop-above .select2-choices {\r
 105     border: 1px solid #999999 !important;\r
 106     border-top: 0 !important;\r
 107     background-image: none;\r
 108     background-color: #fff;\r
 109     filter: none;\r
 110     -webkit-box-shadow: none !important;\r
 111             box-shadow: none !important;\r
 112 \r
 113 }\r
 114 \r
 115 .select2-drop.select2-drop-above.select2-drop-active {\r
 116     border: 1px solid #999999 !important;\r
 117     border-bottom: 0 !important;\r
 118 }\r
 119 \r
 120 .select2-dropdown-open .select2-choice .select2-arrow b {\r
 121     background-position: -18px 1px;\r
 122 }\r
 123 \r
 124 .select2-results {\r
 125     margin: 5px 0;\r
 126 }\r
 127 \r
 128 .select2-results .select2-highlighted {\r
 129     background: #eee;\r
 130     color: #333;\r
 131 }\r
 132 \r
 133 .select2-results li em {\r
 134     background: #feffde;\r
 135     font-style: normal;\r
 136 }\r
 137 \r
 138 .select2-results .select2-highlighted em {\r
 139     background: transparent;\r
 140 }\r
 141 \r
 142 .select2-results .select2-highlighted ul {\r
 143     background: #fff;\r
 144     color: #000;\r
 145 }\r
 146 \r
 147 .select2-results .select2-no-results,\r
 148 .select2-results .select2-searching,\r
 149 .select2-results .select2-selection-limit {\r
 150     padding: 3px 7px 4px;\r
 151     background: #f4f4f4;\r
 152     display: list-item;\r
 153 }\r
 154 \r
 155 .select2-container-multi .select2-choices {\r
 156     padding-left: 6px;\r
 157     min-height: 34px;\r
 158     border: 1px solid #e5e5e5;\r
 159     background-image: none;\r
 160     background-color: #fff;\r
 161     filter: none;\r
 162     -webkit-box-shadow: none !important;\r
 163             box-shadow: none !important;\r
 164 }\r
 165 \r
 166 .select2-container-multi.select2-container-active .select2-choices {\r
 167     border: 1px solid #999 !important;\r
 168     background-image: none;\r
 169     background-color: #fff;\r
 170     filter: none;\r
 171     -webkit-box-shadow: none !important;\r
 172             box-shadow: none !important;\r
 173 }\r
 174 \r
 175 .select2-container-multi .select2-choices .select2-search-choice {\r
 176     padding: 3px 5px 3px 18px;\r
 177     margin: 5px 0 3px 5px;\r
 178     border: 1px solid #e5e5e5;\r
 179     background-image: none;\r
 180     background-color: #fff;\r
 181     filter: none;\r
 182     -webkit-box-shadow: none !important;\r
 183             box-shadow: none !important;\r
 184 }\r
 185 \r
 186 /* contextual */\r
 187 .warning .select2-container .select2-choice,\r
 188 .warning .select2-container .select2-choices,\r
 189 .warning .select2-container-multi.select2-container-active .select2-choices {\r
 190     border: 1px solid #C09853;\r
 191 }\r
 192 .warning .select2-container .select2-choice .select2-arrow {\r
 193     border-left: 1px solid #C09853;\r
 194 }\r
 195 \r
 196 .error .select2-container .select2-choice,\r
 197 .error .select2-container .select2-choices,\r
 198 .error .select2-container-multi.select2-container-active .select2-choices {\r
 199     border: 1px solid #B94A48;\r
 200 }\r
 201 .error .select2-container .select2-choice .select2-arrow {\r
 202     border-left: 1px solid #B94A48;\r
 203 }\r
 204 \r
 205 .info .select2-container .select2-choice,\r
 206 .info .select2-container .select2-choices,\r
 207 .info .select2-container-multi.select2-container-active .select2-choices {\r
 208     border: 1px solid #3A87AD;\r
 209 }\r
 210 .info .select2-container .select2-choice .select2-arrow {\r
 211     border-left: 1px solid #3A87AD;\r
 212 }\r
 213 \r
 214 .success .select2-container .select2-choice,\r
 215 .success .select2-container .select2-choices,\r
 216 .success .select2-container-multi.select2-container-active .select2-choices {\r
 217     border: 1px solid #468847;\r
 218 }\r
 219 .success .select2-container .select2-choice .select2-arrow {\r
 220     border-left: 1px solid #468847;\r
 221 }\r
 222 \r
 223 /* Fix z-index when select2 opened in modals*/\r
 224 .modal-open .select2-drop-mask {\r
 225     z-index: 10101;\r
 226 }\r
 227 \r
 228 .modal-open .select2-drop {\r
 229     z-index: 10102;\r
 230 }\r
 231  \r
 232 .modal-open .select2-search {\r
 233     z-index: 10102;\r
 234 }\r