提交 1c7960a5 编写于 作者: C Catouse

* updated style of some controls.

上级 fac04346
.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:#145bcc}.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:1px solid #145bcc;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.175);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.175);box-shadow:inset 0 1px 1px rgba(0,0,0,.175)}.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:1px solid #145bcc;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.175);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.175);box-shadow:inset 0 1px 1px rgba(0,0,0,.175)}.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: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
因为 它太大了无法显示 source diff 。你可以改为 查看blob
因为 它太大了无法显示 source diff 。你可以改为 查看blob
......@@ -455,7 +455,7 @@
// and disabled options for all buttons
.button-variant(@color; @background; @border) {
color: @color;
// background-color: @background;
background-color: @background;
// border-color: @border;
&:hover,
......@@ -735,7 +735,7 @@
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
&:focus {
border-color: darken(@border-color, 10%);
@shadow: inset 0 1px 1px rgba(0,0,0,.075), inset 3px 0 0 lighten(@border-color, 10%);
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
.box-shadow(@shadow);
}
}
......@@ -761,7 +761,8 @@
&:focus {
border-color: @color;
outline: 0;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.175)");
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
// .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.175)");
}
}
......
......@@ -350,7 +350,7 @@
@input-color: @gray-darker;
@input-border: #ccc;
@input-border-radius: @border-radius-base;
@input-border-focus: @link-color;
@input-border-focus: @gray-blue;
@input-color-placeholder: @gray;
......
......@@ -342,8 +342,9 @@
// @group Active //
.chosen-container-active{
.chosen-single {
border: 1px solid @input-border-focus;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.175)");
@color-rgba: rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
border-color: @input-border-focus;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
}
&.chosen-with-drop{
.chosen-single {
......@@ -366,8 +367,9 @@
}
}
.chosen-choices {
border: 1px solid @input-border-focus;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.175)");
@color-rgba: rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
border-color: @input-border-focus;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
li.search-field input[type="text"] {
color: #111 !important;
}
......
......@@ -123,6 +123,15 @@
overflow: hidden;
margin: 0;
padding: 0;
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
&.focus
{
@color: @input-border-focus;
@color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
border-color: @color;
outline: 0;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
}
}
/* toolbar */
.ke-toolbar {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册