.tipsy-inner { background-color: #dd7547; color: #fff; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-inner { box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; } .tipsy-arrow {border: 5px dashed #dd7547; } .tipsy-arrow-n { border-bottom-color: #dd7547; } .tipsy-arrow-s { border-top-color: #dd7547; } .tipsy-arrow-e { border-left-color: #dd7547; } .tipsy-arrow-w { border-right-color: #dd7547; } /* common */ div.userpro_lite a {color: #444} div.userpro_lite a, div.userpro_lite input[type=text], div.userpro_lite input[type=password], div.userpro_lite-label span.userpro_lite-field-icon { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } /* logout link */ a.userpro_lite-small-link { color: #666 !important; background: #fff; border-radius: 10px; } a.userpro_lite-small-link:hover {background-color:#3e9fb0 !important;color: #fff !important;opacity: 1 !important} /* popup close */ div.userpro_lite-overlay-inner div.userpro_lite a.userpro_lite-close-popup { color: #fff; background: url(img/close.png) no-repeat right center; } /* posts by user */ div.userpro_lite-post { background: #fff !important; border-radius: 3px; box-shadow: 0 1px 4px #ddd !important; border: 1px solid #e5e5e5; } div.userpro_lite-post a, div.userpro_lite-post a:hover { color: #555 !important; } div.userpro_lite-post-img a span.shadowed { border-radius: 3px 3px 0 0 !important; background: #999; } div.userpro_lite-post-img a span.iconed { border-radius: 3px 3px 0 0 !important; background: url(img/icon-link.png) no-repeat center; } div.userpro_lite-post-img, div.userpro_lite-post-img img { border-radius: 3px 3px 0 0 !important; } div.userpro_lite-post-title a:hover {color: #777 !important;} div.userpro_lite-post-stat { border-top: 1px solid #eee; } div.userpro_lite-post-stat a {color: #555 !important;} div.userpro_lite-post-stat a:hover {color: #777 !important;} div.userpro_lite-post.userpro_lite-post-compact img {border-radius: 999px !important} /* other buttons */ a.userpro_lite-flat-btn { background: #e9e9e9 !important; color: #333 !important; border-radius: 3px !important; } a.userpro_lite-flat-btn:hover {background: #ddd !important} /* online */ a.userpro_lite-online-i-thumb img { border-radius: 999px !important; } /* elegant member directory */ div.userpro_lite-awsm { border: 1px solid #e5e5e5; } div.userpro_lite-awsm-pic img {border-radius: 999px !important;background: #fff;} div.userpro_lite-awsm-pic {border-radius: 999px !important; border: 1px solid #e5e5e5; background: #fff;} div.userpro_lite-awsm-name a {color: #444 !important;} div.userpro_lite-awsm-name a:hover {color: #777 !important} div.userpro_lite-awsm-meta {color: #bbb !important;} div.userpro_lite-awsm-bio {color: #999 !important;} /* card design */ div.userpro_lite-card-left, div.userpro_lite-card-left a { color: #444 !important; } div.userpro_lite-card-bio { color: #999 !important; } /* search results */ div.userpro_lite-search-results { color: #666; } div.userpro_lite-search-results span {color: #444} /* list item */ div.userpro_lite-list-item-bio { color: #999 !important; } div.userpro_lite-online-item-bio { color: #999 !important; } a.userpro_lite-online-i-name {color: #777 !important;} a.userpro_lite-online-i-name:hover {color: #444 !important; } a.userpro_lite-online-i-name.admin, a.userpro_lite-online-item-name.admin {color: #336699 !important} /* custom alert box */ div.userpro_lite-alert { background: #3e9fb0 !important; color: #fff !important; } div.userpro_lite-alert i {color: #fff !important;} div.userpro_lite-alert-content, div.userpro_lite-alert-input {color: #fff !important;} a.userpro_lite-alert-close, a.userpro_lite-alert-edit{ color: #fff !important; } /* misc elements */ div.userpro_lite-help { color: #999 !important; } div.userpro_lite-help i { color: #79a519 !important; } span.userpro_lite-tip { background: url(img/help.png) no-repeat; } div.userpro_lite-warning { color: #fff !important; border: solid 1px #bd3d3d !important; box-shadow: inset 0 1px #e16565 !important; background: #c24a4a !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d14242), to(#c24a4a)) !important; background: -moz-linear-gradient(0% 0% 270deg,#d14242, #c24a4a) !important; } div.userpro_lite-warning i {color: #d14242 !important;} div.userpro_lite-warning a {color: #fff !important} div.userpro_lite-message p { background: #fffeda; border: 1px solid #f9f893; border-radius: 0; color: #444; } div.userpro_lite-input div.icon-ok { border-radius: 0; color: #3e9fb0 !important; } div.userpro_lite-input div.icon-ok i {color: #3e9fb0 !important} span.strength-container {border: 1px solid #dee5ec;} span.strength-plain{background: #ddd;} span.strength-plain.fill{background:#4ec130} span.strength-text {color: #999;} /* icons */ a.userpro_lite-profile-icon { background: #3e9fb0 !important; border: 1px solid #3e9fb0; color: #fff !important; } a.userpro_lite-profile-icon i {color: #fff !important;} a.userpro_lite-profile-icon:hover {background: #fff !important;} a.userpro_lite-profile-icon:hover i {color: #333 !important} /* buttons */ input.userpro_lite-button, a.userpro_lite-button, div.userpro_lite div.ajax-file-upload { border-radius: 3px !important; border: 1px solid #248293 !important; box-shadow: inset 0 1px #186f7f !important; background: #24889a !important; color: #fff !important; text-shadow: none !important; } input.userpro_lite-button:hover, a.userpro_lite-button:hover { background: #3e9fb0 !important; } input.userpro_lite-button:active, a.userpro_lite-button:active, div.userpro_lite div.ajax-file-upload:active { position: relative !important; top: 0 !important; } input.userpro_lite-button.secondary, a.userpro_lite-button.secondary, div.userpro_lite div.ajax-file-upload{ color: #666 !important; border: solid 1px #ddd !important; box-shadow: inset 0 2px rgba(255,255,255, .8) !important; background: #fff !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff)) !important; background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #fff) !important; -webkit-appearance: none; } input.userpro_lite-button.secondary:hover, a.userpro_lite-button.secondary:hover, div.userpro_lite div.ajax-file-upload:hover { background: #fff !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff)) !important; background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #fff) !important; border: solid 1px #bbb !important; color: #666 !important; } input.userpro_lite-button.red, a.userpro_lite-button.red{ color: #fff !important; border: solid 1px #a74b23 !important; box-shadow: inset 0 1px #bc4e1d !important; background: #c86b42 !important; -webkit-appearance: none; } input.userpro_lite-button.red:hover, a.userpro_lite-button.red:hover { background: #dd7547 !important; } a.userpro_lite-button.secondary.userpro_lite-button-active, a.userpro_lite-button.secondary.userpro_lite-button-active:hover, a.userpro_lite-button.secondary.userpro_lite-button-active:focus { cursor: default !important; background: #fff !important; box-shadow: none !important; } /* widget */ div.userpro_lite { border-radius: 5px; background: #fff; color: #666; border: 1px solid #eee; } /* head part */ div.userpro_lite-head, div.userpro_lite-centered { border-radius: 5px 5px 0 0; background: #fafafa url(img/pattern.png) repeat; border-bottom: 1px solid #eee; } div.userpro_lite-head.userpro_lite-centered-header-only, div.userpro_lite-centered.userpro_lite-centered-header-only { border-bottom: 0 !important; } /* profile css */ div.userpro_lite-profile-name {color: #444 !important;} div.userpro_lite-profile-name a {color: #444 !important;} div.userpro_lite-profile-img img { border-radius: 5px; padding: 5px !important; background: #fff !important; border: none !important; } /* form section */ div.userpro_lite-section { border: 1px solid #e5e5e5; border-radius: 0; text-shadow: 0 1px #fff; background: #eee; color: #999 !important; padding: 5px 10px !important; border-radius: 5px !important; display: inline-block; opacity: 0.8; } div.userpro_lite-section.userpro_lite-collapsed-1 { color: #666 !important; padding: 5px 10px !important; opacity: 1; } ins.userpro_lite-section-warning { color: #fff !important; border: solid 1px #bd3d3d !important; background: #c24a4a !important; } /* form fields */ div.userpro_lite-field.userpro_lite-submit {border-top: 1px solid #e5e5e5 } div.userpro_lite-maxwidth div.userpro_lite-input label {color: #888 !important;} div.userpro_lite-maxwidth {border-top: 1px solid #e5e5e5 } div.userpro_lite-label label {color: #888 !important;font-weight: normal !important} div.userpro_lite-label span.userpro_lite-field-icon { border: none; background: transparent !important; color: #3e9fb0; border-radius: 999px; } div.userpro_lite-label span.userpro_lite-field-icon.icon-active {color: #fff !important; border:none;background: #3e9fb0 !important;} div.userpro_lite-label span.userpro_lite-field-icon.icon-active i {color: #fff !important;} /* text inputs, radio, etc */ div.userpro_lite-input {color: #555} div.userpro_lite-input i.userpro_lite-meta-value {color: #ccc} div.userpro_lite-input a:hover i.userpro_lite-meta-value {color: #444} div.userpro_lite-input input[type=text], div.userpro_lite-input input[type=password], div.userpro_lite-input textarea { border-radius: 3px !important; background: #fafafa !important; border: 1px solid #ddd !important; box-shadow: inset 0 -1px 4px #eee !important; color: #aaa !important; } div.userpro_lite-input input[type=text]:focus, div.userpro_lite-input input[type=password]:focus, div.userpro_lite-input textarea:focus { background: #fff !important; border: 1px solid #aaa !important; box-shadow: inset 0 -1px 4px #ccc !important; color: #333 !important; } div.userpro_lite-input input[type=text].ok, div.userpro_lite-input input[type=text].ok:focus, div.userpro_lite-input input[type=password].ok, div.userpro_lite-input input[type=password].ok:focus { padding-right: 40px !important; } /* checkbox and radio stuff */ div.userpro_lite-input label.userpro_lite-radio, div.userpro_lite-input label.userpro_lite-checkbox { color: #666 !important; } div.userpro_lite-input label.userpro_lite-checkbox.hide-field {color: #888 !important; } div.userpro_lite-input label.userpro_lite-radio span {background: url(img/unchecked.png) no-repeat center;} div.userpro_lite-input label.userpro_lite-radio span.checked {background: url(img/checked.png) no-repeat center;} div.userpro_lite-input label.userpro_lite-checkbox span {background: url(img/unchecked-checkbox.png) no-repeat center;} div.userpro_lite-input label.userpro_lite-checkbox span.checked {background: url(img/checked-checkbox.png) no-repeat center;} div.emd-filters label.userpro_lite-radio span {background: url(img/unchecked.png) no-repeat center;} div.emd-filters label.userpro_lite-radio span.checked {background: url(img/checked.png) no-repeat center;} div.emd-filters label.userpro_lite-checkbox span {background: url(img/unchecked-checkbox.png) no-repeat center;} div.emd-filters label.userpro_lite-checkbox span.checked {background: url(img/checked-checkbox.png) no-repeat center;} div.userpro_lite-pic img {background: #ddd;} div.userpro_lite-pic-profilepicture img {border-radius: 5px !important;border: 1px solid #eee;} div.ajax-file-upload-progress {border: 1px solid #ddd;} div.ajax-file-upload-bar{background: #75c03d;} /* overlay and popup content */ div.userpro_lite-overlay {background: url(img/overlay.png) repeat;} /* search users */ div.userpro_lite-search { border-bottom: 1px solid #eee; } form.userpro_lite-search-form input[type=text] { border-radius: 0; background: #fff !important; border: 1px solid #ddd !important; box-shadow: inset 0 -1px 4px #eee !important; color: #888 !important; } form.userpro_lite-search-form input[type=text]:focus{ background: #fff; border: 1px solid #aaa !important; box-shadow: inset 0 -1px 4px #ccc !important; color: #555 !important; } form.userpro_lite-search-form button { border-radius: 0 !important; text-shadow: none !important; color: #555 !important; border: solid 1px #c0c0c0 !important; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1) !important; background: #e9e9e9 !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9)) !important; background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9) !important; } form.userpro_lite-search-form button:hover { background: #fefefe !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)) !important; background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0) !important; border: solid 1px #c0c0c0 !important; color: #555 !important; } /* member listing widgets */ div.userpro_lite-user div.userpro_lite-user-link i { color: #666; } div.userpro_lite-user div.userpro_lite-user-link a { color: #fff; background: #666; box-shadow: 0 1px 2px #aaa; } div.userpro_lite-user div.userpro_lite-user-link a { border-radius: 20px; } div.userpro_lite-user a.userpro_lite-user-img span { background: #ff6000; color: #fff; } /* paginate users */ div.userpro_lite-paginate span, div.userpro_lite-paginate a.page-numbers { background: #fff !important; border: 1px solid #ddd; text-decoration: none !important; color: #666 !important; } div.userpro_lite-paginate span.current { background: #444 !important; color: #fff !important; } div.userpro_lite-paginate a.page-numbers:hover { background: #222 !important; color: #fff !important; } /* latest users widget */ div.userpro_lite-list-item { border-bottom: 1px solid #eee; } div.userpro_lite-list-item-i { background: #eee; border-radius: 999px !important; } div.userpro_lite-list-item-i img { border-radius: 999px !important; } a.userpro_lite-list-item-name { color: #777 !important; } a.userpro_lite-list-item-name:hover { color: #333 !important; } /* online users widget */ div.userpro_lite-online-item { border-bottom: 1px solid #eee; } div.userpro_lite-online-item-i { background: #eee; border-radius: 999px !important; } div.userpro_lite-online-item-i img { border-radius: 999px !important; } a.userpro_lite-online-item-name { color: #777 !important; } a.userpro_lite-online-item-name:hover { color: #333 !important; } /** Social addon **/ a.userpro_lite-count-link { border-right: 1px solid #eee; color: #999 !important; } a.userpro_lite-count-link span { color: #333 !important; } a.userpro_lite-count-link:hover { color: #fff !important; background: #333 !important; } a.userpro_lite-count-link:hover span { color: #fff !important; } a.userpro_lite-button.secondary i { color: #444; } /** Recaptcha **/ .recaptcha_widget{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-width: 100%; } #recaptcha_image{ width:100% !important; height: auto !important } #recaptcha_image img{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:auto; } .recaptcha_is_showing_audio embed{ height:0;width:0;overflow:hidden } .recaptcha_is_showing_audio #recaptcha_image{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 100%; height: 60px; } .recaptcha_is_showing_audio #recaptcha_image br{display:none} .recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download{display:block} .recaptcha_input{ color: #888; margin: 10px 0 0 0; } .recaptcha_input label{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size: 12px !important; } .recaptcha_input input{width:100%} .recaptcha_options{ list-style: none; margin: 6px 0 0 0 !important; height: 18px; } .recaptcha_options li{ float: left; margin: 0 6px 0 0; } .recaptcha_options li a{ text-decoration: none; font-size: 16px; color: #336699; display:block; width: 20px; height: 18px; text-shadow:0 1px 1px #999; } .recaptcha_options li a:active{position:relative;top:1px;text-shadow:none} .captcha_hide{display:none} /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; top: 0; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container a:hover{text-decoration: none !important} /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; border-radius: 3px; text-decoration: none; white-space: nowrap; height: 28px; line-height: 28px; background: #fafafa !important; color: #888 !important; border: 1px solid #ddd; box-shadow: inset 0 -1px 4px #eee; } .chosen-container-single .chosen-default { color: #888 !important; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('img/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('img/chosen-sprite.png') no-repeat 0px 5px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; border-radius: 0 !important; width: 100% !important; height: auto; outline: 0; border: 1px solid #aaa; background: white url('img/chosen-sprite.png') no-repeat 100% -20px !important; background: url('img/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)) !important; background: url('img/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%) !important; background: url('img/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%) !important; background: url('img/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%) !important; background: url('img/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%) !important; font-size: 1em; font-family: sans-serif; line-height: normal; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 3px 3px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chosen-container .chosen-results li.active-result { display: list-item; color: #555 !important; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc !important; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff !important; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #ddd; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 26px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 0; background-color: #e4e4e4; 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)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('img/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; 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)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background: #fff; box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 5px; } .chosen-container-active .chosen-choices { border: 1px solid #999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('img/chosen-sprite.png') no-repeat -30px -20px; background: url('img/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('img/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('img/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('img/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('img/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 5px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 5px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url('img/chosen-sprite@2x.png') !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */