Skip to content

B
bootstrap
Commit 857fe32a authored by Mark Otto's avatar Mark Otto
Browse files
Options

Refactor navs: new classes, remove separate pills & tabs files, drop justified... 

Refactor navs: new classes, remove separate pills & tabs files, drop justified nav because it never really worked
parent 77a4bcad
Show whitespace changes
Inline Side-by-side
Showing with 319 additions and 921 deletions
dist/css/bootstrap.css
View file @ 857fe32a
...@@ -2963,15 +2963,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -2963,15 +2963,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
} }
.nav { .nav {
padding-left: 0; padding-left: 0;
margin-bottom: 24px;
list-style: none; list-style: none;
} }
.nav-item { .nav-item {
position: relative; position: relative;
display: block; display: inline-block;
} }
.nav-link { .nav-link {
display: block; display: inline-block;
padding: .5em 1em; padding: .5em 1em;
line-height: 1.5; line-height: 1.5;
} }
...@@ -2980,198 +2979,103 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -2980,198 +2979,103 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
text-decoration: none; text-decoration: none;
background-color: #eceeef; background-color: #eceeef;
} }
.open > .nav-link, .disabled > .nav-link,
.active > .nav-link, .nav-link.disabled {
.open > .nav-link:hover,
.active > .nav-link:hover,
.open > .nav-link:focus,
.active > .nav-link:focus {
color: #fff;
background-color: #027de7;
}
.disabled > .nav-link {
color: #818a91; color: #818a91;
} }
.disabled > .nav-link, .disabled > .nav-link,
.nav-link.disabled,
.disabled > .nav-link:hover, .disabled > .nav-link:hover,
.disabled > .nav-link:focus { .nav-link.disabled:hover,
.disabled > .nav-link:focus,
.nav-link.disabled:focus {
color: #818a91; color: #818a91;
cursor: not-allowed; cursor: not-allowed;
background-color: transparent; background-color: transparent;
} }
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: .5em 1em;
line-height: 1.5;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eceeef;
}
.nav > li.disabled > a {
color: #818a91;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #818a91;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eceeef;
border-color: #027de7;
}
.nav-tabs { .nav-tabs {
margin-bottom: 24px;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.nav-tabs > li { .nav-tabs .nav-item {
float: left; float: left;
margin-bottom: -1px; margin-bottom: -1px;
} }
.nav-tabs > li > a { .nav-tabs .nav-item + .nav-item {
margin-right: 2px; margin-left: .2rem;
line-height: 1.5; }
.nav-tabs .nav-link {
display: block;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: .2rem .2rem 0 0; border-radius: .2rem .2rem 0 0;
} }
.nav-tabs > li > a:hover { .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: #eceeef #eceeef #ddd; border-color: #eceeef #eceeef #ddd;
} }
.nav-tabs > li.active > a, .nav-tabs .open > .nav-link,
.nav-tabs > li.active > a:hover, .nav-tabs .active > .nav-link,
.nav-tabs > li.active > a:focus { .nav-tabs .nav-link.open,
.nav-tabs .nav-link.active,
.nav-tabs .open > .nav-link:hover,
.nav-tabs .active > .nav-link:hover,
.nav-tabs .nav-link.open:hover,
.nav-tabs .nav-link.active:hover,
.nav-tabs .open > .nav-link:focus,
.nav-tabs .active > .nav-link:focus,
.nav-tabs .nav-link.open:focus,
.nav-tabs .nav-link.active:focus {
color: #55595c; color: #55595c;
cursor: default;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border-color: #ddd #ddd transparent;
border-bottom-color: transparent; }
} .nav-tabs .disabled > .nav-link,
.nav-tabs.nav-justified { .nav-tabs .nav-link.disabled,
width: 100%; .nav-tabs .disabled > .nav-link:hover,
border-bottom: 0; .nav-tabs .nav-link.disabled:hover,
} .nav-tabs .disabled > .nav-link:focus,
.nav-tabs.nav-justified > li { .nav-tabs .nav-link.disabled:focus {
float: none; color: #818a91;
} background-color: transparent;
.nav-tabs.nav-justified > li > a { border-color: transparent;
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 48em) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: .2rem;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
} }
@media (min-width: 48em) { .nav-pills {
.nav-tabs.nav-justified > li > a { margin-bottom: 24px;
border-bottom: 1px solid #ddd;
border-radius: .2rem .2rem 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
} }
.nav-pills > li { .nav-pills .nav-item {
float: left; float: left;
} }
.nav-pills > li > a { .nav-pills .nav-item + .nav-item {
border-radius: .2rem; margin-left: .2rem;
} }
.nav-pills > li + li { .nav-pills .nav-link {
margin-left: 2px; display: block;
border-radius: .2rem;
} }
.nav-pills > li.active > a, .nav-pills .open > .nav-link,
.nav-pills > li.active > a:hover, .nav-pills .active > .nav-link,
.nav-pills > li.active > a:focus { .nav-pills .nav-link.open,
.nav-pills .nav-link.active,
.nav-pills .open > .nav-link:hover,
.nav-pills .active > .nav-link:hover,
.nav-pills .nav-link.open:hover,
.nav-pills .nav-link.active:hover,
.nav-pills .open > .nav-link:focus,
.nav-pills .active > .nav-link:focus,
.nav-pills .nav-link.open:focus,
.nav-pills .nav-link.active:focus {
color: #fff; color: #fff;
cursor: default;
background-color: #027de7; background-color: #027de7;
} }
.nav-stacked > li { .nav-stacked .nav-item {
display: block;
float: none; float: none;
} }
.nav-stacked > li + li { .nav-stacked .nav-item + .nav-item {
margin-top: 2px; margin-top: .2rem;
margin-left: 0; margin-left: 0;
} }
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 48em) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: .2rem;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 48em) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: .2rem .2rem 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane { .tab-content > .tab-pane {
display: none; display: none;
} }
...@@ -3183,95 +3087,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -3183,95 +3087,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.nav-tab {
padding-left: 0;
margin-bottom: 24px;
list-style: none;
border-bottom: 1px solid #ddd;
}
.nav-tab-item {
position: relative;
display: block;
float: left;
margin-bottom: -1px;
}
.nav-tab-link {
display: block;
padding: .5em 1em;
margin-right: .2rem;
line-height: 1.5;
border: 1px solid transparent;
border-radius: .2rem .2rem 0 0;
}
.nav-tab-link:hover,
.nav-tab-link:focus {
text-decoration: none;
background-color: #eceeef;
border-color: #eceeef #eceeef #ddd;
}
.open > .nav-tab-link,
.active > .nav-tab-link,
.open > .nav-tab-link:hover,
.active > .nav-tab-link:hover,
.open > .nav-tab-link:focus,
.active > .nav-tab-link:focus {
color: #55595c;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.disabled > .nav-tab-link,
.disabled > .nav-tab-link:hover,
.disabled > .nav-tab-link:focus {
color: #818a91;
cursor: not-allowed;
background-color: transparent;
border-color: transparent;
}
.nav-pill {
padding-left: 0;
margin-bottom: 24px;
list-style: none;
}
.nav-pill-item {
position: relative;
display: block;
float: left;
}
.nav-pill-item + .nav-pill-item {
margin-left: .2rem;
}
.nav-pill-link {
position: relative;
display: block;
padding: .5em 1em;
border-radius: .2rem;
}
.nav-pill-link:hover,
.nav-pill-link:focus {
text-decoration: none;
background-color: #eceeef;
}
.open > .nav-pill-link,
.active > .nav-pill-link,
.open > .nav-pill-link:hover,
.active > .nav-pill-link:hover,
.open > .nav-pill-link:focus,
.active > .nav-pill-link:focus {
color: #fff;
background-color: #027de7;
}
.disabled > .nav-pill-link {
color: #818a91;
}
.disabled > .nav-pill-link,
.disabled > .nav-pill-link:hover,
.disabled > .nav-pill-link:focus {
color: #818a91;
cursor: not-allowed;
background-color: transparent;
}
.navbar { .navbar {
position: relative; position: relative;
min-height: 50px; min-height: 50px;
...@@ -5128,12 +4943,6 @@ button.close { ...@@ -5128,12 +4943,6 @@ button.close {
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:after,
.nav:before, .nav:before,
.nav:after, .nav:after,
.nav:before,
.nav:after,
.nav-tab:before,
.nav-tab:after,
.nav-pill:before,
.nav-pill:after,
.navbar:before, .navbar:before,
.navbar:after, .navbar:after,
.navbar-header:before, .navbar-header:before,
...@@ -5156,9 +4965,6 @@ button.close { ...@@ -5156,9 +4965,6 @@ button.close {
.btn-toolbar:after, .btn-toolbar:after,
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:after,
.nav:after, .nav:after,
.nav:after,
.nav-tab:after,
.nav-pill:after,
.navbar:after, .navbar:after,
.navbar-header:after, .navbar-header:after,
.navbar-collapse:after, .navbar-collapse:after,
......
dist/css/bootstrap.css.map
View file @ 857fe32a
This diff was suppressed by a .gitattributes entry.
dist/css/bootstrap.min.css
View file @ 857fe32a
This source diff could not be displayed because it is too large. You can view the blob instead.
docs/_includes/components/navs.html
View file @ 857fe32a
<div class="bs-docs-section"> <div class="bs-docs-section">
<h1 id="nav" class="page-header">Navs</h1> <h1 id="nav" class="page-header">Navs</h1>
<p class="lead">Navs available in Bootstrap have shared markup, starting with the base <code>.nav</code> class, as well as shared states. Swap modifier classes to switch between each style.</p> <p class="lead">Navigation available in Bootstrap share general markup and styles, from the base <code>.nav</code> class to the active and disabled states. Swap modifier classes to switch between each style.</p>
<h2 id="nav-basic">Basic nav</h2> <h2 id="nav-base">Base nav</h2>
<p>Uses no modifier classes. No supported active state by default, given highly customizable nature of nav styles.</p> <p>Roll your own navigation style by extending the base <code>.nav</code> component. All Bootstrap's nav components are built on top of this. Includes styles for the disabled state, but <strong>not the active state</strong>.</p>
<div class="bs-example"> <div class="bs-example">
<ul class="nav" role="tablist"> <ul class="nav" role="tablist">
<li> <li class="nav-item">
<a href="#">Active</a> <a class="nav-link" href="#">Link</a>
</li> </li>
<li> <li class="nav-item">
<a href="#">Link</a> <a class="nav-link" href="#">Link</a>
</li> </li>
<li> <li class="nav-item">
<a href="#">Another link</a> <a class="nav-link" href="#">Another link</a>
</li> </li>
<li class="disabled"> <li class="nav-item disabled">
<a href="#">Disabled</a> <a class="nav-link" href="#">Disabled</a>
</li> </li>
</ul> </ul>
</div> </div>
{% highlight html %}
<ul class="nav" role="tablist">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Another link</a>
</li>
<li class="nav-item disabled">
<a class="nav-link" href="#">Disabled</a>
</li>
</ul>
{% endhighlight %}
<p>Classes are used so your markup can be super flexible.</p>
<div class="bs-example">
<nav class="nav" role="tablist">
<a class="nav-link active" href="#">Active</a>
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="#">Another link</a>
<a class="nav-link disabled" href="#">Disabled</a>
</nav>
</div>
{% highlight html %}
<nav class="nav" role="tablist">
<a class="nav-link active" href="#">Active</a>
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="#">Another link</a>
<a class="nav-link disabled" href="#">Disabled</a>
</nav>
{% endhighlight %}
<h2 id="nav-tabs">Tabs</h2> <h2 id="nav-tabs">Tabs</h2>
<p>Note the <code>.nav-tabs</code> class requires the <code>.nav</code> base class.</p> <p>Takes the basic nav from above and adds the <code>.nav-tabs</code> class to generate a tabbed interface.</p>
<div class="bs-example"> <div class="bs-example">
<ul class="nav-tab" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<li class="nav-tab-item active"> <li class="nav-item active">
<a href="#" class="nav-tab-link">Active</a> <a href="#" class="nav-link">Active</a>
</li> </li>
<li class="nav-tab-item"> <li class="nav-item">
<a href="#" class="nav-tab-link">Link</a> <a href="#" class="nav-link">Link</a>
</li> </li>
<li class="nav-tab-item"> <li class="nav-item">
<a href="#" class="nav-tab-link">Another link</a> <a href="#" class="nav-link">Another link</a>
</li> </li>
<li class="nav-tab-item disabled"> <li class="nav-item disabled">
<a href="#" class="nav-tab-link">Disabled</a> <a href="#" class="nav-link">Disabled</a>
</li> </li>
</ul> </ul>
</div> </div>
{% highlight html %} {% highlight html %}
<ul class="nav-tab" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<li class="nav-tab-item active"> <li class="nav-item active">
<a href="#" class="nav-tab-link">Active</a> <a href="#" class="nav-link">Active</a>
</li> </li>
<li class="nav-tab-item"> <li class="nav-item">
<a href="#" class="nav-tab-link">Link</a> <a href="#" class="nav-link">Link</a>
</li> </li>
<li class="nav-tab-item"> <li class="nav-item">
<a href="#" class="nav-tab-link">Another link</a> <a href="#" class="nav-link">Another link</a>
</li> </li>
<li class="nav-tab-item disabled"> <li class="nav-item disabled">
<a href="#" class="nav-tab-link">Disabled</a> <a href="#" class="nav-link">Disabled</a>
</li> </li>
</ul> </ul>
{% endhighlight %} {% endhighlight %}
...@@ -64,78 +99,70 @@ ...@@ -64,78 +99,70 @@
<h2 id="nav-pills">Pills</h2> <h2 id="nav-pills">Pills</h2>
<p>Take that same HTML, but use <code>.nav-pills</code> instead:</p> <p>Take that same HTML, but use <code>.nav-pills</code> instead:</p>
<div class="bs-example"> <div class="bs-example">
<ul class="nav-pill" role="tablist"> <ul class="nav nav-pills" role="tablist">
<li class="nav-pill-item active"> <li class="nav-item active">
<a href="#" class="nav-pill-link">Active</a> <a href="#" class="nav-link">Active</a>
</li> </li>
<li class="nav-pill-item"> <li class="nav-item">
<a href="#" class="nav-pill-link">Link</a> <a href="#" class="nav-link">Link</a>
</li> </li>
<li class="nav-pill-item"> <li class="nav-item">
<a href="#" class="nav-pill-link">Another link</a> <a href="#" class="nav-link">Another link</a>
</li> </li>
<li class="nav-pill-item disabled"> <li class="nav-item disabled">
<a href="#" class="nav-pill-link">Disabled</a> <a href="#" class="nav-link">Disabled</a>
</li> </li>
</ul> </ul>
</div> </div>
{% highlight html %} {% highlight html %}
<ul class="nav-pill" role="tablist"> <ul class="nav nav-pills" role="tablist">
<li class="nav-pill-item active"> <li class="nav-item active">
<a href="#" class="nav-pill-link">Active</a> <a href="#" class="nav-link">Active</a>
</li> </li>
<li class="nav-pill-item"> <li class="nav-item">
<a href="#" class="nav-pill-link">Link</a> <a href="#" class="nav-link">Link</a>
</li> </li>
<li class="nav-pill-item"> <li class="nav-item">
<a href="#" class="nav-pill-link">Another link</a> <a href="#" class="nav-link">Another link</a>
</li> </li>
<li class="nav-pill-item disabled"> <li class="nav-item disabled">
<a href="#" class="nav-pill-link">Disabled</a> <a href="#" class="nav-link">Disabled</a>
</li> </li>
</ul> </ul>
{% endhighlight %} {% endhighlight %}
<p>Pills are also vertically stackable. Just add <code>.nav-stacked</code>.</p> <h2 id="nav-pills-stacked">Stacked pills</h2>
<p>Just add <code>.nav-stacked</code>.</p>
<div class="bs-example"> <div class="bs-example">
<ul class="nav nav-pills nav-stacked" role="tablist" style="max-width: 300px;"> <ul class="nav nav-pills nav-stacked" role="tablist">
<li class="active"><a href="#">Home</a></li> <li class="nav-item active">
<li><a href="#">Profile</a></li> <a href="#" class="nav-link">Active</a>
<li><a href="#">Messages</a></li> </li>
<li class="nav-item">
<a href="#" class="nav-link">Link</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Another link</a>
</li>
<li class="nav-item disabled">
<a href="#" class="nav-link">Disabled</a>
</li>
</ul> </ul>
</div> </div>
{% highlight html %} {% highlight html %}
<ul class="nav nav-pills nav-stacked" role="tablist"> <ul class="nav nav-pills nav-stacked" role="tablist">
... <li class="nav-item active">
</ul> <a href="#" class="nav-link">Active</a>
{% endhighlight %} </li>
<li class="nav-item">
<a href="#" class="nav-link">Link</a>
<h2 id="nav-justified">Justified</h2> </li>
<p>Easily make tabs or pills equal widths of their parent at screens wider than 768px with <code>.nav-justified</code>. On smaller screens, the nav links are stacked.</p> <li class="nav-item">
<div class="bs-callout bs-callout-warning"> <a href="#" class="nav-link">Another link</a>
<h4>Safari and responsive justified navs</h4> </li>
<p>As of v7.0.1, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p> <li class="nav-item disabled">
</div> <a href="#" class="nav-link">Disabled</a>
<div class="bs-example"> </li>
<ul class="nav nav-tabs nav-justified" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
<br>
<ul class="nav nav-pills nav-justified" role="tablist">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
</div>
{% highlight html %}
<ul class="nav nav-tabs nav-justified" role="tablist">
...
</ul>
<ul class="nav nav-pills nav-justified" role="tablist">
...
</ul> </ul>
{% endhighlight %} {% endhighlight %}
......
docs/_includes/nav/components.html
View file @ 857fe32a
...@@ -41,10 +41,9 @@ ...@@ -41,10 +41,9 @@
<li> <li>
<a href="#nav">Navs</a> <a href="#nav">Navs</a>
<ul class="nav"> <ul class="nav">
<li><a href="#nav-base">Base nav</a></li>
<li><a href="#nav-tabs">Tabs</a></li> <li><a href="#nav-tabs">Tabs</a></li>
<li><a href="#nav-pills">Pills</a></li> <li><a href="#nav-pills">Pills</a></li>
<li><a href="#nav-justified">Justified nav</a></li>
<li><a href="#nav-disabled-links">Disabled links</a></li>
<li><a href="#nav-dropdowns">Using dropdowns</a></li> <li><a href="#nav-dropdowns">Using dropdowns</a></li>
</ul> </ul>
</li> </li>
......
docs/assets/css/docs.min.css
View file @ 857fe32a
...@@ -3,4 +3,4 @@ ...@@ -3,4 +3,4 @@
* Copyright 2011-2014 Twitter, Inc. * Copyright 2011-2014 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For * Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/. * details, see http://creativecommons.org/licenses/by/3.0/.
*/.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#faa}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#FCC;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#C00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#f60}.mh{color:#f60}.mi{color:#f60}.mo{color:#f60}.sb{color:#c30}.sc{color:#c30}.sd{color:#C30;font-style:italic}.s2{color:#c30}.se{color:#C30}.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}body{position:relative}.table code{font-size:13px;font-weight:400}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bs-docs-booticon{display:block;font-weight:500;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bs-docs-booticon-sm{width:30px;height:30px;font-size:20px;line-height:28px}.bs-docs-booticon-md{width:40px;height:40px;font-size:28px;line-height:40px}.bs-docs-booticon-lg{width:144px;height:144px;font-size:108px;line-height:140px}.bs-docs-booticon-inverse{color:#563d7c;background-color:#fff}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}.bs-docs-nav{margin-bottom:0;background-color:#563d7c;border-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#cdbfe3}.bs-docs-nav .navbar-brand{color:#fff}.bs-docs-nav .navbar-nav>li>a:hover,.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover{color:#fff;background-color:#563d7c}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#322f38}.bs-docs-nav .navbar-header .navbar-toggle:hover,.bs-docs-nav .navbar-header .navbar-toggle:focus{background-color:#29262f;border-color:#29262f}.bs-docs-footer{margin-top:100px;color:#777;text-align:center;border-top:1px solid #e5e5e5}.bs-docs-footer-links{padding-left:0;margin-top:20px;color:#999}.bs-docs-footer-links li{display:inline;padding:0 2px}.bs-docs-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bs-docs-footer p{margin-bottom:0}.bs-docs .bs-docs-footer{text-align:left}}.bs-docs-social{margin-bottom:20px;text-align:center}.bs-docs-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bs-docs-social-buttons li{display:inline-block;padding:5px 8px;line-height:1}.bs-docs-social-buttons .twitter-follow-button{width:225px!important}.bs-docs-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}@media (min-width:768px){.bs-docs .bs-docs-social{margin-left:-8px;text-align:left}}.bs-docs-masthead{position:relative;padding:30px 15px;color:#cdbfe3;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#6f5499;background-image:-webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6f5499', GradientType=0);background-repeat:repeat-x}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{font-weight:300;line-height:1;color:#fff}.bs-docs-masthead .lead{margin:0 auto 30px;font-size:20px;color:#fff}.bs-docs-masthead .version{margin-top:-15px;margin-bottom:30px;color:#9783b9}.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding:80px 0}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{width:80%;font-size:30px}}.bs-docs-header{padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem;font-size:1.25rem;background-color:#563d7c}.bs-docs-header h1{margin-top:0;color:#fff}.bs-docs-header p{margin-bottom:0;font-weight:300;line-height:1.4;color:rgba(255,255,255,.65)}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{font-size:24px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header{padding-top:4rem;padding-bottom:4rem}.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{width:auto!important;height:auto!important;padding:20px!important;margin:30px -30px -31px!important;overflow:hidden;font-size:13px!important;line-height:16px!important;text-align:left;background:transparent!important;border:solid #866ab3!important;border-width:1px 0!important}.carbonad-img{margin:0!important}.carbonad-text,.carbonad-tag{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-text a,.carbonad-tag a{color:#fff!important}.carbonad #azcarbon>img{display:none}.bs-docs-header .carbonad{color:#777;background-color:#fff!important;border-color:#eee!important}.bs-docs-header .carbonad-text a,.bs-docs-header .carbonad-tag a{color:#563d7c!important}@media (min-width:480px){.carbonad{width:330px!important;margin:20px auto!important;border-width:1px!important;border-radius:4px}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:992px){.carbonad{position:absolute;top:30px;right:60px;width:330px!important;padding:15px!important;margin:0!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{padding-top:40px;padding-bottom:40px;font-size:16px;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bs-docs-featurette+.bs-docs-footer{margin-top:0;border-top:0}.bs-docs-featurette-title{margin-bottom:5px;font-size:30px;font-weight:400;color:#333}.half-rule{width:100px;margin:40px auto}.bs-docs-featurette h3{margin-bottom:5px;font-weight:400;color:#333}.bs-docs-featurette-img{display:block;margin-bottom:20px;color:#333}.bs-docs-featurette-img:hover{color:#428bca;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-top:100px;padding-bottom:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-featured-sites{margin-right:-1px;margin-left:-1px}.bs-docs-featured-sites .col-xs-6{padding:1px}.bs-docs-featured-sites .img-responsive{margin-top:0}@media (min-width:768px){.bs-docs-featured-sites .col-sm-3:first-child img{border-top-left-radius:4px;border-bottom-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}@media (max-width:480px){.bs-examples{margin-right:-10px;margin-left:-10px}.bs-examples>[class^=col-]{padding-right:10px;padding-left:10px}}.bs-docs-container{position:relative;max-width:62rem;padding:1rem;margin-right:auto;margin-left:auto}@media (min-width:768px){.bs-docs-container{padding:2rem}}@media (min-width:992px){.bs-docs-container{padding:2rem 4rem}}.bs-docs-sidebar{margin-bottom:0;background-color:#322f38}.bs-docs-sidebar .navbar-toggle{position:absolute;top:5px;right:0;z-index:5}.bs-docs-sidebar .navbar-toggle .icon-bar{background-color:#fff}.bs-docs-sidebar .navbar-header{float:none;margin-right:-15px}.bs-docs-sidebar .navbar-collapse{padding:0;border:0}@media (min-width:992px){.bs-docs{padding-left:240px}.bs-docs-sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;overflow-x:hidden;overflow-y:auto;background-image:-webkit-gradient(linear,left top,left bottom,from(#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:linear-gradient(to bottom,#29262f 0,#322f38 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#29262f', endColorstr='#322f38', GradientType=0);background-repeat:repeat-x}.bs-docs-sidebar .navbar-brand{margin-bottom:15px}}.bs-docs-sidebar .navbar-brand{display:block;float:none;height:auto;padding:20px;font-size:20px;font-weight:500;line-height:1;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.bs-docs-sidebar-brand:hover,.bs-docs-sidebar-brand:focus{color:#fff;text-decoration:none}.bs-docs-sidenav{display:none}.bs-docs-toc-item{margin-right:-.75rem;margin-left:-.75rem}.bs-docs-toc-link{display:block;padding:4px 20px;font-size:16px;color:#706e74}.bs-docs-toc-link:hover,.bs-docs-toc-link:focus{color:#ffe484;text-decoration:none}.active>.bs-docs-toc-link{font-weight:500;color:#ffe484}.active>.bs-docs-sidenav{display:block}.bs-docs-toc-item.active{margin-top:15px;margin-bottom:15px}.bs-docs-toc-item:first-child{margin-top:0}.bs-docs-toc-item:last-child{margin-bottom:30px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:14px;color:#99979c}.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{color:#ffe484;text-decoration:none;background-color:transparent}.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a{font-weight:500;color:#ffe484;background-color:transparent}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a{font-weight:500}.back-to-top,.bs-docs-theme-toggle{display:none}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-sidebar .nav>.active>.nav{display:block}.bs-docs-sidebar .nav .nav>li>a{padding-top:2px;padding-bottom:2px;padding-left:30px;font-size:13px}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{border-left-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{border-left-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#428bca}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:1.5rem;margin-top:1rem;margin-bottom:-1rem;border:solid #f7f7f9;border-width:.2rem 0 0}.bs-example:before{position:absolute;top:0;display:none;padding:.4rem .75rem;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1rem;content:"Example";background-color:#eb4c82;border-radius:.2rem}@media (min-width:480px){.bs-example{border-width:.2rem}}.bs-example .container{width:auto}.bs-example>p:last-child,.bs-example>ul:last-child,.bs-example>ol:last-child,.bs-example>blockquote:last-child,.bs-example>.form-control:last-child,.bs-example>.table:last-child,.bs-example>.navbar:last-child,.bs-example>.jumbotron:last-child,.bs-example>.alert:last-child,.bs-example>.panel:last-child,.bs-example>.list-group:last-child,.bs-example>.well:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#999;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing select,.bs-example-control-sizing input[type=text]+input[type=text]{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-top-example,.bs-navbar-bottom-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-top-example .navbar-header,.bs-navbar-bottom-example .navbar-header{margin-left:0}.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:absolute}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px;clear:left}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.highlight{padding:1.5rem;margin-top:1rem;margin-bottom:1rem;background-color:#f7f7f9}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#333}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.visible-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-xs,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-lg{color:#999;border:1px solid #ddd}.visible-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-xs-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-lg-block{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customizer-input{float:left;width:33.333333%;padding-right:15px;padding-left:15px}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item .svg{width:144px;height:144px}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}.bs-brand-item .glyphicon{width:30px;height:30px;margin:10px auto -10px;line-height:30px;color:#fff;border-radius:50%}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.zero-clipboard{position:relative;display:none;float:right}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:#eceeef;border-radius:.2rem}.btn-clipboard-hover{color:#fff;background-color:#027de7}@media (min-width:768px){.zero-clipboard{display:block}}#focusedInput{border-color:#ccc;border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6)} */.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#faa}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#FCC;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#C00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#f60}.mh{color:#f60}.mi{color:#f60}.mo{color:#f60}.sb{color:#c30}.sc{color:#c30}.sd{color:#C30;font-style:italic}.s2{color:#c30}.se{color:#C30}.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}body{position:relative}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bs-docs-booticon{display:block;width:144px;height:144px;font-size:108px;font-weight:500;line-height:140px;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bs-docs-booticon.inverse{color:#563d7c;background-color:#fff}.bs-docs-booticon.outline{background-color:transparent;border:1px solid #cdbfe3}.bs-docs-nav{margin-bottom:0;background-color:#563d7c;border-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#cdbfe3}.bs-docs-nav .navbar-brand{color:#fff}.bs-docs-nav .navbar-nav>li>a:hover,.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover{color:#fff;background-color:#563d7c}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#322f38}.bs-docs-nav .navbar-header .navbar-toggle:hover,.bs-docs-nav .navbar-header .navbar-toggle:focus{background-color:#29262f;border-color:#29262f}.bs-docs-footer{margin-top:100px;color:#777;text-align:center;border-top:1px solid #e5e5e5}.bs-docs-footer-links{padding-left:0;margin-top:20px;color:#999}.bs-docs-footer-links li{display:inline;padding:0 2px}.bs-docs-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bs-docs-footer p{margin-bottom:0}.bs-docs .bs-docs-footer{text-align:left}}.bs-docs-social{margin-bottom:20px;text-align:center}.bs-docs-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bs-docs-social-buttons li{display:inline-block;padding:5px 8px;line-height:1}.bs-docs-social-buttons .twitter-follow-button{width:225px!important}.bs-docs-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}@media (min-width:768px){.bs-docs .bs-docs-social{margin-left:-8px;text-align:left}}.bs-docs-masthead{position:relative;padding:30px 15px;color:#cdbfe3;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background-color:#6f5499;background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#563d7c),to(#6f5499));background-image:-webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:-o-linear-gradient(top,#563d7c 0,#6f5499 100%);background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff563d7c', endColorstr='#ff6f5499', GradientType=0)}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{font-weight:300;line-height:1;color:#fff}.bs-docs-masthead .lead{margin:0 auto 30px;font-size:20px;color:#fff}.bs-docs-masthead .version{margin-top:-15px;margin-bottom:30px;color:#9783b9}.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding:80px 0}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{width:80%;font-size:30px}}.bs-docs-header{padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem;font-size:1.25rem;background-color:#563d7c}.bs-docs-header h1{margin-top:0;color:#fff}.bs-docs-header p{margin-bottom:0;font-weight:300;line-height:1.4;color:rgba(255,255,255,.65)}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{font-size:24px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header{padding-top:4rem;padding-bottom:4rem}.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{width:auto!important;height:auto!important;padding:20px!important;margin:30px -30px -31px!important;overflow:hidden;font-size:13px!important;line-height:16px!important;color:#cdbfe3!important;text-align:left;background:transparent!important;border:solid #866ab3!important;border-width:1px 0!important}.carbonad-img{margin:0!important}.carbonad-text,.carbonad-tag{display:block!important;float:none!important;width:auto!important;height:auto!important;margin-left:145px!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-text a,.carbonad-tag a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media (min-width:480px){.carbonad{width:330px!important;margin:20px auto!important;border-width:1px!important;border-radius:4px}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:992px){.carbonad{position:absolute;top:30px;right:60px;width:330px!important;padding:15px!important;margin:0!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{padding-top:40px;padding-bottom:40px;font-size:16px;line-height:1.5;color:#555;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}.bs-docs-featurette+.bs-docs-footer{margin-top:0;border-top:0}.bs-docs-featurette-title{margin-bottom:5px;font-size:30px;font-weight:400;color:#333}.half-rule{width:100px;margin:40px auto}.bs-docs-featurette h3{margin-bottom:5px;font-weight:400;color:#333}.bs-docs-featurette-img{display:block;margin-bottom:20px;color:#333}.bs-docs-featurette-img:hover{color:#428bca;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-top:100px;padding-bottom:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-featured-sites{margin-right:-1px;margin-left:-1px}.bs-docs-featured-sites .col-xs-6{padding:1px}.bs-docs-featured-sites .img-responsive{margin-top:0}@media (min-width:768px){.bs-docs-featured-sites .col-sm-3:first-child img{border-top-left-radius:4px;border-bottom-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}@media (max-width:480px){.bs-examples{margin-right:-10px;margin-left:-10px}.bs-examples>[class^=col-]{padding-right:10px;padding-left:10px}}.bs-docs-container{position:relative;max-width:62rem;padding:1rem;margin-right:auto;margin-left:auto}@media (min-width:768px){.bs-docs-container{padding:2rem}}@media (min-width:992px){.bs-docs-container{padding:2rem 4rem}}.bs-docs-sidebar{margin-bottom:0;background-color:#322f38}.bs-docs-sidebar .navbar-toggle{position:absolute;top:5px;right:0;z-index:5}.bs-docs-sidebar .navbar-toggle .icon-bar{background-color:#fff}.bs-docs-sidebar .navbar-header{float:none;margin-right:-15px}.bs-docs-sidebar .navbar-collapse{padding:0;border:0}@media (min-width:992px){.bs-docs{padding-left:240px}.bs-docs-sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;overflow-x:hidden;overflow-y:auto;background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#29262f),to(#322f38));background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29262f),to(#322f38));background-image:-webkit-linear-gradient(top,#29262f 0,#322f38 100%);background-image:-o-linear-gradient(top,#29262f 0,#322f38 100%);background-image:linear-gradient(to bottom,#29262f 0,#322f38 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff29262f', endColorstr='#ff322f38', GradientType=0)}.bs-docs-sidebar .navbar-brand{margin-bottom:15px}}.bs-docs-sidebar .navbar-brand{display:block;float:none;height:auto;padding:20px;font-size:20px;font-weight:500;line-height:1;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.bs-docs-sidebar-brand:hover,.bs-docs-sidebar-brand:focus{color:#fff;text-decoration:none}.bs-docs-sidenav{display:none}.bs-docs-toc-item{margin-right:-.75rem;margin-left:-.75rem}.bs-docs-toc-link{display:block;padding:4px 20px;font-size:16px;color:#706e74}.bs-docs-toc-link:hover,.bs-docs-toc-link:focus{color:#ffe484;text-decoration:none}.active>.bs-docs-toc-link{font-weight:500;color:#ffe484}.active>.bs-docs-sidenav{display:block}.bs-docs-toc-item.active{margin-top:15px;margin-bottom:15px}.bs-docs-toc-item:first-child{margin-top:0}.bs-docs-toc-item:last-child{margin-bottom:30px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:14px;color:#99979c}.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus{color:#ffe484;text-decoration:none;background-color:transparent}.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a{font-weight:500;color:#ffe484;background-color:transparent}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a{font-weight:500}.bs-docs-sidebar .nav>.active>.nav{display:block}.bs-docs-sidebar .nav .nav>li>a{padding-top:2px;padding-bottom:2px;padding-left:30px;font-size:13px}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{padding-top:20px;margin-top:0}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{border-left-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{border-left-color:#5bc0de}.bs-callout-info h4{color:#5bc0de}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:60px;height:60px;margin:0 5px;border-radius:3px}@media (min-width:768px){.color-swatch{width:100px;height:100px}}.color-swatches .gray-darker{background-color:#373a3c}.color-swatches .gray-dark{background-color:#373a3c}.color-swatches .gray{background-color:#55595c}.color-swatches .gray-light{background-color:#818a91}.color-swatches .gray-lighter{background-color:#eceeef}.color-swatches .brand-primary{background-color:#027de7}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#cdbfe3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{line-height:32px;color:#555}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;width:180px;height:20px;margin-top:6px}.bs-team img{float:left;width:32px;margin-right:10px;border-radius:4px}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.bs-example{position:relative;padding:1.5rem;margin-top:1rem;margin-bottom:-1rem;border:solid #f7f7f9;border-width:.2rem 0 0}.bs-example:before{position:absolute;top:0;display:none;padding:.4rem .75rem;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1rem;content:"Example";background-color:#eb4c82;border-radius:.2rem}@media (min-width:480px){.bs-example{border-width:.2rem}}.bs-example .container{width:auto}.bs-example>:last-child,.bs-example>p:last-child,.bs-example>ul:last-child,.bs-example>ol:last-child,.bs-example>blockquote:last-child,.bs-example>.form-control:last-child,.bs-example>.table:last-child,.bs-example>.navbar:last-child,.bs-example>.jumbotron:last-child,.bs-example>.alert:last-child,.bs-example>.panel:last-child,.bs-example>.list-group:last-child,.bs-example>.well:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table{margin-bottom:0!important}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#999;vertical-align:middle}.bs-example-type .table td{padding:15px 0;border-color:#eee}.bs-example-type .table tr:first-child td{border-top:0}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px}.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-control-sizing select,.bs-example-control-sizing input[type=text]+input[type=text]{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-top-example,.bs-navbar-bottom-example{z-index:1;padding:0;overflow:hidden}.bs-navbar-top-example .navbar-header,.bs-navbar-bottom-example .navbar-header{margin-left:0}.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:relative;margin-right:0;margin-left:0}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example:after{top:auto;bottom:15px}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-top-example .navbar-fixed-top,.bs-navbar-bottom-example .navbar-fixed-bottom{position:absolute}}.bs-example .pagination{margin-top:10px;margin-bottom:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bs-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px;clear:left}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-top:5px;margin-bottom:5px}.bs-example-popover{padding-bottom:24px;background-color:#f9f9f9}.bs-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:20px}.scrollspy-example{position:relative;height:200px;margin-top:10px;overflow:auto}.highlight{padding:1.5rem;margin-top:1rem;margin-bottom:1rem;background-color:#f7f7f9}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#373a3c}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{display:block;padding:15px 10px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;border-radius:4px}.visible-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-xs,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-lg{color:#999;border:1px solid #ddd}.visible-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-xs-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-lg-block{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{margin-top:10px;font-weight:500;color:#555}.bs-customizer h2{padding-top:30px;margin-top:0;margin-bottom:5px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-top:15px;margin-bottom:0}.bs-customizer .bs-callout h4{margin-top:0;margin-bottom:5px}.bs-customizer input[type=text]{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#fafafa}.bs-customizer .help-block{margin-bottom:5px;font-size:12px}#less-section label{font-weight:400}.bs-customizer-input{float:left;width:33.333333%;padding-right:15px;padding-left:15px}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{position:fixed;top:0;right:0;left:0;z-index:1030;padding:15px 0;color:#fff;background-color:#d9534f;border-bottom:1px solid #b94441;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.bs-customizer-alert .close{margin-top:-4px;font-size:24px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{margin:10px 0 0;color:#fff;background-color:#a83c3a;border-color:#973634;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}.bs-brand-logos{display:table;width:100%;margin-bottom:15px;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:4px}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{color:#fff;background-color:#563d7c}.bs-brand-item .svg{width:144px;height:144px}.bs-brand-item h1,.bs-brand-item h3{margin-top:0;margin-bottom:0}.bs-brand-item .bs-docs-booticon{margin-right:auto;margin-left:auto}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-top:0;border-left:1px solid #fff}.bs-brand-item h1{font-size:60px}}.zero-clipboard{position:relative;display:none;float:right}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:#eceeef;border-radius:.2rem}.btn-clipboard-hover{color:#fff;background-color:#027de7}@media (min-width:768px){.zero-clipboard{display:block}}#focusedInput{border-color:#66afe9;outline:0;outline:thin dotted \9;-webkit-box-shadow:0 0 8px rgba(102,175,233,.6);box-shadow:0 0 8px rgba(102,175,233,.6)}
\ No newline at end of file \ No newline at end of file
docs/assets/js/docs.min.js
View file @ 857fe32a
...@@ -21,4 +21,4 @@ var Holder=Holder||{};!function(a,b){function c(a,b,c){b=parseInt(b,10),a=parseI ...@@ -21,4 +21,4 @@ var Holder=Holder||{};!function(a,b){function c(a,b,c){b=parseInt(b,10),a=parseI
* Licensed under the Creative Commons Attribution 3.0 Unported License. For * Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/. * details, see http://creativecommons.org/licenses/by/3.0/.
*/ */
!function(a){"use strict";a(function(){var b=a(window),c=a(document.body);c.scrollspy({target:".active .bs-docs-sidenav"}),b.on("load",function(){c.scrollspy("refresh")}),a(".bs-docs-container [href=#]").click(function(a){a.preventDefault()})(function(){var b=a("#bs-theme-stylesheet"),c=a(".bs-docs-theme-toggle"),d=function(){b.attr("href",b.attr("data-href")),c.text("Disable theme preview"),localStorage.setItem("previewTheme",!0)};localStorage.getItem("previewTheme")&&d(),c.click(function(){var a=b.attr("href");a&&0!==a.indexOf("data")?(b.attr("href",""),c.text("Preview theme"),localStorage.removeItem("previewTheme")):d()})}),a(".tooltip-demo").tooltip({selector:'[data-toggle="tooltip"]',container:"body"}),a(".popover-demo").popover({selector:'[data-toggle="popover"]',container:"body"}),a(".tooltip-test").tooltip(),a(".popover-test").popover(),a(".bs-docs-popover").popover(),a(".bs-docs-popover-dismiss").popover({trigger:"focus"}),a("#loading-example-btn").click(function(){var b=a(this);b.button("loading"),setTimeout(function(){b.button("reset")},3e3)}),ZeroClipboard.config({moviePath:"/assets/flash/ZeroClipboard.swf",hoverClass:"btn-clipboard-hover"}),a(".highlight").each(function(){var b=a(this),c=b.prev(),d='<div class="zero-clipboard"><span class="btn-clipboard">Copy</span></div>';c.hasClass("bs-example")?c.before(d.replace(/btn-clipboard/,"btn-clipboard with-example")):b.before(d)});var d=new ZeroClipboard(a(".btn-clipboard")),e=a("#global-zeroclipboard-html-bridge");d.on("load",function(){e.data("placement","top").attr("title","Copy to clipboard").tooltip()}),d.on("dataRequested",function(b){var c=a(this).parent().nextAll(".highlight").first();b.setText(c.text())}),d.on("complete",function(){e.attr("title","Copied!").tooltip("fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("fixTitle")}),d.on("noflash wrongflash",function(){e.attr("title","Flash required").tooltip("fixTitle").tooltip("show")})})}(jQuery); !function(a){"use strict";a(function(){var b=a(window),c=a("document.body");c.scrollspy({target:".active .bs-docs-sidenav"}),b.on("load",function(){c.scrollspy("refresh")}),a(".bs-docs-container [href=#]").click(function(a){a.preventDefault()})(function(){var b=a("#bs-theme-stylesheet"),c=a(".bs-docs-theme-toggle"),d=function(){b.attr("href",b.attr("data-href")),c.text("Disable theme preview"),localStorage.setItem("previewTheme",!0)};localStorage.getItem("previewTheme")&&d(),c.click(function(){var a=b.attr("href");a&&0!==a.indexOf("data")?(b.attr("href",""),c.text("Preview theme"),localStorage.removeItem("previewTheme")):d()})}),a(".tooltip-demo").tooltip({selector:'[data-toggle="tooltip"]',container:"body"}),a(".popover-demo").popover({selector:'[data-toggle="popover"]',container:"body"}),a(".tooltip-test").tooltip(),a(".popover-test").popover(),a(".bs-docs-popover").popover(),a(".bs-docs-popover-dismiss").popover({trigger:"focus"}),a("#loading-example-btn").click(function(){var b=a(this);b.button("loading"),setTimeout(function(){b.button("reset")},3e3)}),ZeroClipboard.config({moviePath:"/assets/flash/ZeroClipboard.swf",hoverClass:"btn-clipboard-hover"}),a(".highlight").each(function(){var b=a(this),c=b.prev(),d='<div class="zero-clipboard"><span class="btn-clipboard">Copy</span></div>';c.hasClass("bs-example")?c.before(d.replace(/btn-clipboard/,"btn-clipboard with-example")):b.before(d)});var d=new ZeroClipboard(a(".btn-clipboard")),e=a("#global-zeroclipboard-html-bridge");d.on("load",function(){e.data("placement","top").attr("title","Copy to clipboard").tooltip()}),d.on("dataRequested",function(b){var c=a(this).parent().nextAll(".highlight").first();b.setText(c.text())}),d.on("complete",function(){e.attr("title","Copied!").tooltip("fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("fixTitle")}),d.on("noflash wrongflash",function(){e.attr("title","Flash required").tooltip("fixTitle").tooltip("show")})})}(jQuery);
\ No newline at end of file \ No newline at end of file
docs/assets/js/src/application.js
View file @ 857fe32a
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
// Scrollspy // Scrollspy
var $window = $(window) var $window = $(window)
var $body = $(document.body) var $body = $('document.body')
$body.scrollspy({ $body.scrollspy({
target: '.active .bs-docs-sidenav' target: '.active .bs-docs-sidenav'
......
docs/assets/less/docs.less
View file @ 857fe32a
...@@ -916,6 +916,7 @@ h1[id] { ...@@ -916,6 +916,7 @@ h1[id] {
} }
// Tweak content of examples for optimum awesome // Tweak content of examples for optimum awesome
.bs-example > *:last-child,
.bs-example > p:last-child, .bs-example > p:last-child,
.bs-example > ul:last-child, .bs-example > ul:last-child,
.bs-example > ol:last-child, .bs-example > ol:last-child,
...@@ -930,7 +931,7 @@ h1[id] { ...@@ -930,7 +931,7 @@ h1[id] {
.bs-example > .well:last-child, .bs-example > .well:last-child,
.bs-example > .progress:last-child, .bs-example > .progress:last-child,
.bs-example > .table-responsive:last-child > .table { .bs-example > .table-responsive:last-child > .table {
margin-bottom: 0; margin-bottom: 0 !important;
} }
.bs-example > p > .close { .bs-example > p > .close {
float: none; float: none;
......
docs/dist/css/bootstrap.css
View file @ 857fe32a
...@@ -2963,15 +2963,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -2963,15 +2963,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
} }
.nav { .nav {
padding-left: 0; padding-left: 0;
margin-bottom: 24px;
list-style: none; list-style: none;
} }
.nav-item { .nav-item {
position: relative; position: relative;
display: block; display: inline-block;
} }
.nav-link { .nav-link {
display: block; display: inline-block;
padding: .5em 1em; padding: .5em 1em;
line-height: 1.5; line-height: 1.5;
} }
...@@ -2980,198 +2979,103 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -2980,198 +2979,103 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
text-decoration: none; text-decoration: none;
background-color: #eceeef; background-color: #eceeef;
} }
.open > .nav-link, .disabled > .nav-link,
.active > .nav-link, .nav-link.disabled {
.open > .nav-link:hover,
.active > .nav-link:hover,
.open > .nav-link:focus,
.active > .nav-link:focus {
color: #fff;
background-color: #027de7;
}
.disabled > .nav-link {
color: #818a91; color: #818a91;
} }
.disabled > .nav-link, .disabled > .nav-link,
.nav-link.disabled,
.disabled > .nav-link:hover, .disabled > .nav-link:hover,
.disabled > .nav-link:focus { .nav-link.disabled:hover,
.disabled > .nav-link:focus,
.nav-link.disabled:focus {
color: #818a91; color: #818a91;
cursor: not-allowed; cursor: not-allowed;
background-color: transparent; background-color: transparent;
} }
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: .5em 1em;
line-height: 1.5;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eceeef;
}
.nav > li.disabled > a {
color: #818a91;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #818a91;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eceeef;
border-color: #027de7;
}
.nav-tabs { .nav-tabs {
margin-bottom: 24px;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.nav-tabs > li { .nav-tabs .nav-item {
float: left; float: left;
margin-bottom: -1px; margin-bottom: -1px;
} }
.nav-tabs > li > a { .nav-tabs .nav-item + .nav-item {
margin-right: 2px; margin-left: .2rem;
line-height: 1.5; }
.nav-tabs .nav-link {
display: block;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: .2rem .2rem 0 0; border-radius: .2rem .2rem 0 0;
} }
.nav-tabs > li > a:hover { .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: #eceeef #eceeef #ddd; border-color: #eceeef #eceeef #ddd;
} }
.nav-tabs > li.active > a, .nav-tabs .open > .nav-link,
.nav-tabs > li.active > a:hover, .nav-tabs .active > .nav-link,
.nav-tabs > li.active > a:focus { .nav-tabs .nav-link.open,
.nav-tabs .nav-link.active,
.nav-tabs .open > .nav-link:hover,
.nav-tabs .active > .nav-link:hover,
.nav-tabs .nav-link.open:hover,
.nav-tabs .nav-link.active:hover,
.nav-tabs .open > .nav-link:focus,
.nav-tabs .active > .nav-link:focus,
.nav-tabs .nav-link.open:focus,
.nav-tabs .nav-link.active:focus {
color: #55595c; color: #55595c;
cursor: default;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border-color: #ddd #ddd transparent;
border-bottom-color: transparent; }
} .nav-tabs .disabled > .nav-link,
.nav-tabs.nav-justified { .nav-tabs .nav-link.disabled,
width: 100%; .nav-tabs .disabled > .nav-link:hover,
border-bottom: 0; .nav-tabs .nav-link.disabled:hover,
} .nav-tabs .disabled > .nav-link:focus,
.nav-tabs.nav-justified > li { .nav-tabs .nav-link.disabled:focus {
float: none; color: #818a91;
} background-color: transparent;
.nav-tabs.nav-justified > li > a { border-color: transparent;
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 48em) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: .2rem;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
} }
@media (min-width: 48em) { .nav-pills {
.nav-tabs.nav-justified > li > a { margin-bottom: 24px;
border-bottom: 1px solid #ddd;
border-radius: .2rem .2rem 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
} }
.nav-pills > li { .nav-pills .nav-item {
float: left; float: left;
} }
.nav-pills > li > a { .nav-pills .nav-item + .nav-item {
border-radius: .2rem; margin-left: .2rem;
} }
.nav-pills > li + li { .nav-pills .nav-link {
margin-left: 2px; display: block;
border-radius: .2rem;
} }
.nav-pills > li.active > a, .nav-pills .open > .nav-link,
.nav-pills > li.active > a:hover, .nav-pills .active > .nav-link,
.nav-pills > li.active > a:focus { .nav-pills .nav-link.open,
.nav-pills .nav-link.active,
.nav-pills .open > .nav-link:hover,
.nav-pills .active > .nav-link:hover,
.nav-pills .nav-link.open:hover,
.nav-pills .nav-link.active:hover,
.nav-pills .open > .nav-link:focus,
.nav-pills .active > .nav-link:focus,
.nav-pills .nav-link.open:focus,
.nav-pills .nav-link.active:focus {
color: #fff; color: #fff;
cursor: default;
background-color: #027de7; background-color: #027de7;
} }
.nav-stacked > li { .nav-stacked .nav-item {
display: block;
float: none; float: none;
} }
.nav-stacked > li + li { .nav-stacked .nav-item + .nav-item {
margin-top: 2px; margin-top: .2rem;
margin-left: 0; margin-left: 0;
} }
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 48em) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: .2rem;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 48em) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: .2rem .2rem 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane { .tab-content > .tab-pane {
display: none; display: none;
} }
...@@ -3183,95 +3087,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -3183,95 +3087,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.nav-tab {
padding-left: 0;
margin-bottom: 24px;
list-style: none;
border-bottom: 1px solid #ddd;
}
.nav-tab-item {
position: relative;
display: block;
float: left;
margin-bottom: -1px;
}
.nav-tab-link {
display: block;
padding: .5em 1em;
margin-right: .2rem;
line-height: 1.5;
border: 1px solid transparent;
border-radius: .2rem .2rem 0 0;
}
.nav-tab-link:hover,
.nav-tab-link:focus {
text-decoration: none;
background-color: #eceeef;
border-color: #eceeef #eceeef #ddd;
}
.open > .nav-tab-link,
.active > .nav-tab-link,
.open > .nav-tab-link:hover,
.active > .nav-tab-link:hover,
.open > .nav-tab-link:focus,
.active > .nav-tab-link:focus {
color: #55595c;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.disabled > .nav-tab-link,
.disabled > .nav-tab-link:hover,
.disabled > .nav-tab-link:focus {
color: #818a91;
cursor: not-allowed;
background-color: transparent;
border-color: transparent;
}
.nav-pill {
padding-left: 0;
margin-bottom: 24px;
list-style: none;
}
.nav-pill-item {
position: relative;
display: block;
float: left;
}
.nav-pill-item + .nav-pill-item {
margin-left: .2rem;
}
.nav-pill-link {
position: relative;
display: block;
padding: .5em 1em;
border-radius: .2rem;
}
.nav-pill-link:hover,
.nav-pill-link:focus {
text-decoration: none;
background-color: #eceeef;
}
.open > .nav-pill-link,
.active > .nav-pill-link,
.open > .nav-pill-link:hover,
.active > .nav-pill-link:hover,
.open > .nav-pill-link:focus,
.active > .nav-pill-link:focus {
color: #fff;
background-color: #027de7;
}
.disabled > .nav-pill-link {
color: #818a91;
}
.disabled > .nav-pill-link,
.disabled > .nav-pill-link:hover,
.disabled > .nav-pill-link:focus {
color: #818a91;
cursor: not-allowed;
background-color: transparent;
}
.navbar { .navbar {
position: relative; position: relative;
min-height: 50px; min-height: 50px;
...@@ -5128,12 +4943,6 @@ button.close { ...@@ -5128,12 +4943,6 @@ button.close {
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:after,
.nav:before, .nav:before,
.nav:after, .nav:after,
.nav:before,
.nav:after,
.nav-tab:before,
.nav-tab:after,
.nav-pill:before,
.nav-pill:after,
.navbar:before, .navbar:before,
.navbar:after, .navbar:after,
.navbar-header:before, .navbar-header:before,
...@@ -5156,9 +4965,6 @@ button.close { ...@@ -5156,9 +4965,6 @@ button.close {
.btn-toolbar:after, .btn-toolbar:after,
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:after,
.nav:after, .nav:after,
.nav:after,
.nav-tab:after,
.nav-pill:after,
.navbar:after, .navbar:after,
.navbar-header:after, .navbar-header:after,
.navbar-collapse:after, .navbar-collapse:after,
......
docs/dist/css/bootstrap.css.map
View file @ 857fe32a
This diff was suppressed by a .gitattributes entry.
docs/dist/css/bootstrap.min.css
View file @ 857fe32a
This source diff could not be displayed because it is too large. You can view the blob instead.
less/bootstrap.less
View file @ 857fe32a
...@@ -21,8 +21,6 @@ ...@@ -21,8 +21,6 @@
@import "button-groups.less"; @import "button-groups.less";
@import "input-groups.less"; @import "input-groups.less";
@import "navs.less"; @import "navs.less";
@import "nav-tab.less";
@import "nav-pill.less";
@import "navbar.less"; @import "navbar.less";
@import "breadcrumbs.less"; @import "breadcrumbs.less";
@import "pagination.less"; @import "pagination.less";
......
less/nav-pill.less deleted 100644 → 0
View file @ 77a4bcad
// Pill nav
//
// Horizontal navigation with large (rounded) rectangle hit areas for links.
.nav-pill {
.list-unstyled();
margin-bottom: @line-height-computed;
&:extend(.clearfix all);
}
.nav-pill-item {
position: relative;
display: block;
float: left;
& + & {
margin-left: .2rem;
}
}
.nav-pill-link {
position: relative;
display: block;
padding: @nav-link-padding;
.border-radius(@nav-pills-border-radius);
&:hover,
&:focus {
text-decoration: none;
background-color: @nav-link-hover-bg;
}
}
// Open dropdown and active states
.open,
.active {
> .nav-pill-link {
&,
&:hover,
&:focus {
color: @nav-pills-active-link-hover-color;
background-color: @nav-pills-active-link-hover-bg;
}
}
}
// Disabled state sets text to gray and nukes hover/tab effects
.disabled {
> .nav-pill-link {
color: @nav-disabled-link-color;
&,
&:hover,
&:focus {
color: @nav-disabled-link-hover-color;
background-color: transparent;
cursor: not-allowed;
}
}
}
less/nav-tab.less deleted 100644 → 0
View file @ 77a4bcad
// Pill nav
//
// Horizontal navigation with large top-aligned tab visuals.
.nav-tab {
.list-unstyled();
margin-bottom: @line-height-computed;
border-bottom: 1px solid @nav-tabs-border-color;
&:extend(.clearfix all);
}
.nav-tab-item {
position: relative;
display: block;
float: left;
// Make the list-items overlay the bottom border
margin-bottom: -1px;
}
.nav-tab-link {
display: block;
padding: @nav-link-padding;
margin-right: .2rem;
line-height: @line-height-base;
border: 1px solid transparent;
.border-radius(@border-radius-base @border-radius-base 0 0);
&:hover,
&:focus {
text-decoration: none;
background-color: @nav-link-hover-bg;
border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
}
}
// Open dropdown and active states
.open,
.active {
> .nav-tab-link {
&,
&:hover,
&:focus {
color: @nav-tabs-active-link-hover-color;
background-color: @nav-tabs-active-link-hover-bg;
border: 1px solid @nav-tabs-active-link-hover-border-color;
border-bottom-color: transparent;
cursor: default;
}
}
}
// Disabled state sets text to gray and nukes hover/tab effects
.disabled {
> .nav-tab-link {
&,
&:hover,
&:focus {
color: @nav-disabled-link-color;
background-color: transparent;
border-color: transparent;
cursor: not-allowed;
}
}
}
less/navs.less
View file @ 857fe32a
...@@ -2,24 +2,18 @@ ...@@ -2,24 +2,18 @@
// Navs // Navs
// -------------------------------------------------- // --------------------------------------------------
// - Mixins for horizontal and vertical nav
// - Classes for tabs and pills
.nav { .nav {
margin-bottom: @line-height-computed;
.list-unstyled(); .list-unstyled();
&:extend(.clearfix all); &:extend(.clearfix all);
} }
.nav-item { .nav-item {
position: relative; position: relative;
display: block; display: inline-block;
} }
.nav-link { .nav-link {
display: block; display: inline-block;
padding: @nav-link-padding; padding: @nav-link-padding;
line-height: @line-height-base; line-height: @line-height-base;
...@@ -29,19 +23,9 @@ ...@@ -29,19 +23,9 @@
background-color: @nav-link-hover-bg; background-color: @nav-link-hover-bg;
} }
// Open dropdown and active states
.open > &,
.active > & {
&,
&:hover,
&:focus {
color: @component-active-color;
background-color: @component-active-bg;
}
}
// Disabled state sets text to gray and nukes hover/tab effects // Disabled state sets text to gray and nukes hover/tab effects
.disabled > & { .disabled > &,
&.disabled {
color: @nav-disabled-link-color; color: @nav-disabled-link-color;
&, &,
...@@ -55,209 +39,111 @@ ...@@ -55,209 +39,111 @@
} }
//
// Base class
// --------------------------------------------------
.nav {
margin-bottom: 0;
padding-left: 0; // Override default ul/ol
list-style: none;
&:extend(.clearfix all);
> li {
position: relative;
display: block;
> a {
position: relative;
display: block;
padding: @nav-link-padding;
line-height: @line-height-base;
&:hover,
&:focus {
text-decoration: none;
background-color: @nav-link-hover-bg;
}
}
// Disabled state sets text to gray and nukes hover/tab effects
&.disabled > a {
color: @nav-disabled-link-color;
&:hover,
&:focus {
color: @nav-disabled-link-hover-color;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
}
}
// Open dropdowns
.open > a {
&,
&:hover,
&:focus {
background-color: @nav-link-hover-bg;
border-color: @link-color;
}
}
}
// Tabs // Tabs
// ------------------------- //
// Give the tabs something to sit on
.nav-tabs { .nav-tabs {
margin-bottom: @line-height-computed;
border-bottom: 1px solid @nav-tabs-border-color; border-bottom: 1px solid @nav-tabs-border-color;
> li {
.nav-item {
float: left; float: left;
// Make the list-items overlay the bottom border // Make the list-items overlay the bottom border
margin-bottom: -1px; margin-bottom: -1px;
// Actual tabs (as links) + .nav-item {
> a { margin-left: .2rem;
margin-right: 2px; }
line-height: @line-height-base; }
.nav-link {
display: block;
border: 1px solid transparent; border: 1px solid transparent;
.border-radius(@border-radius-base @border-radius-base 0 0); .border-radius(@border-radius-base @border-radius-base 0 0);
&:hover {
&:hover,
&:focus {
border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color; border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
} }
} }
// Active state, and its :hover to override normal :hover .open > .nav-link,
&.active > a { .active > .nav-link,
.nav-link.open,
.nav-link.active {
&, &,
&:hover, &:hover,
&:focus { &:focus {
color: @nav-tabs-active-link-hover-color; color: @nav-tabs-active-link-hover-color;
background-color: @nav-tabs-active-link-hover-bg; background-color: @nav-tabs-active-link-hover-bg;
border: 1px solid @nav-tabs-active-link-hover-border-color; border-color: @nav-tabs-active-link-hover-border-color @nav-tabs-active-link-hover-border-color transparent;
border-bottom-color: transparent;
cursor: default;
}
} }
} }
// pulling this in mainly for less shorthand
&.nav-justified {
.nav-justified();
.nav-tabs-justified();
}
}
.disabled > .nav-link,
// Pills .nav-link.disabled {
// -------------------------
.nav-pills {
> li {
float: left;
// Links rendered as pills
> a {
.border-radius(@nav-pills-border-radius);
}
+ li {
margin-left: 2px;
}
// Active state
&.active > a {
&, &,
&:hover, &:hover,
&:focus { &:focus {
color: @nav-pills-active-link-hover-color; color: @nav-disabled-link-color;
background-color: @nav-pills-active-link-hover-bg; background-color: transparent;
} border-color: transparent;
}
}
}
// Stacked pills
.nav-stacked {
> li {
float: none;
+ li {
margin-top: 2px;
margin-left: 0; // no need for this gap between nav items
} }
} }
} }
// Nav variations //
// -------------------------------------------------- // Pills
//
// Justified nav links .nav-pills {
// ------------------------- margin-bottom: @line-height-computed;
.nav-justified { .nav-item {
width: 100%; float: left;
> li { + .nav-item {
float: none; margin-left: .2rem;
> a {
text-align: center;
margin-bottom: 5px;
} }
} }
> .dropdown .dropdown-menu { .nav-link {
top: auto; display: block;
left: auto; .border-radius(@nav-pills-border-radius);
} }
@media (min-width: @screen-sm-min) { .open > .nav-link,
> li { .active > .nav-link,
display: table-cell; .nav-link.open,
width: 1%; .nav-link.active {
> a { &,
margin-bottom: 0; &:hover,
} &:focus {
color: @component-active-color;
background-color: @component-active-bg;
cursor: default;
} }
} }
} }
// Move borders to anchors instead of bottom of list .nav-stacked {
// .nav-item {
// Mixin for adding on top the shared `.nav-justified` styles for our tabs float: none;
.nav-tabs-justified { display: block;
border-bottom: 0;
> li > a {
// Override margin from .nav-tabs
margin-right: 0;
.border-radius(@border-radius-base);
}
> .active > a,
> .active > a:hover,
> .active > a:focus {
border: 1px solid @nav-tabs-justified-link-border-color;
}
@media (min-width: @screen-sm-min) { + .nav-item {
> li > a { margin-top: .2rem;
border-bottom: 1px solid @nav-tabs-justified-link-border-color; margin-left: 0;
.border-radius(@border-radius-base @border-radius-base 0 0);
}
> .active > a,
> .active > a:hover,
> .active > a:focus {
border-bottom-color: @nav-tabs-justified-active-link-border-color;
} }
} }
} }
//
// Tabbable tabs // Tabbable tabs
// ------------------------- //
// Hide tabbable panes to start, show them when `.active` // Hide tabbable panes to start, show them when `.active`
.tab-content { .tab-content {
...@@ -270,12 +156,12 @@ ...@@ -270,12 +156,12 @@
} }
//
// Dropdowns // Dropdowns
// ------------------------- //
// Specific dropdowns
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
// make dropdown border overlap tab border // Make dropdown border overlap tab border
margin-top: -1px; margin-top: -1px;
// Remove the top rounded corners here since there is a hard edge above the menu // Remove the top rounded corners here since there is a hard edge above the menu
.border-top-radius(0); .border-top-radius(0);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment