Changeset 25751 for trunk/themes/default/js/plugins/chosen.css
- Timestamp:
- Nov 29, 2013, 1:09:46 PM (10 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/themes/default/js/plugins/chosen.css
r20818 r25751 1 1 /* @group Base */ 2 .chzn-container { 2 .chosen-container { 3 position: relative; 4 display: inline-block; 5 vertical-align: middle; 3 6 font-size: 13px; 4 position: relative;5 display: inline-block;6 7 zoom: 1; 7 8 *display: inline; 8 } 9 .chzn-container .chzn-drop { 9 -webkit-user-select: none; 10 -moz-user-select: none; 11 user-select: none; 12 } 13 .chosen-container .chosen-drop { 14 position: absolute; 15 top: 100%; 16 left: -9999px; 17 z-index: 1010; 18 -webkit-box-sizing: border-box; 19 -moz-box-sizing: border-box; 20 box-sizing: border-box; 21 width: 100%; 22 border: 1px solid #aaa; 23 border-top: 0; 10 24 background: #fff; 11 border: 1px solid #aaa; 12 border-top: 0; 25 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); 26 } 27 .chosen-container.chosen-with-drop .chosen-drop { 28 left: 0; 29 } 30 .chosen-container a { 31 cursor: pointer; 32 } 33 34 /* @end */ 35 /* @group Single Chosen */ 36 .chosen-container-single .chosen-single { 37 position: relative; 38 display: block; 39 overflow: hidden; 40 padding: 0 0 0 8px; 41 height: 23px; 42 border: 1px solid #aaa; 43 border-radius: 5px; 44 background-color: #fff; 45 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); 46 background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 47 background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 48 background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 49 background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 50 background-clip: padding-box; 51 box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); 52 color: #444; 53 text-decoration: none; 54 white-space: nowrap; 55 line-height: 24px; 56 } 57 .chosen-container-single .chosen-default { 58 color: #999; 59 } 60 .chosen-container-single .chosen-single span { 61 display: block; 62 overflow: hidden; 63 margin-right: 26px; 64 text-overflow: ellipsis; 65 white-space: nowrap; 66 } 67 .chosen-container-single .chosen-single-with-deselect span { 68 margin-right: 38px; 69 } 70 .chosen-container-single .chosen-single abbr { 13 71 position: absolute; 14 top: 29px; 15 left: 0; 16 -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); 17 -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); 18 box-shadow : 0 4px 5px rgba(0,0,0,.15); 19 z-index: 1010; 20 } 21 /* @end */ 22 23 /* @group Single Chosen */ 24 .chzn-container-single .chzn-single { 25 background-color: #ffffff; 26 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); 27 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); 28 background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 29 background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 30 background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 31 background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 32 -webkit-border-radius: 5px; 33 -moz-border-radius : 5px; 34 border-radius : 5px; 35 -moz-background-clip : padding; 36 -webkit-background-clip: padding-box; 37 background-clip : padding-box; 38 border: 1px solid #aaaaaa; 39 -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 40 -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 41 box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 42 display: block; 43 overflow: hidden; 44 white-space: nowrap; 45 position: relative; 46 height: 23px; 47 line-height: 24px; 48 padding: 0 0 0 8px; 49 color: #444444; 50 text-decoration: none; 51 } 52 .chzn-container-single .chzn-default { 53 color: #999; 54 } 55 .chzn-container-single .chzn-single span { 56 margin-right: 26px; 57 display: block; 58 overflow: hidden; 59 white-space: nowrap; 60 -o-text-overflow: ellipsis; 61 -ms-text-overflow: ellipsis; 62 text-overflow: ellipsis; 63 } 64 .chzn-container-single .chzn-single abbr { 65 display: block; 66 position: absolute; 72 top: 6px; 67 73 right: 26px; 68 top: 6px;74 display: block; 69 75 width: 12px; 70 76 height: 12px; 77 background: url('chosen-sprite.png') -42px 1px no-repeat; 71 78 font-size: 1px; 72 background: url('chosen-sprite.png') -42px 1px no-repeat; 73 } 74 .chzn-container-single .chzn-single abbr:hover { 79 } 80 .chosen-container-single .chosen-single abbr:hover { 75 81 background-position: -42px -10px; 76 82 } 77 .ch zn-container-single.chzn-disabled .chzn-single abbr:hover {83 .chosen-container-single.chosen-disabled .chosen-single abbr:hover { 78 84 background-position: -42px -10px; 79 85 } 80 .ch zn-container-single .chzn-single div {86 .chosen-container-single .chosen-single div { 81 87 position: absolute; 88 top: 0; 82 89 right: 0; 83 top: 0;84 display: block;90 display: block; 91 width: 18px; 85 92 height: 100%; 86 width: 18px; 87 } 88 .chzn-container-single .chzn-single div b { 89 background: url('chosen-sprite.png') no-repeat 0px 2px; 93 } 94 .chosen-container-single .chosen-single div b { 90 95 display: block; 91 96 width: 100%; 92 97 height: 100%; 93 } 94 .chzn-container-single .chzn-search { 98 background: url('chosen-sprite.png') no-repeat 0px 2px; 99 } 100 .chosen-container-single .chosen-search { 101 position: relative; 102 z-index: 1010; 103 margin: 0; 95 104 padding: 3px 4px; 96 position: relative;97 margin: 0;98 105 white-space: nowrap; 99 z-index: 1010; 100 } 101 .chzn-container-single .chzn-search input { 102 background: #fff url('chosen-sprite.png') no-repeat 100% -20px; 103 background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 104 background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 105 background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 106 background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 107 background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); 106 } 107 .chosen-container-single .chosen-search input[type="text"] { 108 -webkit-box-sizing: border-box; 109 -moz-box-sizing: border-box; 110 box-sizing: border-box; 108 111 margin: 1px 0; 109 112 padding: 4px 20px 4px 5px; 113 width: 100%; 114 height: auto; 110 115 outline: 0; 111 116 border: 1px solid #aaa; 117 background: white url('chosen-sprite.png') no-repeat 100% -20px; 118 background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 119 background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); 120 background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); 121 background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); 122 background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); 123 font-size: 1em; 112 124 font-family: sans-serif; 113 font-size: 1em; 114 } 115 .chzn-container-single .chzn-drop { 116 -webkit-border-radius: 0 0 4px 4px; 117 -moz-border-radius : 0 0 4px 4px; 118 border-radius : 0 0 4px 4px; 119 -moz-background-clip : padding; 120 -webkit-background-clip: padding-box; 121 background-clip : padding-box; 122 } 123 /* @end */ 124 125 .chzn-container-single-nosearch .chzn-search input { 125 line-height: normal; 126 border-radius: 0; 127 } 128 .chosen-container-single .chosen-drop { 129 margin-top: -1px; 130 border-radius: 0 0 4px 4px; 131 background-clip: padding-box; 132 } 133 .chosen-container-single.chosen-container-single-nosearch .chosen-search { 126 134 position: absolute; 127 left: -9000px; 128 } 129 135 left: -9999px; 136 } 137 138 /* @end */ 139 /* @group Results */ 140 .chosen-container .chosen-results { 141 position: relative; 142 overflow-x: hidden; 143 overflow-y: auto; 144 margin: 0 4px 4px 0; 145 padding: 0 0 0 4px; 146 max-height: 240px; 147 -webkit-overflow-scrolling: touch; 148 } 149 .chosen-container .chosen-results li { 150 display: none; 151 margin: 0; 152 padding: 5px 6px; 153 list-style: none; 154 line-height: 15px; 155 } 156 .chosen-container .chosen-results li.active-result { 157 display: list-item; 158 cursor: pointer; 159 } 160 .chosen-container .chosen-results li.disabled-result { 161 display: list-item; 162 color: #ccc; 163 cursor: default; 164 } 165 .chosen-container .chosen-results li.highlighted { 166 background-color: #3875d7; 167 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); 168 background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); 169 background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); 170 background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); 171 background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); 172 color: #fff; 173 } 174 .chosen-container .chosen-results li.no-results { 175 display: list-item; 176 background: #f4f4f4; 177 } 178 .chosen-container .chosen-results li.group-result { 179 display: list-item; 180 font-weight: bold; 181 cursor: default; 182 } 183 .chosen-container .chosen-results li.group-option { 184 padding-left: 15px; 185 } 186 .chosen-container .chosen-results li em { 187 font-style: normal; 188 text-decoration: underline; 189 } 190 191 /* @end */ 130 192 /* @group Multi Chosen */ 131 .chzn-container-multi .chzn-choices { 132 background-color: #fff; 133 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 134 background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 135 background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 136 background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 137 background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); 138 border: 1px solid #aaa; 193 .chosen-container-multi .chosen-choices { 194 position: relative; 195 overflow: hidden; 196 -webkit-box-sizing: border-box; 197 -moz-box-sizing: border-box; 198 box-sizing: border-box; 139 199 margin: 0; 140 200 padding: 0; 141 cursor: text; 142 overflow: hidden; 201 width: 100%; 143 202 height: auto !important; 144 203 height: 1%; 145 position: relative; 146 } 147 .chzn-container-multi .chzn-choices li { 204 border: 1px solid #aaa; 205 background-color: #fff; 206 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 207 background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); 208 background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); 209 background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); 210 background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); 211 cursor: text; 212 } 213 .chosen-container-multi .chosen-choices li { 148 214 float: left; 149 215 list-style: none; 150 216 } 151 .chzn-container-multi .chzn-choices .search-field { 152 white-space: nowrap; 217 .chosen-container-multi .chosen-choices li.search-field { 153 218 margin: 0; 154 219 padding: 0; 155 } 156 .chzn-container-multi .chzn-choices .search-field input { 220 white-space: nowrap; 221 } 222 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { 223 margin: 1px 0; 224 padding: 5px; 225 height: 15px; 226 outline: 0; 227 border: 0 !important; 228 background: transparent !important; 229 box-shadow: none; 157 230 color: #666; 158 background: transparent !important; 159 border: 0 !important; 231 font-size: 100%; 160 232 font-family: sans-serif; 161 font-size: 100%; 162 height: 15px; 163 padding: 5px; 164 margin: 1px 0; 165 outline: 0; 166 -webkit-box-shadow: none; 167 -moz-box-shadow : none; 168 box-shadow : none; 169 } 170 .chzn-container-multi .chzn-choices .search-field .default { 233 line-height: normal; 234 border-radius: 0; 235 } 236 .chosen-container-multi .chosen-choices li.search-field .default { 171 237 color: #999; 172 238 } 173 .chzn-container-multi .chzn-choices .search-choice { 174 -webkit-border-radius: 3px; 175 -moz-border-radius : 3px; 176 border-radius : 3px; 177 -moz-background-clip : padding; 178 -webkit-background-clip: padding-box; 179 background-clip : padding-box; 239 .chosen-container-multi .chosen-choices li.search-choice { 240 position: relative; 241 margin: 3px 0 3px 5px; 242 padding: 3px 20px 3px 5px; 243 border: 1px solid #aaa; 244 border-radius: 3px; 180 245 background-color: #e4e4e4; 181 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 182 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); 246 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); 247 background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 248 background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 249 background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 250 background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 251 background-clip: padding-box; 252 box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); 253 color: #333; 254 line-height: 13px; 255 cursor: default; 256 } 257 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { 258 position: absolute; 259 top: 4px; 260 right: 3px; 261 display: block; 262 width: 12px; 263 height: 12px; 264 background: url('chosen-sprite.png') -42px 1px no-repeat; 265 font-size: 1px; 266 } 267 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { 268 background-position: -42px -10px; 269 } 270 .chosen-container-multi .chosen-choices li.search-choice-disabled { 271 padding-right: 5px; 272 border: 1px solid #ccc; 273 background-color: #e4e4e4; 274 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); 183 275 background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 184 276 background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 185 277 background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 186 background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);187 -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);188 -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);189 box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);190 color: #333;191 border: 1px solid #aaaaaa;192 line-height: 13px;193 padding: 3px 20px 3px 5px;194 margin: 3px 0 3px 5px;195 position: relative;196 cursor: default;197 }198 .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {199 background-color: #e4e4e4;200 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );201 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));202 background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);203 background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);204 background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);205 background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);206 278 background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 207 279 color: #666; 208 border: 1px solid #cccccc; 209 padding-right: 5px; 210 } 211 .chzn-container-multi .chzn-choices .search-choice-focus { 280 } 281 .chosen-container-multi .chosen-choices li.search-choice-focus { 212 282 background: #d4d4d4; 213 283 } 214 .chzn-container-multi .chzn-choices .search-choice .search-choice-close { 215 display: block; 216 position: absolute; 217 right: 3px; 218 top: 4px; 219 width: 12px; 220 height: 12px; 221 font-size: 1px; 222 background: url('chosen-sprite.png') -42px 1px no-repeat; 223 } 224 .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { 284 .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { 225 285 background-position: -42px -10px; 226 286 } 227 .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { 228 background-position: -42px -10px; 229 } 230 /* @end */ 231 232 /* @group Results */ 233 .chzn-container .chzn-results { 234 margin: 0 4px 4px 0; 235 max-height: 240px; 236 padding: 0 0 0 4px; 237 position: relative; 238 overflow-x: hidden; 239 overflow-y: auto; 240 -webkit-overflow-scrolling: touch; 241 } 242 .chzn-container-multi .chzn-results { 243 margin: -1px 0 0; 287 .chosen-container-multi .chosen-results { 288 margin: 0; 244 289 padding: 0; 245 290 } 246 .chzn-container .chzn-results li { 247 display: none; 248 line-height: 15px; 249 padding: 5px 6px; 250 margin: 0; 251 list-style: none; 252 } 253 .chzn-container .chzn-results .active-result { 254 cursor: pointer; 291 .chosen-container-multi .chosen-drop .result-selected { 255 292 display: list-item; 256 } 257 .chzn-container .chzn-results .highlighted { 258 background-color: #3875d7; 259 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); 260 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); 261 background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 262 background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 263 background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 264 background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); 265 color: #fff; 266 } 267 .chzn-container .chzn-results li em { 268 background: #feffde; 269 font-style: normal; 270 } 271 .chzn-container .chzn-results .highlighted em { 293 color: #ccc; 294 cursor: default; 295 } 296 297 /* @end */ 298 /* @group Active */ 299 .chosen-container-active .chosen-single { 300 border: 1px solid #5897fb; 301 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 302 } 303 .chosen-container-active.chosen-with-drop .chosen-single { 304 border: 1px solid #aaa; 305 -moz-border-radius-bottomright: 0; 306 border-bottom-right-radius: 0; 307 -moz-border-radius-bottomleft: 0; 308 border-bottom-left-radius: 0; 309 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); 310 background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); 311 background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); 312 background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); 313 background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); 314 box-shadow: 0 1px 0 #fff inset; 315 } 316 .chosen-container-active.chosen-with-drop .chosen-single div { 317 border-left: none; 272 318 background: transparent; 273 319 } 274 .chzn-container .chzn-results .no-results { 275 background: #f4f4f4; 276 display: list-item; 277 } 278 .chzn-container .chzn-results .group-result { 279 cursor: default; 280 color: #999; 281 font-weight: bold; 282 } 283 .chzn-container .chzn-results .group-option { 284 padding-left: 15px; 285 } 286 .chzn-container-multi .chzn-drop .result-selected { 287 display: none; 288 } 289 .chzn-container .chzn-results-scroll { 290 background: white; 291 margin: 0 4px; 292 position: absolute; 293 text-align: center; 294 width: 321px; /* This should by dynamic with js */ 295 z-index: 1; 296 } 297 .chzn-container .chzn-results-scroll span { 298 display: inline-block; 299 height: 17px; 300 text-indent: -5000px; 301 width: 9px; 302 } 303 .chzn-container .chzn-results-scroll-down { 304 bottom: 0; 305 } 306 .chzn-container .chzn-results-scroll-down span { 307 background: url('chosen-sprite.png') no-repeat -4px -3px; 308 } 309 .chzn-container .chzn-results-scroll-up span { 310 background: url('chosen-sprite.png') no-repeat -22px -3px; 311 } 312 /* @end */ 313 314 /* @group Active */ 315 .chzn-container-active .chzn-single { 316 -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); 317 -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); 318 box-shadow : 0 0 5px rgba(0,0,0,.3); 320 .chosen-container-active.chosen-with-drop .chosen-single div b { 321 background-position: -18px 2px; 322 } 323 .chosen-container-active .chosen-choices { 319 324 border: 1px solid #5897fb; 320 } 321 .chzn-container-active .chzn-single-with-drop { 322 border: 1px solid #aaa; 323 -webkit-box-shadow: 0 1px 0 #fff inset; 324 -moz-box-shadow : 0 1px 0 #fff inset; 325 box-shadow : 0 1px 0 #fff inset; 326 background-color: #eee; 327 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); 328 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); 329 background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 330 background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 331 background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 332 background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); 333 -webkit-border-bottom-left-radius : 0; 334 -webkit-border-bottom-right-radius: 0; 335 -moz-border-radius-bottomleft : 0; 336 -moz-border-radius-bottomright: 0; 337 border-bottom-left-radius : 0; 338 border-bottom-right-radius: 0; 339 } 340 .chzn-container-active .chzn-single-with-drop div { 341 background: transparent; 342 border-left: none; 343 } 344 .chzn-container-active .chzn-single-with-drop div b { 345 background-position: -18px 2px; 346 } 347 .chzn-container-active .chzn-choices { 348 -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); 349 -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); 350 box-shadow : 0 0 5px rgba(0,0,0,.3); 351 border: 1px solid #5897fb; 352 } 353 .chzn-container-active .chzn-choices .search-field input { 325 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 326 } 327 .chosen-container-active .chosen-choices li.search-field input[type="text"] { 354 328 color: #111 !important; 355 329 } 356 /* @end */ 357 330 331 /* @end */ 358 332 /* @group Disabled Support */ 359 .chzn-disabled { 360 cursor: default; 361 opacity:0.5 !important; 362 } 363 .chzn-disabled .chzn-single { 364 cursor: default; 365 } 366 .chzn-disabled .chzn-choices .search-choice .search-choice-close { 367 cursor: default; 368 } 369 333 .chosen-disabled { 334 opacity: 0.5 !important; 335 cursor: default; 336 } 337 .chosen-disabled .chosen-single { 338 cursor: default; 339 } 340 .chosen-disabled .chosen-choices .search-choice .search-choice-close { 341 cursor: default; 342 } 343 344 /* @end */ 370 345 /* @group Right to Left */ 371 .chzn-rtl { text-align: right; } 372 .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } 373 .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } 374 375 .chzn-rtl .chzn-single div { left: 3px; right: auto; } 376 .chzn-rtl .chzn-single abbr { 346 .chosen-rtl { 347 text-align: right; 348 } 349 .chosen-rtl .chosen-single { 350 overflow: visible; 351 padding: 0 8px 0 0; 352 } 353 .chosen-rtl .chosen-single span { 354 margin-right: 0; 355 margin-left: 26px; 356 direction: rtl; 357 } 358 .chosen-rtl .chosen-single-with-deselect span { 359 margin-left: 38px; 360 } 361 .chosen-rtl .chosen-single div { 362 right: auto; 363 left: 3px; 364 } 365 .chosen-rtl .chosen-single abbr { 366 right: auto; 377 367 left: 26px; 368 } 369 .chosen-rtl .chosen-choices li { 370 float: right; 371 } 372 .chosen-rtl .chosen-choices li.search-field input[type="text"] { 373 direction: rtl; 374 } 375 .chosen-rtl .chosen-choices li.search-choice { 376 margin: 3px 5px 3px 0; 377 padding: 3px 5px 3px 19px; 378 } 379 .chosen-rtl .chosen-choices li.search-choice .search-choice-close { 378 380 right: auto; 379 } 380 .chzn-rtl .chzn-choices .search-field input { direction: rtl; } 381 .chzn-rtl .chzn-choices li { float: right; } 382 .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } 383 .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; } 384 .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } 385 .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } 386 .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } 387 .chzn-rtl .chzn-search input { 388 background: #fff url('chosen-sprite.png') no-repeat -30px -20px; 389 background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 390 background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 391 background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 392 background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 381 left: 4px; 382 } 383 .chosen-rtl.chosen-container-single-nosearch .chosen-search, 384 .chosen-rtl .chosen-drop { 385 left: 9999px; 386 } 387 .chosen-rtl.chosen-container-single .chosen-results { 388 margin: 0 0 4px 4px; 389 padding: 0 4px 0 0; 390 } 391 .chosen-rtl .chosen-results li.group-option { 392 padding-right: 15px; 393 padding-left: 0; 394 } 395 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { 396 border-right: none; 397 } 398 .chosen-rtl .chosen-search input[type="text"] { 399 padding: 4px 5px 4px 20px; 400 background: white url('chosen-sprite.png') no-repeat -30px -20px; 401 background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 402 background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); 403 background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); 404 background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); 393 405 background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); 394 padding: 4px 5px 4px 20px;395 406 direction: rtl; 396 407 } 397 .ch zn-container-single.chzn-rtl .chzn-single div b {408 .chosen-rtl.chosen-container-single .chosen-single div b { 398 409 background-position: 6px 2px; 399 410 } 400 .ch zn-container-single.chzn-rtl .chzn-single-with-dropdiv b {411 .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { 401 412 background-position: -12px 2px; 402 413 } 403 /* @end */ 404 414 415 /* @end */ 405 416 /* @group Retina compatibility */ 406 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { 407 .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { 408 background-image: url('chosen-sprite@2x.png') !important; 409 background-repeat: no-repeat !important; 410 background-size: 52px 37px !important; 417 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { 418 .chosen-rtl .chosen-search input[type="text"], 419 .chosen-container-single .chosen-single abbr, 420 .chosen-container-single .chosen-single div b, 421 .chosen-container-single .chosen-search input[type="text"], 422 .chosen-container-multi .chosen-choices .search-choice .search-choice-close, 423 .chosen-container .chosen-results-scroll-down span, 424 .chosen-container .chosen-results-scroll-up span { 425 background-image: url('chosen-sprite@2x.png') !important; 426 background-size: 52px 37px !important; 427 background-repeat: no-repeat !important; 411 428 } 412 429 }
Note: See TracChangeset
for help on using the changeset viewer.