Changeset 20818 for trunk/themes/default/js/plugins/chosen.css
- Timestamp:
- Feb 18, 2013, 9:24:46 PM (11 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/themes/default/js/plugins/chosen.css
r13098 r20818 16 16 -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); 17 17 -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); 18 -o-box-shadow : 0 4px 5px rgba(0,0,0,.15);19 18 box-shadow : 0 4px 5px rgba(0,0,0,.15); 20 z-index: 999;19 z-index: 1010; 21 20 } 22 21 /* @end */ … … 26 25 background-color: #ffffff; 27 26 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); 28 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));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)); 29 28 background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 30 29 background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 31 30 background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 32 background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 33 background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 31 background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 34 32 -webkit-border-radius: 5px; 35 33 -moz-border-radius : 5px; … … 52 50 text-decoration: none; 53 51 } 52 .chzn-container-single .chzn-default { 53 color: #999; 54 } 54 55 .chzn-container-single .chzn-single span { 55 56 margin-right: 26px; … … 67 68 top: 6px; 68 69 width: 12px; 69 height: 1 3px;70 height: 12px; 70 71 font-size: 1px; 71 background: url( chosen-sprite.png) right topno-repeat;72 background: url('chosen-sprite.png') -42px 1px no-repeat; 72 73 } 73 74 .chzn-container-single .chzn-single abbr:hover { 74 background-position: right -11px; 75 background-position: -42px -10px; 76 } 77 .chzn-container-single.chzn-disabled .chzn-single abbr:hover { 78 background-position: -42px -10px; 75 79 } 76 80 .chzn-container-single .chzn-single div { … … 83 87 } 84 88 .chzn-container-single .chzn-single div b { 85 background: url('chosen-sprite.png') no-repeat 0 0;89 background: url('chosen-sprite.png') no-repeat 0px 2px; 86 90 display: block; 87 91 width: 100%; … … 96 100 } 97 101 .chzn-container-single .chzn-search input { 98 background: #fff url('chosen-sprite.png') no-repeat 100% -22px; 99 background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 100 background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 101 background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 102 background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 103 background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 104 background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); 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%); 105 108 margin: 1px 0; 106 109 padding: 4px 20px 4px 5px; … … 127 130 /* @group Multi Chosen */ 128 131 .chzn-container-multi .chzn-choices { 129 background: #fff url('chosen-sprite.png') no-repeat 100% -21px; 130 background-image: url('chosen-sprite.png') no-repeat 100% -21px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 131 background-image: url('chosen-sprite.png') no-repeat 100% -21px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 132 background-image: url('chosen-sprite.png') no-repeat 100% -21px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 133 background-image: url('chosen-sprite.png') no-repeat 100% -21px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 134 background-image: url('chosen-sprite.png') no-repeat 100% -21px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 135 background-image: url('chosen-sprite.png') no-repeat 100% -21px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); 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%); 136 138 border: 1px solid #aaa; 137 139 margin: 0; … … 164 166 -webkit-box-shadow: none; 165 167 -moz-box-shadow : none; 166 -o-box-shadow : none;167 168 box-shadow : none; 168 169 } … … 179 180 background-color: #e4e4e4; 180 181 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 181 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));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)); 182 183 background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 183 184 background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 184 185 background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 185 background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 186 background-image: 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 187 -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); 188 188 -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); … … 196 196 cursor: default; 197 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 background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 207 color: #666; 208 border: 1px solid #cccccc; 209 padding-right: 5px; 210 } 198 211 .chzn-container-multi .chzn-choices .search-choice-focus { 199 212 background: #d4d4d4; … … 205 218 top: 4px; 206 219 width: 12px; 207 height: 1 3px;220 height: 12px; 208 221 font-size: 1px; 209 background: url( chosen-sprite.png) right topno-repeat;222 background: url('chosen-sprite.png') -42px 1px no-repeat; 210 223 } 211 224 .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { 212 background-position: right -11px;225 background-position: -42px -10px; 213 226 } 214 227 .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { 215 background-position: right -11px;228 background-position: -42px -10px; 216 229 } 217 230 /* @end */ … … 225 238 overflow-x: hidden; 226 239 overflow-y: auto; 240 -webkit-overflow-scrolling: touch; 227 241 } 228 242 .chzn-container-multi .chzn-results { … … 244 258 background-color: #3875d7; 245 259 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); 246 background-image: -webkit-gradient(linear, 0 % 0%, 0%100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));260 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); 247 261 background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 248 262 background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 249 263 background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 250 background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 251 background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); 264 background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); 252 265 color: #fff; 253 266 } … … 303 316 -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); 304 317 -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); 305 -o-box-shadow : 0 0 5px rgba(0,0,0,.3);306 318 box-shadow : 0 0 5px rgba(0,0,0,.3); 307 319 border: 1px solid #5897fb; … … 311 323 -webkit-box-shadow: 0 1px 0 #fff inset; 312 324 -moz-box-shadow : 0 1px 0 #fff inset; 313 -o-box-shadow : 0 1px 0 #fff inset;314 325 box-shadow : 0 1px 0 #fff inset; 315 326 background-color: #eee; 316 327 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); 317 background-image: -webkit-gradient(linear, 0 % 0%, 0%100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));328 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); 318 329 background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 319 330 background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 320 331 background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 321 background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%); 322 background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%); 332 background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); 323 333 -webkit-border-bottom-left-radius : 0; 324 334 -webkit-border-bottom-right-radius: 0; … … 333 343 } 334 344 .chzn-container-active .chzn-single-with-drop div b { 335 background-position: -18px 1px;345 background-position: -18px 2px; 336 346 } 337 347 .chzn-container-active .chzn-choices { 338 348 -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); 339 349 -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); 340 -o-box-shadow : 0 0 5px rgba(0,0,0,.3);341 350 box-shadow : 0 0 5px rgba(0,0,0,.3); 342 351 border: 1px solid #5897fb; … … 372 381 .chzn-rtl .chzn-choices li { float: right; } 373 382 .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } 374 .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}383 .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; } 375 384 .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } 376 385 .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } 377 386 .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } 378 387 .chzn-rtl .chzn-search input { 379 background: #fff url('chosen-sprite.png') no-repeat -38px -22px; 380 background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); 381 background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 382 background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 383 background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 384 background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); 385 background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); 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%); 393 background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); 386 394 padding: 4px 5px 4px 20px; 387 395 direction: rtl; 388 396 } 389 /* @end */ 397 .chzn-container-single.chzn-rtl .chzn-single div b { 398 background-position: 6px 2px; 399 } 400 .chzn-container-single.chzn-rtl .chzn-single-with-drop div b { 401 background-position: -12px 2px; 402 } 403 /* @end */ 404 405 /* @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; 411 } 412 } 413 /* @end */
Note: See TracChangeset
for help on using the changeset viewer.