font-size: 13px;
position: relative;
display: inline-block;
+ vertical-align: middle;
zoom: 1;
*display: inline;
}
border: 1px solid #aaa;
border-top: 0;
position: absolute;
- top: 29px;
- left: 0;
+ top: 100%;
+ left: -9999px;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
box-shadow : 0 4px 5px rgba(0,0,0,.15);
z-index: 1010;
+ width: 100%;
+ -moz-box-sizing : border-box;
+ -ms-box-sizing : border-box;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing : border-box;
+ box-sizing : border-box;
+}
+
+.chzn-container.chzn-with-drop .chzn-drop {
+ left: 0;
}
+
/* @end */
/* @group Single Chosen */
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
+ width: 100%;
+ -moz-box-sizing : border-box;
+ -ms-box-sizing : border-box;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing : border-box;
+ box-sizing : border-box;
}
.chzn-container-single .chzn-drop {
+ margin-top: -1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
border-radius : 0 0 4px 4px;
-webkit-background-clip: padding-box;
background-clip : padding-box;
}
-/* @end */
-
-.chzn-container-single-nosearch .chzn-search input {
+.chzn-container-single-nosearch .chzn-search {
position: absolute;
- left: -9000px;
+ left: -9999px;
}
+/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
height: auto !important;
height: 1%;
position: relative;
+ width: 100%;
+ -moz-box-sizing : border-box;
+ -ms-box-sizing : border-box;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing : border-box;
+ box-sizing : border-box;
}
.chzn-container-multi .chzn-choices li {
float: left;
-webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
- margin: -1px 0 0;
+ margin: 0;
padding: 0;
}
.chzn-container .chzn-results li {
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
-.chzn-container-active .chzn-single-with-drop {
+.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow : 0 1px 0 #fff inset;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
}
-.chzn-container-active .chzn-single-with-drop div {
+.chzn-container-active.chzn-with-drop .chzn-single div {
background: transparent;
border-left: none;
}
-.chzn-container-active .chzn-single-with-drop div b {
+.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
.chzn-rtl .chzn-choices li { float: right; }
.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; }
+.chzn-rtl .chzn-search { left: 9999px; }
+.chzn-rtl.chzn-with-drop .chzn-search { left: 0px; }
+.chzn-rtl .chzn-drop { left: 9999px; }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
-.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
+.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; }
.chzn-rtl .chzn-search input {
background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
.chzn-container-single.chzn-rtl .chzn-single div b {
background-position: 6px 2px;
}
-.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
+.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
background-position: -12px 2px;
}
/* @end */