first pass at ultra basic autocomplete
This commit is contained in:
parent
961c479422
commit
4478df7681
|
@ -6,7 +6,7 @@
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
*
|
*
|
||||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||||
* Date: Sat Jan 7 22:06:30 PST 2012
|
* Date: Sat Jan 7 23:50:13 PST 2012
|
||||||
*/
|
*/
|
||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -1489,7 +1489,7 @@ i {
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: #555555;
|
color: #555555;
|
||||||
}
|
}
|
||||||
.dropdown-menu a:hover {
|
.dropdown-menu.typeahead .active a, .dropdown-menu a:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
@ -1962,6 +1962,12 @@ i {
|
||||||
.tabs-below .tabs, .tabs-right .tabs, .tabs-left .tabs {
|
.tabs-below .tabs, .tabs-right .tabs, .tabs-left .tabs {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
.tab-content > .tab-pane, .pill-content > .pill-pane {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tab-content > .active, .pill-content > .active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
.tabs-below .tabs {
|
.tabs-below .tabs {
|
||||||
border-top: 1px solid #ddd;
|
border-top: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
@ -2023,91 +2029,6 @@ i {
|
||||||
.tabs-right .tabs .active > a, .tabs-right .tabs .active > a:hover {
|
.tabs-right .tabs .active > a, .tabs-right .tabs .active > a:hover {
|
||||||
border-color: #ddd #ddd #ddd transparent;
|
border-color: #ddd #ddd #ddd transparent;
|
||||||
}
|
}
|
||||||
/*
|
|
||||||
.tabbable {
|
|
||||||
|
|
||||||
// Tabs on left and right
|
|
||||||
&.tabs-left,
|
|
||||||
&.tabs-right {
|
|
||||||
.clearfix();
|
|
||||||
.tabs {
|
|
||||||
// Give a fixed width to avoid floating .tab-con
|
|
||||||
width: 100px;
|
|
||||||
// Unfloat them so they stack
|
|
||||||
> li {
|
|
||||||
float: none;
|
|
||||||
margin-bottom: -1px;
|
|
||||||
> a {
|
|
||||||
margin-bottom: 2px;
|
|
||||||
&:hover {
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs on left
|
|
||||||
&.tabs-left {
|
|
||||||
.tab-content {
|
|
||||||
margin-left: 100px;
|
|
||||||
}
|
|
||||||
.tabs {
|
|
||||||
float: left;
|
|
||||||
> li {
|
|
||||||
margin-right: -1px;
|
|
||||||
> a {
|
|
||||||
margin-right: 0;
|
|
||||||
.border-radius(4px 0 0 4px);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-right-color: #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Active state
|
|
||||||
.active > a,
|
|
||||||
.active > a:hover {
|
|
||||||
border-color: #ddd;
|
|
||||||
border-right-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs on right
|
|
||||||
&.tabs-right {
|
|
||||||
.tab-content {
|
|
||||||
margin-right: 100px;
|
|
||||||
}
|
|
||||||
.tabs {
|
|
||||||
float: right;
|
|
||||||
> li {
|
|
||||||
margin-left: -1px;
|
|
||||||
> a {
|
|
||||||
margin-left: 0;
|
|
||||||
.border-radius(0 4px 4px 0);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-left-color: #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Active state
|
|
||||||
.active > a,
|
|
||||||
.active > a:hover {
|
|
||||||
border-color: #ddd;
|
|
||||||
border-left-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
.tab-content > .tab-pane, .pill-content > .pill-pane {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.tab-content > .active, .pill-content > .active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
padding: 7px 14px;
|
padding: 7px 14px;
|
||||||
margin: 0 0 18px;
|
margin: 0 0 18px;
|
||||||
|
@ -2937,154 +2858,6 @@ a.thumbnail:hover {
|
||||||
background-position: 40px 0;
|
background-position: 40px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes progress-bar-stripes {
|
|
||||||
from {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
background-position: 40px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.progress, .progress .bar {
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.progress {
|
|
||||||
height: 18px;
|
|
||||||
margin-bottom: 18px;
|
|
||||||
background-color: #f9f9f9;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9));
|
|
||||||
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
|
|
||||||
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f9f9f9));
|
|
||||||
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
|
|
||||||
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
|
|
||||||
background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
.progress .bar {
|
|
||||||
width: 0%;
|
|
||||||
height: 20px;
|
|
||||||
margin: -1px;
|
|
||||||
background-color: #57a957;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
|
|
||||||
background-image: -moz-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: -ms-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
|
|
||||||
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: -o-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
|
|
||||||
background-color: #0480be;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#149bdf), to(#0480be));
|
|
||||||
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
|
|
||||||
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #149bdf), color-stop(100%, #0480be));
|
|
||||||
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
|
|
||||||
background-image: -o-linear-gradient(top, #149bdf, #0480be);
|
|
||||||
background-image: linear-gradient(top, #149bdf, #0480be);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
|
|
||||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
||||||
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
||||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-webkit-transition: width 0.6s ease;
|
|
||||||
-moz-transition: width 0.6s ease;
|
|
||||||
-ms-transition: width 0.6s ease;
|
|
||||||
-o-transition: width 0.6s ease;
|
|
||||||
transition: width 0.6s ease;
|
|
||||||
}
|
|
||||||
.progress.striped .bar {
|
|
||||||
background-color: #62c462;
|
|
||||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
|
||||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
-webkit-background-size: 40px 40px;
|
|
||||||
-moz-background-size: 40px 40px;
|
|
||||||
-o-background-size: 40px 40px;
|
|
||||||
background-size: 40px 40px;
|
|
||||||
}
|
|
||||||
.progress.active .bar {
|
|
||||||
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
||||||
-moz-animation: progress-bar-stripes 2s linear infinite;
|
|
||||||
animation: progress-bar-stripes 2s linear infinite;
|
|
||||||
}
|
|
||||||
.progress.danger .bar {
|
|
||||||
background-color: #c43c35;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
|
|
||||||
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
|
|
||||||
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
|
|
||||||
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
|
|
||||||
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
|
|
||||||
background-image: linear-gradient(top, #ee5f5b, #c43c35);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
|
|
||||||
}
|
|
||||||
.progress.danger.striped .bar {
|
|
||||||
background-color: #ee5f5b;
|
|
||||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
|
||||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
}
|
|
||||||
.progress.success .bar {
|
|
||||||
background-color: #57a957;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
|
|
||||||
background-image: -moz-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: -ms-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
|
|
||||||
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: -o-linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-image: linear-gradient(top, #62c462, #57a957);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
|
|
||||||
}
|
|
||||||
.progress.success.striped .bar {
|
|
||||||
background-color: #62c462;
|
|
||||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
|
||||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
}
|
|
||||||
.progress.info .bar {
|
|
||||||
background-color: #339bb9;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
|
|
||||||
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
|
|
||||||
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
|
|
||||||
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
|
|
||||||
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
|
|
||||||
background-image: linear-gradient(top, #5bc0de, #339bb9);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
|
|
||||||
}
|
|
||||||
.progress.info.striped .bar {
|
|
||||||
background-color: #5bc0de;
|
|
||||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
|
||||||
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
||||||
}
|
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
|
|
@ -304,7 +304,8 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
||||||
.dropdown .caret{margin-top:8px;margin-left:2px;}
|
.dropdown .caret{margin-top:8px;margin-left:2px;}
|
||||||
.dropdown:hover .caret,.open.dropdown .caret{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
|
.dropdown:hover .caret,.open.dropdown .caret{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
|
||||||
.dropdown-menu{position:absolute;top:40px;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:5px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#999;border-color:rgba(0, 0, 0, 0.1);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;zoom:1;}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
|
.dropdown-menu{position:absolute;top:40px;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:5px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#999;border-color:rgba(0, 0, 0, 0.1);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;zoom:1;}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
|
||||||
.dropdown-menu a{display:block;padding:2px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;}.dropdown-menu a:hover{color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0064cd;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);background-color:#0077b3;background-image:-khtml-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-ms-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(top, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0077b3', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);}
|
.dropdown-menu a{display:block;padding:2px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;}
|
||||||
|
.dropdown-menu.typeahead .active a,.dropdown-menu a:hover{color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0064cd;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);background-color:#0077b3;background-image:-khtml-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-ms-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(top, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0077b3', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);}
|
||||||
.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||||
.dropdown.open .dropdown-menu{display:block;}
|
.dropdown.open .dropdown-menu{display:block;}
|
||||||
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
||||||
|
@ -374,6 +375,8 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
||||||
.tabbable{zoom:1;}.tabbable:before,.tabbable:after{display:table;*display:inline;content:"";zoom:1;}
|
.tabbable{zoom:1;}.tabbable:before,.tabbable:after{display:table;*display:inline;content:"";zoom:1;}
|
||||||
.tabbable:after{clear:both;}
|
.tabbable:after{clear:both;}
|
||||||
.tabs-below .tabs,.tabs-right .tabs,.tabs-left .tabs{border-bottom:0;}
|
.tabs-below .tabs,.tabs-right .tabs,.tabs-left .tabs{border-bottom:0;}
|
||||||
|
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
|
||||||
|
.tab-content>.active,.pill-content>.active{display:block;}
|
||||||
.tabs-below .tabs{border-top:1px solid #ddd;}
|
.tabs-below .tabs{border-top:1px solid #ddd;}
|
||||||
.tabs-below .tabs>li{margin-top:-1px;margin-bottom:0;}
|
.tabs-below .tabs>li{margin-top:-1px;margin-bottom:0;}
|
||||||
.tabs-below .tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
|
.tabs-below .tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
|
||||||
|
@ -388,8 +391,6 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
||||||
.tabs-right .tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
|
.tabs-right .tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
|
||||||
.tabs-right .tabs>li>a:hover{border-color:#eee #eee #eee #ddd;}
|
.tabs-right .tabs>li>a:hover{border-color:#eee #eee #eee #ddd;}
|
||||||
.tabs-right .tabs .active>a,.tabs-right .tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;}
|
.tabs-right .tabs .active>a,.tabs-right .tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;}
|
||||||
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
|
|
||||||
.tab-content>.active,.pill-content>.active{display:block;}
|
|
||||||
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
||||||
.breadcrumb .divider{padding:0 5px;color:#999999;}
|
.breadcrumb .divider{padding:0 5px;color:#999999;}
|
||||||
.breadcrumb .active a{color:#333333;}
|
.breadcrumb .active a{color:#333333;}
|
||||||
|
@ -497,16 +498,5 @@ a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105,
|
||||||
.label.warning{background-color:#f89406;}
|
.label.warning{background-color:#f89406;}
|
||||||
.label.success{background-color:#46a546;}
|
.label.success{background-color:#46a546;}
|
||||||
.label.notice{background-color:#62cffc;}
|
.label.notice{background-color:#62cffc;}
|
||||||
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress,.progress .bar{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.hidden{display:none;visibility:hidden;}
|
||||||
.progress{height:18px;margin-bottom:18px;background-color:#f9f9f9;background-image:-khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9));background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
|
|
||||||
.progress .bar{width:0%;height:20px;margin:-1px;background-color:#57a957;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);background-color:#0480be;background-image:-khtml-gradient(linear, left top, left bottom, from(#149bdf), to(#0480be));background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #149bdf), color-stop(100%, #0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
|
|
||||||
.progress.striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
|
|
||||||
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
|
|
||||||
.progress.danger .bar{background-color:#c43c35;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
|
|
||||||
.progress.danger.striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
|
||||||
.progress.success .bar{background-color:#57a957;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
|
|
||||||
.progress.success.striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
|
||||||
.progress.info .bar{background-color:#339bb9;background-image:-khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
|
|
||||||
.progress.info.striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
|
||||||
.hidden{display:none;visibility:hidden;}
|
|
||||||
@media (max-width: 480px){.modal{width:auto;margin:0;}.modal.fade.in{top:auto;} .horizontal-form .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .horizontal-form .controls{margin-left:0;} .horizontal-form .control-list{padding-top:0;} .horizontal-form .form-actions{padding-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;}.modal .close{padding:10px;}}@media (max-width: 768px){.container{width:auto;padding:0 20px;} .row{margin-left:0;} .row>[class*="span"]{float:none;display:block;width:auto;margin:0;} .nav{position:absolute;top:0;left:0;width:180px;padding-top:40px;list-style:none;} .nav,.nav>li:last-child a{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} .nav>li{float:none;display:none;} .nav>li>a{float:none;background-color:#222;} .nav>.active{display:block;position:absolute;top:0;left:0;} .navbar ul .active>a{background-color:transparent;} .nav>.active a:after{display:inline-block;width:0;height:0;margin-top:8px;margin-left:6px;text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;content:"↓";} .nav>.active a:hover{background-color:rgba(255, 255, 255, 0.05);}}@media (min-width: 768px) and (max-width: 940px){.container{width:748px;} .span1{width:44px;} .span2{width:108px;} .span3{width:172px;} .span4{width:236px;} .span5{width:300px;} .span6{width:364px;} .span7{width:428px;} .span8{width:492px;} .span9{width:556px;} .span10{width:620px;} .span11{width:684px;} .span12{width:748px;} .offset1{margin-left:64px;} .offset2{margin-left:128px;} .offset3{margin-left:192px;} .offset4{margin-left:256px;} .offset5{margin-left:320px;} .offset6{margin-left:384px;} .offset7{margin-left:448px;} .offset8{margin-left:512px;} .offset9{margin-left:576px;} .offset10{margin-left:640px;} .offset11{margin-left:704px;} .offset12{margin-left:768px;}}
|
@media (max-width: 480px){.modal{width:auto;margin:0;}.modal.fade.in{top:auto;} .horizontal-form .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .horizontal-form .controls{margin-left:0;} .horizontal-form .control-list{padding-top:0;} .horizontal-form .form-actions{padding-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;}.modal .close{padding:10px;}}@media (max-width: 768px){.container{width:auto;padding:0 20px;} .row{margin-left:0;} .row>[class*="span"]{float:none;display:block;width:auto;margin:0;} .nav{position:absolute;top:0;left:0;width:180px;padding-top:40px;list-style:none;} .nav,.nav>li:last-child a{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} .nav>li{float:none;display:none;} .nav>li>a{float:none;background-color:#222;} .nav>.active{display:block;position:absolute;top:0;left:0;} .navbar ul .active>a{background-color:transparent;} .nav>.active a:after{display:inline-block;width:0;height:0;margin-top:8px;margin-left:6px;text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;content:"↓";} .nav>.active a:hover{background-color:rgba(255, 255, 255, 0.05);}}@media (min-width: 768px) and (max-width: 940px){.container{width:748px;} .span1{width:44px;} .span2{width:108px;} .span3{width:172px;} .span4{width:236px;} .span5{width:300px;} .span6{width:364px;} .span7{width:428px;} .span8{width:492px;} .span9{width:556px;} .span10{width:620px;} .span11{width:684px;} .span12{width:748px;} .offset1{margin-left:64px;} .offset2{margin-left:128px;} .offset3{margin-left:192px;} .offset4{margin-left:256px;} .offset5{margin-left:320px;} .offset6{margin-left:384px;} .offset7{margin-left:448px;} .offset8{margin-left:512px;} .offset9{margin-left:576px;} .offset10{margin-left:640px;} .offset11{margin-left:704px;} .offset12{margin-left:768px;}}
|
||||||
|
|
|
@ -23,48 +23,6 @@
|
||||||
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
||||||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
||||||
|
|
||||||
<!-- Le javascript -->
|
|
||||||
<!-- placed up here so that the inline demos can be next to their markup -->
|
|
||||||
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
// NOT FINAL BY ANY MEANS, JUST MAH JANK CODE BRO
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('.nav .active').click(function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
$(this).siblings().toggle();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="assets/js/google-code-prettify/prettify.js"></script>
|
|
||||||
<script src="../js/bootstrap-transition.js"></script>
|
|
||||||
<script src="../js/bootstrap-alert.js"></script>
|
|
||||||
<script src="../js/bootstrap-modal.js"></script>
|
|
||||||
<script src="../js/bootstrap-dropdown.js"></script>
|
|
||||||
<script src="../js/bootstrap-scrollspy.js"></script>
|
|
||||||
<script src="../js/bootstrap-tab.js"></script>
|
|
||||||
<script src="../js/bootstrap-twipsy.js"></script>
|
|
||||||
<script src="../js/bootstrap-popover.js"></script>
|
|
||||||
<script src="../js/bootstrap-button.js"></script>
|
|
||||||
<script>
|
|
||||||
$(function () {
|
|
||||||
// twipsy demo
|
|
||||||
$("a[rel=twipsy]").twipsy({
|
|
||||||
live: true
|
|
||||||
})
|
|
||||||
|
|
||||||
//popover demo
|
|
||||||
$("a[rel=popover]")
|
|
||||||
.popover({
|
|
||||||
offset: 10
|
|
||||||
})
|
|
||||||
.click(function(e) {
|
|
||||||
e.preventDefault()
|
|
||||||
})
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body id="bootstrap-js">
|
<body id="bootstrap-js">
|
||||||
|
@ -163,6 +121,10 @@
|
||||||
<td><a href="./javascript.html#carousel">bootstrap-carousel.js</a></td>
|
<td><a href="./javascript.html#carousel">bootstrap-carousel.js</a></td>
|
||||||
<td>A plugin for rotating through elements. A merry-go-round.</td>
|
<td>A plugin for rotating through elements. A merry-go-round.</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="./javascript.html#typeahead">bootstrap-typeahead.js</a></td>
|
||||||
|
<td>A basic, easily extended plugin for quickly creating elegant typeaheads.</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<h3>Is javascript necessary?</h3>
|
<h3>Is javascript necessary?</h3>
|
||||||
|
@ -1151,6 +1113,54 @@ $('.myCarousel').carousel({
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Typeahead
|
||||||
|
================================================== -->
|
||||||
|
|
||||||
|
<section id="typeahead">
|
||||||
|
<div class="page-header">
|
||||||
|
<h1>Typeahead <small>bootstrap-typeahead.js</small></h1>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="span3 columns">
|
||||||
|
<p>A basic, easily extended plugin for quickly creating elegant typeaheads.</p>
|
||||||
|
<a href="../js/bootstrap-carousel.js" target="_blank" class="btn primary">Download</a>
|
||||||
|
</div>
|
||||||
|
<div class="span9 columns">
|
||||||
|
<h3>Using bootstrap-typeahead.js</h3>
|
||||||
|
<pre class="prettyprint linenums">$('.typeahead').typeahead()</pre>
|
||||||
|
|
||||||
|
<h3>Options</h3>
|
||||||
|
<table class="bordered-table striped-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width: 100px;">Name</th>
|
||||||
|
<th style="width: 50px;">type</th>
|
||||||
|
<th style="width: 50px;">default</th>
|
||||||
|
<th>description</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>items</td>
|
||||||
|
<td>number</td>
|
||||||
|
<td>8</td>
|
||||||
|
<td>The max number of items to display in the dropdown.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h3>Markup</h3>
|
||||||
|
<p>Add data attributes to register an element with typeahead functionality.</p>
|
||||||
|
<pre class="prettyprint linenums">
|
||||||
|
<input type="text" data-provide="typeahead" />
|
||||||
|
</pre>
|
||||||
|
<h3>Demo</h3>
|
||||||
|
<input type="text" data-provide="typeahead" data-items="4" data-data='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<!-- Footer
|
<!-- Footer
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
|
@ -1178,6 +1188,7 @@ $('.myCarousel').carousel({
|
||||||
<script src="../js/bootstrap-button.js"></script>
|
<script src="../js/bootstrap-button.js"></script>
|
||||||
<script src="../js/bootstrap-collapse.js"></script>
|
<script src="../js/bootstrap-collapse.js"></script>
|
||||||
<script src="../js/bootstrap-carousel.js"></script>
|
<script src="../js/bootstrap-carousel.js"></script>
|
||||||
|
<script src="../js/bootstrap-typeahead.js"></script>
|
||||||
<script src="assets/js/application.js"></script>
|
<script src="assets/js/application.js"></script>
|
||||||
<script>
|
<script>
|
||||||
$(function () {
|
$(function () {
|
||||||
|
|
|
@ -34,80 +34,102 @@
|
||||||
|
|
||||||
constructor: Typeahead
|
constructor: Typeahead
|
||||||
|
|
||||||
, matcher: function(item, query) {
|
, matcher: function (item, query) {
|
||||||
return ~item.indexOf(query)
|
return ~item.indexOf(query)
|
||||||
}
|
}
|
||||||
|
|
||||||
, select: function(event) {
|
, select: function () {
|
||||||
this.$element.val($(event.target).attr('data-value'))
|
var val = this.$menu.find('.active').attr('data-value')
|
||||||
this.hide()
|
this.$element.val(val)
|
||||||
|
return this.hide()
|
||||||
}
|
}
|
||||||
|
|
||||||
, show: function () {
|
, show: function () {
|
||||||
this.shown = true
|
var pos = $.extend({}, this.$element.offset(), {
|
||||||
|
height: this.$element[0].offsetHeight
|
||||||
|
})
|
||||||
|
|
||||||
|
this.$menu.css({
|
||||||
|
top: pos.top + pos.height
|
||||||
|
, left: pos.left
|
||||||
|
})
|
||||||
|
|
||||||
this.$menu.show()
|
this.$menu.show()
|
||||||
|
this.shown = true
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
, hide: function () {
|
, hide: function () {
|
||||||
this.shown = false
|
|
||||||
this.$menu.hide()
|
this.$menu.hide()
|
||||||
|
this.shown = false
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
, lookup: function (event) {
|
, lookup: function (event) {
|
||||||
var query = this.$element.val()
|
var query = this.$element.val()
|
||||||
, that = this
|
, that = this
|
||||||
|
, items
|
||||||
|
|
||||||
var items = this.data.filter(function (item) {
|
if (!query) {
|
||||||
if (that.matcher(item, query)) {
|
return this.shown ? this.hide() : this
|
||||||
return item
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
items = this.data.filter(function (item) {
|
||||||
|
if (that.matcher(item, query)) return item
|
||||||
})
|
})
|
||||||
|
|
||||||
if (!items.length) {
|
if (!items.length) {
|
||||||
return this.shown ? this.hide() : this
|
return this.shown ? this.hide() : this
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.render(items).show()
|
return this.render(items.slice(0, this.options.items)).show()
|
||||||
}
|
}
|
||||||
|
|
||||||
, render: function(items) {
|
, render: function (items) {
|
||||||
var that = this
|
var that = this
|
||||||
|
|
||||||
items = $(items).map(function (i, item) {
|
items = $(items).map(function (i, item) {
|
||||||
return $(that.options.item)
|
i = $(that.options.item).attr('data-value', item)
|
||||||
.text(item)
|
i.find('a').text(item)
|
||||||
.attr('data-value', item)[0]
|
return i[0]
|
||||||
})
|
})
|
||||||
|
|
||||||
items.first().addClass('active')
|
items.first().addClass('active')
|
||||||
|
this.$menu.html(items)
|
||||||
this.$menu.append(items)
|
|
||||||
|
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
, next: function (event) {
|
, next: function (event) {
|
||||||
var active = this.$menu.find('.active').removeClass('active')
|
var active = this.$menu.find('.active').removeClass('active')
|
||||||
, next = active.next() || $(this.$menu.find('li')[0])
|
, next = active.next()
|
||||||
|
|
||||||
|
if (!next.length) {
|
||||||
|
next = $(this.$menu.find('li')[0])
|
||||||
|
}
|
||||||
|
|
||||||
next.addClass('active')
|
next.addClass('active')
|
||||||
}
|
}
|
||||||
|
|
||||||
, prev: function (event) {
|
, prev: function (event) {
|
||||||
var active = this.$menu.find('.active').removeClass('active')
|
var active = this.$menu.find('.active').removeClass('active')
|
||||||
, next = active.prev() || this.$menu.find('li').last()
|
, prev = active.prev()
|
||||||
|
|
||||||
next.addClass('active')
|
if (!prev.length) {
|
||||||
|
prev = this.$menu.find('li').last()
|
||||||
}
|
}
|
||||||
|
|
||||||
, keyup: function () {
|
prev.addClass('active')
|
||||||
event
|
}
|
||||||
.stopPropagation()
|
|
||||||
.preventDefault()
|
, keyup: function (e) {
|
||||||
|
e.stopPropagation()
|
||||||
|
e.preventDefault()
|
||||||
|
|
||||||
|
switch(e.keyCode) {
|
||||||
|
case 40: // down arrow
|
||||||
|
case 38: // up arrow
|
||||||
|
break
|
||||||
|
|
||||||
switch(event.keyCode) {
|
|
||||||
case 9: // tab
|
case 9: // tab
|
||||||
case 13: // enter
|
case 13: // enter
|
||||||
this.select()
|
this.select()
|
||||||
|
@ -120,51 +142,68 @@
|
||||||
default:
|
default:
|
||||||
this.lookup()
|
this.lookup()
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
, keypress: function (event) {
|
, keypress: function (e) {
|
||||||
event.stopPropagation()
|
e.stopPropagation()
|
||||||
switch(event.keyCode) {
|
|
||||||
|
switch(e.keyCode) {
|
||||||
case 9: // tab
|
case 9: // tab
|
||||||
case 13: // enter
|
case 13: // enter
|
||||||
case 27: // escape
|
case 27: // escape
|
||||||
event.preventDefault()
|
e.preventDefault()
|
||||||
break
|
break
|
||||||
|
|
||||||
case 38: // up arrow
|
case 38: // up arrow
|
||||||
|
e.preventDefault()
|
||||||
this.prev()
|
this.prev()
|
||||||
event.preventDefault()
|
|
||||||
break
|
break
|
||||||
|
|
||||||
case 40: // down arrow
|
case 40: // down arrow
|
||||||
|
e.preventDefault()
|
||||||
this.next()
|
this.next()
|
||||||
event.preventDefault()
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
, blur: function (e) {
|
||||||
|
var that = this
|
||||||
|
e.stopPropagation()
|
||||||
|
e.preventDefault()
|
||||||
|
setTimeout(function () { that.hide() }, 150)
|
||||||
|
}
|
||||||
|
|
||||||
|
, click: function (e) {
|
||||||
|
e.stopPropagation()
|
||||||
|
e.preventDefault()
|
||||||
|
this.select()
|
||||||
|
}
|
||||||
|
|
||||||
|
, mouseenter: function (e) {
|
||||||
|
this.$menu.find('.active').removeClass('active')
|
||||||
|
$(e.currentTarget).addClass('active')
|
||||||
|
}
|
||||||
|
|
||||||
, listen: function () {
|
, listen: function () {
|
||||||
this.$element
|
this.$element
|
||||||
.on('focus', this.show)
|
.on('blur', $.proxy(this.blur, this))
|
||||||
.on('blur', $.proxy(this.hide, this))
|
|
||||||
.on('keypress', $.proxy(this.keypress, this))
|
.on('keypress', $.proxy(this.keypress, this))
|
||||||
.on('keyup', this.keyup)
|
.on('keyup', $.proxy(this.keyup, this))
|
||||||
.on('change', $.proxy(this.lookup, this))
|
|
||||||
|
|
||||||
if ($.browser.webkit || $.browser.msie) {
|
if ($.browser.webkit || $.browser.msie) {
|
||||||
this.$element.on('keydown', this.keypress)
|
this.$element.on('keydown', $.proxy(this.keypress, this))
|
||||||
}
|
}
|
||||||
|
|
||||||
this.$menu
|
this.$menu
|
||||||
.on('click', '* > *', $.proxy(this.select, this))
|
.on('click', $.proxy(this.click, this))
|
||||||
.on('mouseenter', function () {
|
.on('mouseenter', 'li', $.proxy(this.mouseenter, this))
|
||||||
/* remove selected class, add to mouseover */
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* TYPEAHEAD PLUGIN DEFINITION
|
/* TYPEAHEAD PLUGIN DEFINITION
|
||||||
* ============================== */
|
* =========================== */
|
||||||
|
|
||||||
$.fn.typeahead = function ( option ) {
|
$.fn.typeahead = function ( option ) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
|
@ -177,14 +216,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
$.fn.typeahead.defaults = {
|
$.fn.typeahead.defaults = {
|
||||||
data: null
|
items: 8
|
||||||
, items: 8
|
, menu: '<ul class="typeahead dropdown-menu"></ul>'
|
||||||
, empty: false
|
, item: '<li><a href="#"></a></li>'
|
||||||
, noresults: false
|
|
||||||
, menu: '<ul class="dropdown-menu"></ul>'
|
|
||||||
, item: '<li></li>'
|
|
||||||
}
|
}
|
||||||
|
|
||||||
$.fn.typeahead.Constructor = Typeahead
|
$.fn.typeahead.Constructor = Typeahead
|
||||||
|
|
||||||
|
|
||||||
|
/* TYPEAHEAD DATA-API
|
||||||
|
* ================== */
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
$('body').on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) {
|
||||||
|
var $this = $(this)
|
||||||
|
if ($this.data('typeahead')) return
|
||||||
|
e.preventDefault()
|
||||||
|
$this.typeahead($this.data())
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
}( window.jQuery )
|
}( window.jQuery )
|
|
@ -13,11 +13,9 @@ $(function () {
|
||||||
test("should listen to an input", function () {
|
test("should listen to an input", function () {
|
||||||
var $input = $('<input />')
|
var $input = $('<input />')
|
||||||
$input.typeahead()
|
$input.typeahead()
|
||||||
ok($input.data('events').focus, 'has a focus event')
|
|
||||||
ok($input.data('events').blur, 'has a blur event')
|
ok($input.data('events').blur, 'has a blur event')
|
||||||
ok($input.data('events').keypress, 'has a keypress event')
|
ok($input.data('events').keypress, 'has a keypress event')
|
||||||
ok($input.data('events').keyup, 'has a keyup event')
|
ok($input.data('events').keyup, 'has a keyup event')
|
||||||
ok($input.data('events').change, 'has a change event')
|
|
||||||
if ($.browser.webkit || $.browser.msie) {
|
if ($.browser.webkit || $.browser.msie) {
|
||||||
ok($input.data('events').keydown, 'has a keydown event')
|
ok($input.data('events').keydown, 'has a keydown event')
|
||||||
} else {
|
} else {
|
||||||
|
@ -44,7 +42,8 @@ $(function () {
|
||||||
})
|
})
|
||||||
, typeahead = $input.data('typeahead')
|
, typeahead = $input.data('typeahead')
|
||||||
|
|
||||||
$input.val('a').change()
|
$input.val('a')
|
||||||
|
typeahead.lookup()
|
||||||
|
|
||||||
ok(typeahead.$menu.is(":visible"), 'typeahead is visible')
|
ok(typeahead.$menu.is(":visible"), 'typeahead is visible')
|
||||||
equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu')
|
equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu')
|
||||||
|
@ -54,12 +53,14 @@ $(function () {
|
||||||
})
|
})
|
||||||
|
|
||||||
test("should hide menu when query entered", function () {
|
test("should hide menu when query entered", function () {
|
||||||
|
stop()
|
||||||
var $input = $('<input />').typeahead({
|
var $input = $('<input />').typeahead({
|
||||||
data: ['aa', 'ab', 'ac']
|
data: ['aa', 'ab', 'ac']
|
||||||
})
|
})
|
||||||
, typeahead = $input.data('typeahead')
|
, typeahead = $input.data('typeahead')
|
||||||
|
|
||||||
$input.val('a').change()
|
$input.val('a')
|
||||||
|
typeahead.lookup()
|
||||||
|
|
||||||
ok(typeahead.$menu.is(":visible"), 'typeahead is visible')
|
ok(typeahead.$menu.is(":visible"), 'typeahead is visible')
|
||||||
equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu')
|
equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu')
|
||||||
|
@ -67,7 +68,10 @@ $(function () {
|
||||||
|
|
||||||
$input.blur()
|
$input.blur()
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
ok(!typeahead.$menu.is(":visible"), "typeahead is no longer visible")
|
ok(!typeahead.$menu.is(":visible"), "typeahead is no longer visible")
|
||||||
|
start()
|
||||||
|
}, 200)
|
||||||
|
|
||||||
typeahead.$menu.remove()
|
typeahead.$menu.remove()
|
||||||
})
|
})
|
||||||
|
@ -78,7 +82,8 @@ $(function () {
|
||||||
})
|
})
|
||||||
, typeahead = $input.data('typeahead')
|
, typeahead = $input.data('typeahead')
|
||||||
|
|
||||||
$input.val('a').change()
|
$input.val('a')
|
||||||
|
typeahead.lookup()
|
||||||
|
|
||||||
ok(typeahead.$menu.is(":visible"), 'typeahead is visible')
|
ok(typeahead.$menu.is(":visible"), 'typeahead is visible')
|
||||||
equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu')
|
equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu')
|
||||||
|
@ -110,9 +115,10 @@ $(function () {
|
||||||
})
|
})
|
||||||
, typeahead = $input.data('typeahead')
|
, typeahead = $input.data('typeahead')
|
||||||
|
|
||||||
$input.val('a').change()
|
$input.val('a')
|
||||||
|
typeahead.lookup()
|
||||||
|
|
||||||
$(typeahead.$menu.find('li')[2]).trigger('click')
|
$(typeahead.$menu.find('li')[2]).mouseover().click()
|
||||||
|
|
||||||
equals($input.val(), 'ac', 'input value was correctly set')
|
equals($input.val(), 'ac', 'input value was correctly set')
|
||||||
ok(!typeahead.$menu.is(':visible'), 'the menu was hidden')
|
ok(!typeahead.$menu.is(':visible'), 'the menu was hidden')
|
||||||
|
|
|
@ -68,8 +68,10 @@
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
color: @gray;
|
color: @gray;
|
||||||
|
}
|
||||||
|
|
||||||
// Hover state
|
// Hover state
|
||||||
&:hover {
|
&.typeahead .active a, a:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||||
|
@ -78,7 +80,6 @@
|
||||||
@shadow: inset 0 1px 0 rgba(0,0,0,.075), inset 0 -1px rgba(0,0,0,.075);
|
@shadow: inset 0 1px 0 rgba(0,0,0,.075), inset 0 -1px rgba(0,0,0,.075);
|
||||||
.box-shadow(@shadow);
|
.box-shadow(@shadow);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Open state for the dropdown
|
// Open state for the dropdown
|
||||||
|
|
Loading…
Reference in New Issue