提交 f52257a5 编写于 作者: C Catouse

* ajusted style of chosen.

上级 1c7960a5
.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;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 #ccc;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:#333;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:#999}.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 #000;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:#4d90fe}.chosen-container-single .chosen-search:before{position:absolute;display:block;right:10px;color:#999;top:10px;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 .2s cubic-bezier(0.175,0.885,0.32,1);transition:all .2s 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:#3280fc;background-color:#f1f1f1;-webkit-transition:box-shadow .2s cubic-bezier(0.175,0.885,0.32,1);transition:box-shadow .2s cubic-bezier(0.175,0.885,0.32,1);border-left:2px solid #3280fc \9;-moz-box-shadow:inset 3px 0 0 #3280fc;-webkit-box-shadow:inset 3px 0 0 #3280fc;box-shadow:inset 3px 0 0 #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:6px 5px;padding-bottom:1px;width:100%;height:auto!important;height:1%;min-height:34px;border:1px solid #ccc;border-radius:4px;background-color:#fff;-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;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;height:15px;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:0 4px 4px 0;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:13px;cursor:default;-webkit-transition:all .4s cubic-bezier(0.175,0.885,0.32,1);transition:all .4s 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:#4d90fe;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #ccc;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 #000;content:""}.chosen-container-active .chosen-choices{border-color:#4d90fe;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,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 #ccc;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:#333;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:#999}.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 #000;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:#4d90fe}.chosen-container-single .chosen-search:before{position:absolute;display:block;right:10px;color:#999;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 .2s cubic-bezier(0.175,0.885,0.32,1);transition:all .2s 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:#3280fc;background-color:#f1f1f1;-webkit-transition:box-shadow .2s cubic-bezier(0.175,0.885,0.32,1);transition:box-shadow .2s cubic-bezier(0.175,0.885,0.32,1);border-left:2px solid #3280fc \9;-moz-box-shadow:inset 3px 0 0 #3280fc;-webkit-box-shadow:inset 3px 0 0 #3280fc;box-shadow:inset 3px 0 0 #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:#999;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 .4s cubic-bezier(0.175,0.885,0.32,1);transition:all .4s 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:#4d90fe;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #ccc;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 #000;content:""}.chosen-container-active .chosen-choices{border-color:#4d90fe;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(77,144,254,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
......@@ -10,7 +10,7 @@
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-size: 14px;
zoom: 1;
*display: inline;
.user-select(none);
......@@ -154,7 +154,7 @@
display: block;
right: 10px;
color: @gray;
top: 10px;
top: 8px;
content: @search;
font-family: @icon-font-name;
}
......@@ -229,53 +229,56 @@
overflow: hidden;
.box-sizing(border-box);
margin: 0;
padding: @padding-base-vertical 5px;
padding-bottom: 1px;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
min-height: @input-height-base;
min-height: (@input-height-base - 2)~'\0';
border: 1px solid @input-border;
border-radius: @input-border-radius;
background-color: @input-bg;
cursor: text;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
cursor: text;
.clearfix();
}
.chosen-choices li {
.chosen-choices li
{
display: block;
float: left;
list-style: none;
&.search-field {
margin: 0;
padding: 0 6px;
margin: 6px 0 0 6px;
&.search-field
{
padding: 0;
margin-bottom: 5px;
white-space: nowrap;
input[type="text"] {
margin: 1px 0;
height: 15px;
input[type="text"]
{
height: 20px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: @input-color-placeholder;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.default {
.default
{
color: #999;
}
}
&.search-choice {
&.search-choice
{
position: relative;
margin: 0 4px 4px 0;
padding: 3px 20px 3px 5px;
background-color: @gray-pale;
border-radius: @border-radius-small;
border: 1px solid @gray-light;
background-clip: padding-box;
.box-shadow(~"0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05)");
line-height: 13px;
line-height: 12px;
cursor: default;
.transition(all,@animation-speed-normal,@animation-type);
......@@ -330,6 +333,7 @@
.chosen-results {
margin: 0;
padding: 0;
// margin-top: ~'-1px\0';
}
.chosen-drop .result-selected {
display: list-item;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册