/* * * Chosen for Bootstrap and Less * * Converted by @whitetruffle (http://www.twitter.com/whitetruffle) * from @joeylomanto's SASS fork (http://chosen-sass-bootstrap.herokuapp.com/) * Havest: @harvest * */ /*! * Bootstrap v2.1.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .chzn-container { position: relative; display: inline-block; zoom: 1; *display: inline; } .chzn-container .chzn-drop { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); background: #fff; border: 1px solid #CCC; position: absolute; top: 29px; left: 0; z-index: 1010; margin: 4px 0 0; } .chzn-container-single .chzn-single { margin-top: 3px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-color: #f6f6f6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #f6f6f6), to(#f4f4f4)); background-image: -webkit-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6 50%, #f4f4f4); background-image: -o-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); background-image: linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0); -moz-background-clip: padding; background-color: #ffffff; border: 1px solid #CCC; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 28px; line-height: 29px; padding: 0 0 0 8px; color: #555555; text-decoration: none; } .chzn-container-single .chzn-single span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; } .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 8px; width: 12px; height: 13px; font-size: 1px; background: url("chosen-sprite.png") right top no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: right -11px; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url("chosen-sprite.png") no-repeat 0 2px; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-drop { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: right top; } .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } .chzn-container-multi .chzn-choices { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; -webkit-transition: box-shadow linear 0.2s; -moz-transition: box-shadow linear 0.2s; -o-transition: box-shadow linear 0.2s; transition: box-shadow linear 0.2s; background-color: #ffffff !important; border: 1px solid #cccccc; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; display: block; padding: 0; margin: 0; font-size: 14px; line-height: 20px; color: #555555; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #555555; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0 2px; outline: 0; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-color: #f6f6f6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #f6f6f6), to(#f4f4f4)); background-image: -webkit-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6 50%, #f4f4f4); background-image: -o-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); background-image: linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -moz-background-clip: padding; color: #555555; border: 1px solid #999999; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url("chosen-sprite.png") right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #eeeeee; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), color-stop(50%, #f0f0f0), to(#e8e8e8)); background-image: -webkit-linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8); background-image: -moz-linear-gradient(top, #f4f4f4, #f0f0f0 50%, #e8e8e8); background-image: -o-linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8); background-image: linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe8e8e8', GradientType=0); color: #666; border: 1px solid #cccccc; padding-right: 5px; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #326dcc; background-image: -moz-linear-gradient(top, #3875d7, #2a62bc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3875d7), to(#2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7, #2a62bc); background-image: -o-linear-gradient(top, #3875d7, #2a62bc); background-image: linear-gradient(to bottom, #3875d7, #2a62bc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3875d7', endColorstr='#ff2a62bc', GradientType=0); color: #fff; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url("chosen-sprite.png") no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url("chosen-sprite.png") no-repeat -22px -3px; } .chzn-container-multi .chzn-results { margin: 4px; padding: 0; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container-active .chzn-single { border: 1px solid #CCC; } .chzn-container-active .chzn-single .chzn-drop { margin-top: -29px; } .chzn-container-active .chzn-single-with-drop { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #CCC; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); border: 1px solid rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } .chzn-disabled { opacity: 0.005; filter: alpha(opacity=0.5); cursor: default; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .search-choice-close { cursor: default; } .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl .chzn-search input { padding: 4px 5px 4px 20px; direction: rtl; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }