diff --git a/dist/css/choosen.css b/dist/css/choosen.css index c6d358232d2d3b2cb79973f098ed08a3d8871b62..11af0a24c2911534bfd15e612897ec21a20e7693 100644 --- a/dist/css/choosen.css +++ b/dist/css/choosen.css @@ -1 +1,377 @@ -.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:14px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.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 #cbcbcb;border:1px solid rgba(0,0,0,0.15);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-single .chosen-single{display:block;overflow:hidden;padding:6px 10px;height:34px;width:100%;border:1px solid #ccc;border-radius:4px;background-color:#fff;background-clip:padding-box;vertical-align:middle;color:#222;text-decoration:none;white-space:nowrap;line-height:1.428571429;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-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-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.chosen-container-single .chosen-default{color:#808080}.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:7px;right:24px;display:block;width:21px;height:21px;line-height:21px;font-size:21px;font-weight:bold;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.chosen-container-single .chosen-single abbr:before{content:'×'}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single .chosen-single abbr:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;height:100%;padding:6px 10px}.chosen-container-single .chosen-single div b{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #333;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted}.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:5px 26px 5px 10px;width:100%;height:auto;outline:0;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:12px;line-height:1.5}.chosen-container-single .chosen-search input[type="text"]:focus{border-color:#145ccd}.chosen-container-single .chosen-search:before{position:absolute;display:block;right:10px;color:#808080;top:8px;content:"\f002";font-family:ZenIcon}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 10px;list-style:none;line-height:15px;-webkit-touch-callout:none;-webkit-transition:all .3s cubic-bezier(0.175,0.885,0.32,1);transition:all .3s cubic-bezier(0.175,0.885,0.32,1)}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{color:#fff;background-color:#3280fc}.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}.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%;min-height:34px;min-height:32px \0;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:text;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-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-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.chosen-container-multi .chosen-choices:before,.chosen-container-multi .chosen-choices:after{content:" ";display:table}.chosen-container-multi .chosen-choices:after{clear:both}.chosen-container-multi .chosen-choices li{display:block;float:left;list-style:none;padding:0 6px;margin:6px 0 0 6px}.chosen-container-multi .chosen-choices li.search-field{padding:0;margin-bottom:5px;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type="text"]{height:20px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#808080;font-size:100%;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;background-color:#f1f1f1;border-radius:3px;border:1px solid #ddd;background-clip:padding-box;-moz-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);line-height:12px;cursor:default;-webkit-transition:all .5s cubic-bezier(0.175,0.885,0.32,1);transition:all .5s cubic-bezier(0.175,0.885,0.32,1)}.chosen-container-multi .chosen-choices li.search-choice:hover{border-color:#c4c4c4;background-color:#fff;-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1)}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:-1px;right:0;text-align:center;display:block;width:21px;height:21px;line-height:21px;font-size:16.8px;font-weight:bold;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{content:'×'}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;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}.chosen-container-active .chosen-single{border-color:#145ccd;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(20,92,205,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(20,92,205,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(20,92,205,0.6)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #cbcbcb;border:1px solid rgba(0,0,0,0.15);-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-moz-box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175)}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{border-top:0 dotted;border-bottom:4px solid #333;content:""}.chosen-container-active .chosen-choices{border-color:#145ccd;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(20,92,205,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(20,92,205,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(20,92,205,0.6)}.chosen-container-active .chosen-choices li.search-field input[type="text"]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default} \ No newline at end of file +.chosen-container { + position: relative; + display: inline-block; + vertical-align: middle; + font-size: 14px; + zoom: 1; + *display: inline; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.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 #cbcbcb; + border: 1px solid rgba(0, 0, 0, 0.15); + 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-single .chosen-single { + display: block; + overflow: hidden; + padding: 6px 10px; + height: 34px; + width: 100%; + border: 1px solid #cccccc; + border-radius: 4px; + background-color: #ffffff; + background-clip: padding-box; + vertical-align: middle; + color: #222222; + text-decoration: none; + white-space: nowrap; + line-height: 1.428571429; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-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-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.chosen-container-single .chosen-default { + color: #808080; +} +.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: 7px; + right: 24px; + display: block; + width: 21px; + height: 21px; + line-height: 21px; + font-size: 21px; + font-weight: bold; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.chosen-container-single .chosen-single abbr:before { + content: '×'; +} +.chosen-container-single .chosen-single abbr:hover, +.chosen-container-single .chosen-single abbr:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +.chosen-container-single .chosen-single div { + position: absolute; + top: 0; + right: 0; + display: block; + height: 100%; + padding: 6px 10px; +} +.chosen-container-single .chosen-single div b { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid #333333; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + border-bottom: 0 dotted; +} +.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: 5px 26px 5px 10px; + width: 100%; + height: auto; + outline: 0; + border: 1px solid #cccccc; + border-radius: 4px; + background-color: #ffffff; + font-size: 12px; + line-height: 1.5; +} +.chosen-container-single .chosen-search input[type="text"]:focus { + border-color: #145ccd; +} +.chosen-container-single .chosen-search:before { + position: absolute; + display: block; + right: 10px; + color: #808080; + top: 8px; + content: "\f002"; + font-family: ZenIcon; +} +.chosen-container-single .chosen-drop { + margin-top: -1px; + border-radius: 0 0 4px 4px; + background-clip: padding-box; +} +.chosen-container-single.chosen-container-single-nosearch .chosen-search { + position: absolute; + left: -9999px; +} +.chosen-container .chosen-results { + position: relative; + overflow-x: hidden; + overflow-y: auto; + margin: 0; + padding: 0; + max-height: 240px; + -webkit-overflow-scrolling: touch; +} +.chosen-container .chosen-results li { + display: none; + margin: 0; + padding: 5px 10px; + list-style: none; + line-height: 15px; + -webkit-touch-callout: none; + -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); + transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); +} +.chosen-container .chosen-results li.active-result { + display: list-item; + cursor: pointer; +} +.chosen-container .chosen-results li.disabled-result { + display: list-item; + color: #ccc; + cursor: default; +} +.chosen-container .chosen-results li.highlighted { + color: #ffffff; + background-color: #3280fc; +} +.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; +} +.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%; + min-height: 34px; + min-height: 32px \0; + border: 1px solid #cccccc; + border-radius: 4px; + background-color: #ffffff; + cursor: text; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-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-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.chosen-container-multi .chosen-choices:before, +.chosen-container-multi .chosen-choices:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.chosen-container-multi .chosen-choices:after { + clear: both; +} +.chosen-container-multi .chosen-choices li { + display: block; + float: left; + list-style: none; + padding: 0 6px; + margin: 6px 0 0 6px; +} +.chosen-container-multi .chosen-choices li.search-field { + padding: 0; + margin-bottom: 5px; + white-space: nowrap; +} +.chosen-container-multi .chosen-choices li.search-field input[type="text"] { + height: 20px; + outline: 0; + border: 0 !important; + background: transparent !important; + box-shadow: none; + color: #808080; + font-size: 100%; + border-radius: 0; +} +.chosen-container-multi .chosen-choices li.search-field .default { + color: #999; +} +.chosen-container-multi .chosen-choices li.search-choice { + position: relative; + padding: 3px 20px 3px 5px; + background-color: #f1f1f1; + border-radius: 3px; + border: 1px solid #dddddd; + background-clip: padding-box; + -moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05); + -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05); + box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05); + line-height: 12px; + cursor: default; + -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); + transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); +} +.chosen-container-multi .chosen-choices li.search-choice:hover { + border-color: #c4c4c4; + background-color: #ffffff; + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); + box-shadow: 0 1px 0 rgba(0,0,0,.1); +} +.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { + position: absolute; + top: -1px; + right: 0px; + text-align: center; + display: block; + width: 21px; + height: 21px; + line-height: 21px; + font-size: 16.8px; + font-weight: bold; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { + content: '×'; +} +.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover, +.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +.chosen-container-multi .chosen-choices li.search-choice-disabled { + padding-right: 5px; + border: 1px solid #ccc; + background-color: #e4e4e4; + 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; +} +.chosen-container-active .chosen-single { + border-color: #145ccd; + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20, 92, 205, 0.6); + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20, 92, 205, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20, 92, 205, 0.6); +} +.chosen-container-active.chosen-with-drop .chosen-single { + border: 1px solid #cbcbcb; + border: 1px solid rgba(0, 0, 0, 0.15); + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; + -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.chosen-container-active.chosen-with-drop .chosen-single div { + border-left: none; + background: transparent; +} +.chosen-container-active.chosen-with-drop .chosen-single div b { + border-top: 0 dotted; + border-bottom: 4px solid #333333; + content: ""; +} +.chosen-container-active .chosen-choices { + border-color: #145ccd; + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20, 92, 205, 0.6); + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20, 92, 205, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20, 92, 205, 0.6); +} +.chosen-container-active .chosen-choices li.search-field input[type="text"] { + color: #111 !important; +} +.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; +} diff --git a/src/less/choosen.less b/src/less/choosen.less new file mode 100644 index 0000000000000000000000000000000000000000..07132eb73543cd0e3e2ae5ae49f89c82501f5486 --- /dev/null +++ b/src/less/choosen.less @@ -0,0 +1,5 @@ +@import "basic/variables.less"; +@import "basic/mixins.less"; +@import "controls/icons.variables.less"; + +@import "modules/choosen.less"; diff --git a/src/less/modules/choosen.less b/src/less/modules/choosen.less index 1ba87807ccc2b5d26e87aa5d3b61330230a467c0..448328de92741c743025ee8019b51695c308e564 100644 --- a/src/less/modules/choosen.less +++ b/src/less/modules/choosen.less @@ -1,6 +1,3 @@ -@import "../basic/variables.less"; -@import "../basic/mixins.less"; -@import "../controls/icons.variables.less"; // Depends on the dropdown.less